/* Both themes use the same layout. Image bytes and alpha channels are untouched. */
:root{--canvas:#f5f7fb;--surface-raised:#fafbfd;--text:#17243c;--secondary:#50627f;--subtle:#8290a5;--control:#fff;--hover:#f3f6fc;--image-surface:#f6f7f9}
.theme-toggle{gap:7px;min-width:80px;flex-shrink:0;font-size:11px;font-weight:600}
.theme-toggle .icon{width:17px;height:17px}
.login-theme{position:fixed;right:24px;top:20px;z-index:30}
:root[data-theme=dark]{color-scheme:dark;color:var(--text);background:var(--canvas);--canvas:#111315;--surface:#1b1e22;--surface-raised:#22262b;--text:#dce2eb;--secondary:#b7c2d1;--subtle:#a2adbd;--control:#23272d;--hover:#292e36;--image-surface:#24282d;--line:#343a43;--blue:#628cf3;--nav:#15181c;--muted:#a2adbd;--shadow:0 8px 28px #00000014}
[data-theme=dark] body{background:var(--canvas);color:var(--text)}
[data-theme=dark] :is(.topbar,.stat,.panel,.catalog-tools,.product-card,.login-page,dialog){background:var(--surface);color:var(--text);border-color:var(--line)}
[data-theme=dark] :is(input,select,textarea,.search input,.filter-row select,.icon-btn,.btn,.connect-banner .btn,.pagination button,.upload-box input){background:var(--control);color:var(--secondary);border-color:var(--line)}
[data-theme=dark] :is(input,textarea)::placeholder{color:#949fb0}
[data-theme=dark] :is(th,.modal-footer,.upload-box,.hint,.env-badge){background:var(--surface-raised);color:var(--subtle);border-color:var(--line)}
[data-theme=dark] :is(td,.filter-row,.product-bottom,.stone-link,.product-photo,.login-hint){border-color:var(--line)}
[data-theme=dark] :is(tbody tr:hover,.btn:hover,.icon-btn:hover,.chip:hover){background:var(--hover);color:var(--text)}
[data-theme=dark] :is(.brand,.breadcrumb strong,.connect-copy h3,.empty h3,.detail-info dd,.row-name,.hint strong){color:var(--text)}
[data-theme=dark] :is(.page-head p,.stat-label,.stat-note,.stat-value span,.muted,.form-field,.form-field small,.info-line,.summary-mini,.note-list,.check-label,.source-key,.modal-head p,.detail-spec,.detail-info dt,.catalog-meta,.product-spec,.product-code,.product-bottom,.footer,.footer strong,.activity p,.activity time,.notice-item p,.notice-meta,.login-card>p,.login-hint,.login-extra,.upload-box p,.chart-row,.pagination,.status-pill,.breadcrumb,.steps,.tab,.chip,.empty,.boot p){color:var(--subtle)}
[data-theme=dark] :is(.product-spec b,.connect-copy p){color:var(--secondary)}
[data-theme=dark] .connect-banner{background:linear-gradient(105deg,#202b3e,#1b222d);border-color:#354764}
[data-theme=dark] .btn.primary{background:#426bd3;color:#f2f5ff;border-color:#537bdf;box-shadow:none}
[data-theme=dark] .btn.primary:hover{background:#4c75db}
[data-theme=dark] .btn.danger{color:#f1a69c;border-color:#794c48}
[data-theme=dark] .btn.ghost{background:transparent;border-color:transparent}
[data-theme=dark] :is(.chip.active,.view-options .active,.pagination .current,.tab span,.hint.blue,.step.active span,.avatar){background:#293850;color:#a9c3ff;border-color:#425d8b}
[data-theme=dark] .tab.active{color:#a9c3ff;border-color:#8cabf5}
[data-theme=dark] :is(.text-blue,.catalog-meta strong,.login-hint code){color:#a9c3ff}
[data-theme=dark] .badge{background:#303741;color:#c5cfde}
[data-theme=dark] .badge.blue{background:#293b5a;color:#b7ceff}
[data-theme=dark] .badge.green{background:#233d33;color:#a8d9bf}
[data-theme=dark] .badge.amber{background:#443b28;color:#e7cb8d}
[data-theme=dark] .badge.red{background:#4a2c2c;color:#f1b2a8}
[data-theme=dark] :is(.form-error,.toast.error){background:#40292a;border-color:#724446;color:#f1b4ac}
[data-theme=dark] :is(.product-photo,.detail-hero){background:var(--image-surface)}
[data-theme=dark] .product-photo .sample-label{background:#20242be6;color:#bfc9d9;border-color:#444d5b}
[data-theme=dark] .product-photo .image-placeholder{color:#8995a7}
[data-theme=dark] .product-card:hover{border-color:#576b8d;box-shadow:0 10px 30px #00000026}
[data-theme=dark] :is(.stat-icon,.activity-dot){background:#293750;color:#b1c9ff}
[data-theme=dark] .stat-icon.mint{background:#253e36;color:#a0d5be}
[data-theme=dark] .stat-icon.gold{background:#403a2a;color:#e1c681}
[data-theme=dark] .stat-icon.lilac{background:#383049;color:#ceb6ee}
[data-theme=dark] .step-line{background:var(--line)}
[data-theme=dark] .step span{border-color:var(--line);color:var(--subtle)}
[data-theme=dark] .step.active{color:#a9c3ff}
[data-theme=dark] .login-aside{background:#171e2a}
[data-theme=dark] .login-aside p{color:#acb9ce}
[data-theme=dark] .sidebar .nav-section{color:#94a0b2}
[data-theme=dark] .sidebar .eyebrow{color:#9ba9be}
[data-theme=dark] .sidebar-bottom p{color:#929fb2}
[data-theme=dark] .nav-link{color:#b2bfd3}
[data-theme=dark] .nav-link.active{background:#3659af;color:#fff}
[data-theme=dark] meter::-webkit-meter-bar{background:#303741}
[data-theme=dark] meter::-webkit-meter-optimum-value{background:#91b0fa}
[data-theme=dark] dialog::backdrop{background:#0009}
@media(max-width:680px){.theme-toggle{min-width:35px;width:35px;padding:7px}.theme-toggle span{display:none}.topbar{gap:8px}.login-theme .theme-toggle{min-width:80px;width:auto}.login-theme .theme-toggle span{display:inline}}