/* Solid turquoise surfaces, shared by light and dark themes. */
:root,[data-theme=light]{--page:#f3f7f8;--surface:#fff;--surface-alt:#edf4f5;--sidebar-surface:#e6f0f2;--text:#233d46;--secondary:#657f89;--line:#dce7ea;--accent:#087f8c;--accent-hover:#066a76;--accent-text:#fff;--accent-container:#d0ebee;--accent-on-container:#08616c;--chart-line:#1595a2;--chart-area:#dff1f3;--danger:#a74f50;--danger-bg:#f8e7e7;--warning:#8a662d;--warning-bg:#f6eedf;--success:#2e7864;--success-bg:#e5f2ee;--green:var(--accent);--green-dark:var(--accent-hover);--md-primary:var(--accent);--md-surface:var(--surface);--md-container:var(--accent-container);--md-text:var(--text);--md-secondary:var(--secondary);--md-outline:var(--line);--md-state:var(--accent-container);--md-shadow:0 1px 3px #1838440a;--muted:var(--secondary);--border:var(--line);color-scheme:light;background:var(--page);color:var(--text)}
[data-theme=dark]{--page:#101e24;--surface:#192b33;--surface-alt:#20373f;--sidebar-surface:#16282f;--text:#e1edf0;--secondary:#a1b7bf;--line:#304951;--accent:#52c3ce;--accent-hover:#7cd7df;--accent-text:#092e36;--accent-container:#234952;--accent-on-container:#a7e9ee;--chart-line:#52c3ce;--chart-area:#203c44;--danger:#f0a0a1;--danger-bg:#493036;--warning:#e1bf7d;--warning-bg:#3b3529;--success:#8ccfb9;--success-bg:#253f3b;color-scheme:dark}
html[data-theme] body{background:var(--page);color:var(--text)}
html[data-theme] .sidebar{background:var(--sidebar-surface)}
html[data-theme] :is(.main-wrap,.login-page){background:var(--page)}
html[data-theme] :is(.topbar,.card,.modal-header,.invoice-paper,.donut>div,dialog){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme] :is(.workspace,.offline-card,.search,.notice,.local-status,.upload-box,.upload-preview,.cart-empty){background:var(--surface-alt);border-color:var(--line);color:var(--secondary)}
html[data-theme] :is(h1,h2,h3,.brand strong,.breadcrumb b,.workspace b,.profile b,.kpi-value,.chart-summary>strong,.donut strong,.low-item b,.best-item b,.product-name b,.category-card h2,.form-section-title h2,.modal-header h2,.login-panel h2,.report-summary strong,.user-list b,.invoice-brand h2,.invoice-customer b){color:var(--text)}
html[data-theme] :is(.page-heading p,.brand small,.workspace small,.profile small,.nav-label,.top-date,.breadcrumb,.kpi-top,.kpi-note,.kpi-value small,.chart-summary>span,.section-heading p,.section-heading>.subtle,.section-description,.subtle,.sku,.table-foot,.field>span,.help-text,.category-card p,.category-legend span,.category-legend b,.donut small,.donut span,.low-item small,.stock-count small,.best-item small,.best-item>span:last-child small,.report-summary span,.report-summary p,.invoice-store-info,.invoice-brand p,.invoice-sign p,.invoice-note,.invoice-calculation p,.confirm-text,.user-list small,.login-panel>p,.checkbox,.app-footer,.x-labels,.y-labels,.cart-list small,.upload-box>small){color:var(--secondary)}
html[data-theme] .brand-icon{background:var(--accent);color:var(--accent-text)}
html[data-theme] :is(.nav-item,.icon-btn){color:var(--secondary)}
html[data-theme] :is(.nav-item:hover,.icon-btn:hover){background:var(--surface-alt);color:var(--accent)}
html[data-theme] .nav-item.active{background:var(--accent-container);color:var(--accent-on-container)}
html[data-theme] .nav-count{background:var(--warning-bg);color:var(--warning)}
html[data-theme] :is(.store-avatar,.avatar,.mini-avatar,.invoice-symbol){background:var(--accent-container);color:var(--accent-on-container)}
html[data-theme] :is(.btn.primary,.primary){background:var(--accent);color:var(--accent-text);box-shadow:none}
html[data-theme] .btn.primary:hover{background:var(--accent-hover)}
html[data-theme] .btn.secondary{background:transparent;border-color:var(--line);color:var(--accent)}
html[data-theme] .btn.secondary:hover{background:var(--surface-alt)}
html[data-theme] :is(.text-link,.view-all,.low-footer,.best-item>span:last-child,.numeric,.connection,.offline-card b,.offline-card>svg,.local-status,.welcome-wave){color:var(--accent)}
html[data-theme] :is(.demo-banner,.invoice-total){background:var(--accent-container);color:var(--accent-on-container);border-color:var(--line)}
html[data-theme] :is(.demo-banner b,.demo-banner button,.invoice-total b){color:var(--accent-on-container)}
html[data-theme] :is(.kpi-icon.green,.kpi-icon.blue,.kpi-icon.orange,.kpi-icon.purple,.category-icon){background:var(--accent-container)!important;color:var(--accent-on-container)!important}
html[data-theme] .product-art{background:var(--surface-alt);color:#6baab6}
html[data-theme] .segmented{background:var(--surface);border-color:var(--line)}
html[data-theme] .segmented button{color:var(--secondary)}
html[data-theme] .segmented .selected{background:var(--accent-container);color:var(--accent-on-container)}
html[data-theme] thead{background:var(--surface-alt);color:var(--secondary);border-color:var(--line)}
html[data-theme] th{color:var(--secondary)}
html[data-theme] td{color:var(--text);border-color:var(--line)}
html[data-theme] :is(tbody tr:hover,.low-item:hover){background:var(--surface-alt)}
html[data-theme] .low-item{background:transparent}
html[data-theme] :is(.badge.green){background:var(--success-bg);color:var(--success)}
html[data-theme] :is(.badge.orange,.count-badge){background:var(--warning-bg);color:var(--warning)}
html[data-theme] .badge.muted{background:var(--surface-alt);color:var(--secondary)}
html[data-theme] :is(.stock-count,.low-item .stock-count){color:var(--warning)}
html[data-theme] :is(.danger-text,.form-error){color:var(--danger)}
html[data-theme] :is(.danger-outline,.btn.danger){background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
html[data-theme] :is(.field input,.field textarea,select,.cart-list input){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme] .field input:disabled{background:var(--surface-alt);color:var(--secondary)}
html[data-theme] :is(.search input,.search input::placeholder){color:var(--secondary)}
html[data-theme] :is(.profile,.category-card-footer,.form-section-title,.form-bottom,.modal-header,.modal-footer,.cart-list,.cart-list>div,.invoice-store-info,.invoice-sign,.invoice-paper td,.user-list>div,.low-footer,.table-foot,.size-chip){border-color:var(--line)}
html[data-theme] .invoice-calculation .grand-total{background:var(--accent-container);color:var(--accent-on-container)}
html[data-theme] .chart-key i{background:var(--chart-line)}
html[data-theme] .donut{transform:none}
html[data-theme] .donut>div{transform:none}
html[data-theme] .login-decoration{background:var(--sidebar-surface);color:var(--text)}
html[data-theme] .login-decoration h1{color:var(--text)}
html[data-theme] :is(.login-decoration p,.login-feature){color:var(--secondary)}
html[data-theme] .login-emblem svg{color:var(--accent)}
html[data-theme] .login-panel .brand{justify-content:flex-start}
.login-panel .theme-toggle{margin-right:auto}
.currency-select{width:auto;min-width:82px;min-height:38px;padding:6px 10px;border-radius:9px;font-size:11px;cursor:pointer}
.theme-toggle{border:1px solid var(--line);background:var(--surface);flex-shrink:0}
.preferences-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;color:var(--text);font-size:12px}
.theme-toggle svg{width:20px;height:20px}
html[data-theme] :is(.login-decoration:after){display:none}
@media(max-width:760px){.top-actions{gap:9px}.currency-select{min-width:69px;font-size:11px;min-height:36px;padding:5px 8px}.theme-toggle{width:36px;height:36px}.top-actions .connection{display:none}.topbar{padding-left:14px;padding-right:14px}.top-actions .notification{width:30px}.topbar .breadcrumb{gap:5px}.kpi-value{font-size:21px}.kpi-value small{font-size:9px}.kpi-grid .kpi{padding:15px 12px}.kpi .kpi-value{flex-wrap:wrap;row-gap:0}.login-panel .brand{gap:10px}}
@media(max-width:390px){.top-actions{gap:6px}.breadcrumb{font-size:11px}.topbar .notification{display:none}}
@media print{html[data-theme],html[data-theme] body{background:#fff!important;color:#20343b!important}html[data-theme] :is(dialog,.invoice-paper){background:#fff!important;color:#20343b!important}html[data-theme] .invoice-paper :is(h2,b,p,td,span){color:#20343b!important}html[data-theme] .invoice-paper thead{background:#eaf4f5!important}html[data-theme] .invoice-paper th{color:#46626b!important}html[data-theme] .invoice-calculation .grand-total{background:#e5f2f4!important}html[data-theme] .invoice-paper .badge{color:#385c66!important;background:#edf4f5!important}}

.app-footer .footer-brand{color:var(--accent);font-weight:700;text-decoration:none}.app-footer .footer-brand:hover{text-decoration:underline}.app-footer .footer-brand:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}

.category-card h2{margin-top:0}