/* Appearance controls stay available on desktop, mobile and the login screen. */
.topbar-actions,.appearance-controls,.theme-switch,.connection-label{display:flex;align-items:center;gap:8px}
.topbar-actions{gap:18px}.theme-switch{padding:4px;background:#e9eef7;border:1px solid #d7e1f0;border-radius:12px;gap:3px}
.theme-switch button{background:transparent!important;color:#596a85;border-radius:8px;box-shadow:none;padding:7px 10px;font-size:11px;white-space:nowrap}
.theme-switch button[aria-pressed=true]{background:#fff!important;color:#1c4caa;box-shadow:0 2px 8px #173c7820}
.theme-switch button span{font-size:16px;margin-right:4px}.motion-toggle{background:transparent!important;color:var(--muted);border:1px solid var(--line);width:32px;height:32px;padding:0;font-size:16px;box-shadow:none}
.login-form{position:relative}.login-appearance{position:absolute;top:25px;right:25px}.login-form form{margin-top:45px}
.production-pulse{display:grid;grid-template-columns:260px 1fr;padding:0;margin:0 0 26px;overflow:hidden;background:linear-gradient(135deg,#fff,#f2f7ff);position:relative}
.pulse-intro{padding:26px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#dfeaffaa,transparent 70%)}
.pulse-intro .eyebrow{color:#4e75b8;font-size:9px;letter-spacing:1.7px}.pulse-intro h2{margin:12px 0 8px;font-size:20px;line-height:1.3}.pulse-intro p{font-size:12px;color:var(--muted);margin:0}
.production-dial{width:137px;height:137px;border-radius:50%;margin:21px auto 0;display:grid;place-items:center;background:conic-gradient(from 220deg,#649bff 0%,#255edf var(--dial),#dfe7f5 var(--dial));box-shadow:0 0 28px #467de019;position:relative}
.production-dial>div{position:absolute;inset:8px;background:#f8faff;border:1px solid #dfe7f5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.production-dial strong{font-size:32px;letter-spacing:-1.2px;color:#1f4f9f}.production-dial small{text-align:center;font-size:9px;line-height:1.5;margin-top:5px}
.pulse-orders{padding:12px 22px;display:grid;align-content:center;gap:0;min-width:0}
.pulse-order{display:block;text-align:left;width:100%;padding:20px 0;background:none!important;background-image:none!important;box-shadow:none;border-radius:0;color:var(--ink);border-bottom:1px solid var(--line)}.pulse-order:last-child{border-bottom:0}.pulse-order:hover{box-shadow:none;transform:none}.pulse-order:hover strong{color:#417ad9}.pulse-order-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.pulse-order-head strong{font-size:15px;letter-spacing:.2px}.pulse-order-head small{display:block;font-size:11px;font-weight:400;margin-top:6px}.pulse-order-head b{font-size:21px;color:#3b6bc3;white-space:nowrap}.pulse-order-head b>span{font-size:15px;margin-left:6px}.pulse-order-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:400;color:var(--muted)}
.progress{height:10px;border:1px solid #c7d8f355;background:#e3eaf6;position:relative;margin:13px 0;border-radius:20px;isolation:isolate}
.progress>div{position:relative;overflow:hidden;transform-origin:left;background:linear-gradient(90deg,#244dd7,#408cf9 65%,#87ccff);border-radius:20px;box-shadow:0 0 16px #508efb55;transition:none}
.progress.is-running>div{background-image:repeating-linear-gradient(115deg,transparent 0 11px,#ffffff25 11px 21px),linear-gradient(90deg,#2452d3,#509fff);background-size:46px 100%,100% 100%;animation:progress-flow 1.6s linear infinite}
.progress.is-running .progress-light{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);width:45%;animation:progress-glint 2.8s ease-in-out infinite;pointer-events:none}
.progress.is-complete>div{background:linear-gradient(90deg,#3063ce,#72afff);box-shadow:0 0 18px #6ba4ff44}
.progress.is-complete:after{content:'✓';position:absolute;right:4px;top:-2px;color:white;font-size:9px;font-weight:800}
.hero{background-size:130% 130%;animation:hero-color 12s ease-in-out infinite}.glass-sheet{animation-iteration-count:infinite}.orbit-one{animation:orbit-turn 26s linear infinite}.orbit-two{animation:orbit-turn 32s linear reverse infinite}.art-spark{animation:spark-breathe 3.5s ease-in-out infinite}
.metric:before{width:48px;animation:accent-breathe 4s ease-in-out infinite}.metric:nth-child(2):before{animation-delay:-1s}.metric:nth-child(3):before{animation-delay:-2s}.metric:nth-child(4):before{animation-delay:-3s}
.metric:hover .icon{transform:rotate(-8deg) scale(1.08)}.metric .icon{transition:transform .25s}.order-card:hover .progress>div{filter:brightness(1.14)}
.step input:checked{animation:selection-in .25s ease-out}.step:has(input:checked) label{color:#4e75b8}.collection-alert{box-shadow:0 8px 30px #b54a1810}
@keyframes progress-flow{to{background-position:46px 0,0 0}}
@keyframes progress-glint{0%{transform:translateX(-130%)}65%,100%{transform:translateX(360%)}}
@keyframes hero-color{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes orbit-turn{from{rotate:0deg}to{rotate:360deg}}
@keyframes spark-breathe{0%,100%{opacity:.5;scale:.8}50%{opacity:1;scale:1.2}}
@keyframes accent-breathe{0%,100%{opacity:.5;box-shadow:0 0 0 #629aff00}50%{opacity:1;box-shadow:0 0 13px #629aff77}}

/* True black surfaces with blue light, never inverted photos or page filters. */
:root[data-theme=dark]{color-scheme:dark;--bg:#050609;--ink:#e9effb;--muted:#a0acc0;--line:#252d3d;--white:#11141b;--primary:#8bb6ff;--accent:#c2dbff;--red:#ffada0}
[data-theme=dark] body{background:radial-gradient(ellipse at 90% 0,#10204070,transparent 48%),#050609;color:var(--ink)}
[data-theme=dark] .sidebar{background:linear-gradient(165deg,#0b1220,#06080d 65%,#101a2c);border-color:#25334b}
[data-theme=dark] .topbar{background:#090c12e8;border-color:#242d3b}
[data-theme=dark] .panel,[data-theme=dark] .metric,[data-theme=dark] .order-card{background:linear-gradient(135deg,#151b26,#0e121a);border-color:#2b3547;box-shadow:inset 0 1px 0 #ffffff05,0 8px 30px #0002}
[data-theme=dark] .metric .number,[data-theme=dark] .panel-head h2,[data-theme=dark] .modal-head h2{color:#e5efff}
[data-theme=dark] .metric .icon,[data-theme=dark] .company-logo{background:#172642;border-color:#2b4777;color:#9fc5ff}
[data-theme=dark] button:not(.ghost):not(.secondary):not(.danger):not(.pulse-order):not(.motion-toggle):not([data-set-theme]):not(nav button){background-color:#285fd0;color:white}
[data-theme=dark] button.secondary{background:#171f2e;color:#d7e5ff;border-color:#35455f}
[data-theme=dark] button.ghost{color:#a7b7d0}[data-theme=dark] button.danger{background:#391c21;color:#ffb3a8}
[data-theme=dark] .theme-switch{background:#06090f;border-color:#2c374b}[data-theme=dark] .theme-switch button{color:#9eafca}[data-theme=dark] .theme-switch button[aria-pressed=true]{background:#263b62!important;color:#e5f0ff;box-shadow:0 0 14px #4378df22}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#090e17;color:#e4edfc;border-color:#39465b}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#8e9db5}
[data-theme=dark] dialog{background:#10151f;color:var(--ink);border-color:#364660;box-shadow:0 35px 120px #000b}
[data-theme=dark] .modal-head{background:linear-gradient(110deg,#151e30,#111721);border-color:#2b374c}
[data-theme=dark] dialog::backdrop{background:#0009}
[data-theme=dark] .hint,[data-theme=dark] .receipt-widget,[data-theme=dark] .confirmation-totals,[data-theme=dark] .order-quantity-row,[data-theme=dark] .item-row,[data-theme=dark] .audit-details,[data-theme=dark] .confirmation-body .pending-list{background:#141e30;color:#b4c8eb;border-color:#2b3d5b}
[data-theme=dark] .receipt-fields input[readonly]{background:#0c172c;color:#c8ddff}
[data-theme=dark] .format-choice,[data-theme=dark] .product-tile{background:#101721;border-color:#35425b;color:#dce7f8}
[data-theme=dark] .format-choice:has(input:checked),[data-theme=dark] .product-tile:has(input:checked),[data-theme=dark] .receipt-choices button.active{background:linear-gradient(120deg,#193666,#1c2d49);border-color:#6ca4ff;color:#edf5ff}
[data-theme=dark] .confirmation-totals .remaining{border-color:#354b6b}[data-theme=dark] .confirmation-body .eyebrow{color:#a9c8ff}
[data-theme=dark] th{background:#101722;color:#a6b6d0}[data-theme=dark] td,[data-theme=dark] .step,[data-theme=dark] .print-step{border-color:#263146}[data-theme=dark] tr.clickable:hover{background:#1a2942}
[data-theme=dark] .badge{background:#263249;color:#c4d5f0}[data-theme=dark] .badge.production{background:#3b2e16;color:#ffd487}[data-theme=dark] .badge.ready,[data-theme=dark] .badge.paid{background:#143b32;color:#9ce6bd}[data-theme=dark] .badge.shipped{background:#203c65;color:#b5d3ff}[data-theme=dark] .badge.cancelled{background:#432229;color:#ffb6b0}
[data-theme=dark] .kanban-column{background:#0b1019;border:1px solid #263046}[data-theme=dark] .remaining-summary{background:#111d31;color:#b6c8e5}[data-theme=dark] .timeline{border-color:#354967}[data-theme=dark] .event:before{border-color:#121925;background:#79a6f8}
[data-theme=dark] .final-organization{border-color:#345789}[data-theme=dark] .step:has(input:checked) label{color:#aac8fb}
[data-theme=dark] .production-pulse{background:linear-gradient(130deg,#111927,#0b1019)}[data-theme=dark] .pulse-intro{background:radial-gradient(ellipse at 50% 100%,#254b8740,transparent 75%)}[data-theme=dark] .pulse-intro .eyebrow{color:#8aafea}
[data-theme=dark] .production-dial{background:conic-gradient(from 220deg,#a5d3ff 0%,#4080ff var(--dial),#222f47 var(--dial));box-shadow:0 0 35px #3973dd20}[data-theme=dark] .production-dial>div{background:#111a29;border-color:#2f4160}[data-theme=dark] .production-dial strong{color:#c0dcff}
[data-theme=dark] .pulse-order-head b{color:#9fc5ff}[data-theme=dark] .pulse-order:hover strong{color:#a3caff}[data-theme=dark] .progress{background:#0a111e;border-color:#304564}
[data-theme=dark] .login-form{background:radial-gradient(ellipse at top right,#132343,#050609 65%)}
[data-theme=dark] .order-stages li span{background:#23314a}[data-theme=dark] .order-stages li.current span{background:#3d72d4;color:white}
[data-theme=dark] .collection-alert,[data-theme=dark] .shipping-inline-warning{background:#2c1910;border-color:#b96331;color:#ffcc9c}
[data-theme=dark] .collection-company{background:#1c1410;border-color:#70472c}[data-theme=dark] .collection-company h3,[data-theme=dark] .collection-balance,[data-theme=dark] .collection-grand-total strong{color:#ffbf8b}
[data-theme=dark] .collection-head p,[data-theme=dark] .collection-company p,[data-theme=dark] .collection-alert>small,[data-theme=dark] .collection-grand-total small{color:#dbb79b}
[data-theme=dark] .collection-order-links a,[data-theme=dark] .collection-head .eyebrow{color:#ffc398}[data-theme=dark] .collection-order-links>div{border-color:#63432d}
[data-theme=dark] .collection-order-links button,[data-theme=dark] .warning-confirmation [data-yes]{background-color:#a64822!important}
[data-theme=dark] .warning-confirmation .confirmation-body{background:#261710}[data-theme=dark] .warning-confirmation h2,[data-theme=dark] .warning-confirmation .eyebrow,[data-theme=dark] .shipping-debt-amount{color:#ffbc94}
[data-theme=dark] .error{background:#361d24;color:#ffc3ba}
[data-theme=dark] .hero button{color:#163d7c!important}
@media(max-width:1150px){.topbar-actions{gap:8px}.production-pulse{grid-template-columns:225px 1fr}.topbar{padding-left:25px;padding-right:25px}.crumb{max-width:240px}.pulse-orders{padding:10px 18px}}
@media(max-width:750px){.topbar{height:auto;min-height:90px;padding:12px 18px;flex-wrap:wrap;gap:10px}.topbar-actions{width:100%;justify-content:space-between}.online{gap:3px}.connection-label{display:none}.theme-switch button{font-size:11px;padding:6px 10px}.production-pulse{grid-template-columns:1fr}.pulse-intro{border-right:0;border-bottom:1px solid var(--line);padding:22px 130px 22px 20px;min-height:135px;position:relative}.pulse-intro h2{font-size:19px}.production-dial{width:96px;height:96px;position:absolute;right:20px;top:20px;margin:0}.production-dial>div{inset:6px}.production-dial strong{font-size:24px}.production-dial small{font-size:7px}.pulse-orders{padding:0 18px}.pulse-order{padding:20px 0}.pulse-order-foot{font-size:9px}.pulse-order-head b{font-size:19px}.login-appearance{position:static;align-self:flex-end;margin:0 0 10px}.login-form{flex-direction:column}.login-form form{margin-top:0}.hero{min-height:210px}.hero:after{content:'';position:absolute;right:-80px;bottom:-90px;width:230px;height:230px;border:1px solid #a8ccff30;border-radius:45px;box-shadow:0 0 0 25px #aacbff07,0 0 0 50px #aacbff04;animation:orbit-turn 40s linear infinite;pointer-events:none}.hero>div:first-child{z-index:1}}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
[data-hidden=true] *,[data-hidden=true] *::before,[data-hidden=true] *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}