/* Dodos Streaming: shared presentation, preserving the page form contracts. */
body{overflow-wrap:break-word}
body .sh-brand-mark img{filter:none}
body :is(.card,.content-card,.filter-card,.table-container,.form-card,.stat-card,.service-card){border-color:var(--sh-line);box-shadow:var(--sh-shadow)}
body :is(.nav-item,.btn,.buy-button,.btn-primary,.btn-secondary,.service-card){transition:background-color .18s var(--sh-ease),border-color .18s var(--sh-ease),box-shadow .18s var(--sh-ease),transform .18s var(--sh-ease)}
body :is(.alert,.notice,.success-message,.error-message){overflow-wrap:anywhere}
body .sidebar .sh-sidebar-footer{flex:0 0 auto;margin:18px 7px 0;padding-top:12px;border-top:1px solid #2b3b4c}
body .sidebar .sh-sidebar-logout{width:100%;font:inherit;cursor:pointer;text-align:left}
body .sidebar .sh-sidebar-footer form{margin:0}
body .sidebar .sh-sidebar-logout:hover{background:#203344!important;color:#f4f7fc!important}
body.sh-admin #appSidebar{display:flex;flex-direction:column;overflow:hidden}
body.sh-admin #appSidebar .sidebar-header{flex:0 0 auto}
body.sh-admin #appSidebar .sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#344454 transparent}
body .sh-admin :is(.table-wrap,.table-container),body.sh-admin :is(.table-wrap,.table-container){max-width:100%;overflow-x:auto}
body .sh-context-note{color:var(--sh-muted);font-size:13px;line-height:1.7;max-width:78ch}
body .modal-overlay{font-family:var(--sh-font-sans)!important}
body.sh-admin--dashboard .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.sh-admin--dashboard .stock-table{min-width:490px;color:var(--sh-text)}body.sh-admin--dashboard .stock-table th{background:var(--sh-surface-soft);color:var(--sh-muted)}body.sh-admin--dashboard .stock-table :is(th,td){border-color:var(--sh-line)}body.sh-admin--dashboard .stock-table tbody tr:hover{background:var(--sh-surface-soft)}body.sh-admin--dashboard .stock-table .service-name{color:var(--sh-text)}
body.sh-admin--dashboard .stock-badge{white-space:nowrap}html[data-theme=dark] body.sh-admin--dashboard .stock-badge.high{background:#173e34;color:#a9e5c7}html[data-theme=dark] body.sh-admin--dashboard .stock-badge.medium{background:var(--sh-warning-bg);color:var(--sh-warning)}html[data-theme=dark] body.sh-admin--dashboard .stock-badge.low{background:var(--sh-danger-bg);color:var(--sh-danger)}html[data-theme=dark] body.sh-admin--dashboard .stock-badge.none{background:var(--sh-surface-soft);color:var(--sh-muted)}
body .dodos-logout-form{display:inline-flex;margin:0;flex:0 0 auto}body .dodos-logout-form .btn-logout{font:inherit;font-size:12px;cursor:pointer;line-height:1.4;background:var(--sh-surface);color:var(--sh-muted);border:1px solid var(--sh-line);border-radius:9px;padding:10px 13px;min-height:39px}
body .dodos-page-intro{margin:0 0 26px;color:var(--sh-muted);font-size:14px;line-height:1.65}
body .dodos-manual-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--sh-line);border-radius:999px;background:var(--sh-surface-soft);color:var(--sh-text);font-size:11px;font-weight:750;letter-spacing:.01em}
body .dodos-manual-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#d3a255}
body .dodos-safe-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid var(--sh-line);border-radius:12px;background:var(--sh-surface-soft);color:var(--sh-muted);font-size:13px;line-height:1.6}
body .dodos-safe-note svg{width:18px;height:18px;flex:0 0 18px;color:var(--sh-link);margin-top:2px}
body .dodos-empty-icon{display:grid;place-items:center;margin:0 auto 14px;width:50px;height:50px;border:1px solid var(--sh-line);border-radius:16px;background:var(--sh-surface-soft);color:var(--sh-link)}
html[data-theme="dark"] body :is(.card,.content-card,.filter-card,.table-container,.form-card,.stat-card){background:var(--sh-surface)!important;color:var(--sh-text)!important}
html[data-theme="dark"] body :is(.card,.content-card,.filter-card,.table-container,.form-card,.stat-card) :is(h1,h2,h3,h4,label){color:var(--sh-text)!important}
html[data-theme="dark"] body :is(.card,.content-card,.table-container,.form-card) :is(p,.text-muted,.muted,.subtitle){color:var(--sh-muted)}
html[data-theme="dark"] body .data-table :is(th,td),html[data-theme="dark"] body table :is(th,td){border-color:var(--sh-line)}
html[data-theme="dark"] body .data-table th{background:var(--sh-surface-soft)!important;color:var(--sh-muted)!important}
html[data-theme="dark"] body .data-table tr:hover{background:color-mix(in srgb,var(--sh-accent) 7%,var(--sh-surface))!important}
@media(hover:hover) and (pointer:fine){body .service-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #173c5617}body .btn:hover:not(:disabled){filter:none}}
@media(max-width:900px){body.sh-admin #appSidebar{width:min(86vw,300px)!important}body .sh-brand-name{max-width:160px}body .main-content{overflow:visible}}
@media(max-width:620px){body.sh-admin--dashboard .stats-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){body :is(.nav-item,.btn,.buy-button,.btn-primary,.btn-secondary,.service-card){animation:none!important;transition:none!important;transform:none!important}}