/* Shared palette. Dark is the first-paint default; light is an explicit choice. */
:root{--surface:#141c2b;--canvas:#101725;--raised:#1d293b;--line:#33425a;--text:#e7edf7;--subtle:#a9b7cd;--accent:#809bff;--action:#536dde;--good:#65ddb0;--warn:#ffcd6c;--bad:#ff9aab;--color-background:var(--canvas);--color-foreground:var(--text);--color-card:var(--surface);--color-primary:var(--action);--color-primary-foreground:#fff;--color-muted:var(--raised);--color-muted-foreground:var(--subtle);--color-border:var(--line);--color-surface:var(--surface);--color-ink:var(--text);--color-ink-2:var(--subtle);--color-ink-3:var(--subtle);--color-hover:var(--raised);--color-field:var(--surface);--hub-ink:var(--text);--hub-muted:var(--subtle);--hub-line:var(--line);--ink:var(--text);--muted:var(--subtle);--border:var(--line);--green:var(--accent);--grid-line:var(--line);color-scheme:dark}
:root[data-theme=light]{--surface:#fff;--canvas:#f7f9fc;--raised:#eef2f8;--line:#d5deeb;--text:#1b2940;--subtle:#52637b;--accent:#3759bc;--action:#3d59c9;--good:#087850;--warn:#946000;--bad:#b92d4b;color-scheme:light}
html,body,.shell{background:var(--canvas);color:var(--text)}
body{font-family:'Segoe UI',Inter,Arial,sans-serif;font-size:14px}
a{color:var(--accent)}h1,h2,h3,h4{color:var(--text);font-family:'Segoe UI Variable Display','Segoe UI',sans-serif}
p,.inline-note,.muted,.empty p,.empty-line,.page-heading p,.hero-note p,.plan-list,.card p{color:var(--subtle)}
.sidebar{background:var(--surface);border-color:var(--line);padding:30px 18px 20px}.brand-wordmark{color:var(--text);font-size:24px!important}.brand-period{color:var(--accent)}
.nav-caption{color:var(--subtle);font-size:10px;letter-spacing:1.5px}.sidebar-bottom{border-color:var(--line);padding-top:16px}
#navigation a{color:var(--subtle);font-weight:500;font-size:13px;padding:12px 13px}#navigation a[data-active=true],#navigation a:hover{background:var(--raised);color:var(--text)}#navigation a[data-active=true]{box-shadow:inset 0 0 0 1px var(--line)}
#navigation [data-slot=bounce-sidebar]>span{background:var(--accent)!important}
.account-identity{justify-content:space-between;gap:6px}.account-settings{gap:9px;color:var(--subtle);padding:10px 7px!important;flex:1;justify-content:flex-start!important}.account-menu{background:var(--surface);border-color:var(--line);bottom:50px;width:260px}.account-menu a,.account-menu button{background:var(--surface);color:var(--text)}.account-menu a:hover,.account-menu button:hover{background:var(--raised)}
.shell>header{background:var(--canvas);border-color:var(--line);padding:0 32px;height:76px;align-items:center}.breadcrumb{color:var(--subtle)}.breadcrumb b{color:var(--text)}.header-right{display:none}
#interface-modes{margin-left:auto;display:flex;align-items:center}.hub-modes{min-width:0;margin:0}.hub-modes [role=tablist]{background:var(--surface);border-color:var(--line);display:flex;align-items:center;padding:4px;height:44px;box-sizing:border-box;gap:2px}.hub-modes [role=tab]{height:34px;margin:0;padding:0 14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:var(--subtle)}.hub-modes [data-tabs-label]{display:inline-flex;align-items:center;gap:8px;color:inherit}.hub-modes [role=tab][aria-selected=true]{color:var(--text);font-weight:650}.hub-modes [data-tabs-indicator]{background:var(--raised);border-color:var(--line);box-shadow:none}
.shell main{padding:32px;max-width:1800px}.page-heading{margin-bottom:25px}.page-heading h1{color:var(--text);font-size:31px;font-weight:650;letter-spacing:-.8px}.page-heading p{color:var(--subtle);font-size:14px}
#refresh,#sync-button{display:none!important}
.toolbar{background:transparent;border-color:var(--line);padding:16px 0}.toolbar select,.toolbar input,.date-range input{background:var(--surface);color:var(--text);border-color:var(--line)}.timezone{color:var(--subtle)}
.button,.text-button{font-size:12px;font-weight:600;border-radius:7px}.button{min-height:36px}.button.primary,.login-card button{background:var(--action);border-color:var(--action);color:#fff}.button.secondary{background:var(--raised);border-color:var(--line);color:var(--text)}.button.secondary:hover{border-color:var(--accent)}.button.primary:hover{filter:brightness(1.1)}.text-button{color:var(--accent)}.button:disabled{opacity:.45}.button-island{display:contents}
.card,.workspace-card,.metric-card,.welcome-card{background:transparent!important;color:var(--text);border-color:var(--line)!important}.card h2,.section-heading h2,.metric-value{color:var(--text)}.card h2,.section-heading h2{font-size:19px}.card .card{border-top-color:var(--line)!important}
.field,.check-field{color:var(--subtle);font-size:12px}.field input,.field select,.field textarea,.legacy-field-input,.field .legacy-field-input{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:7px;min-height:38px}.legacy-field-wrap{background:var(--surface)!important}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox],input[type=radio]{accent-color:var(--action);width:17px;height:17px}
.store-context{color:var(--subtle);font-size:12px}.carrier-tabs{gap:8px;border:0;margin:20px 0}.carrier-tabs button{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--subtle);padding:11px 16px;font-weight:600}.carrier-tabs button.active{background:var(--raised);border:1px solid var(--accent);color:var(--text)}.carrier-tabs span{color:var(--subtle)}
.store-filters{border-color:var(--line);gap:14px}.selection-bar{background:var(--canvas);border-bottom:1px solid var(--line);margin-bottom:12px;top:76px;padding:14px 0;gap:8px}.selection-bar>span{color:var(--subtle);font-size:12px}.selection-bar>span b{color:var(--text)}.selection-bar .button{min-height:34px}
.order-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:9px!important}.data-table{color:var(--text)}.data-table th{background:var(--raised);color:var(--subtle);border-color:var(--line);font-size:11px;font-weight:600;padding:14px 12px}.data-table td{color:var(--text);border-color:var(--line);font-size:12px;padding:17px 12px}.data-table tr:hover td{background:var(--raised)}.data-table td small{display:block;color:var(--subtle);font-size:11px;line-height:1.5;margin-top:6px}.order-number{color:var(--accent);font-size:12px;font-weight:650}.order-products b{color:var(--text)}.order-table small{color:var(--subtle);font-size:11px}.order-print-status{margin-top:7px}.group-row td{background:var(--raised)!important;color:var(--subtle)!important}.order-table .paid,.shipping-delivered{color:var(--good)!important}.shipping-shipped{color:var(--accent)!important}.packed-row{background:var(--raised);opacity:.75}
.badge{background:var(--raised);color:var(--subtle);font-size:10px;font-weight:650;line-height:1.45;padding:5px 8px;border-radius:5px}.badge.completed,.badge.connected,.badge.fresh,.badge.print-printed,.badge.print-confirmed{background:#123f38;color:#8aefc5}.badge.pending,.badge.waiting,.badge.print-waiting_label,.badge.print-preparing{background:#453816;color:#ffdc88}.badge.print-queued,.badge.print-leased,.badge.print-spooling{background:#223563;color:#b4c7ff}.badge.error,.badge.failed,.badge.needs_review,.badge.print-error,.badge.print-uncertain{background:#542737;color:#ffb8c8}.carrier.inpost{background:#f5ca43;color:#302400}.carrier.dpd{background:#a82042;color:#fff}.carrier.other{background:var(--raised);color:var(--subtle)}
[data-theme=light] .badge.completed,[data-theme=light] .badge.connected,[data-theme=light] .badge.print-printed,[data-theme=light] .badge.print-confirmed{background:#dcf8e9;color:#076947}[data-theme=light] .badge.pending,[data-theme=light] .badge.waiting,[data-theme=light] .badge.print-waiting_label,[data-theme=light] .badge.print-preparing{background:#fff0c5;color:#805407}[data-theme=light] .badge.error,[data-theme=light] .badge.print-error,[data-theme=light] .badge.print-uncertain{background:#ffe3e9;color:#ad2445}
.pagination,.pack-check,.count{color:var(--subtle)}.count{background:var(--raised)}.hero-note{background:var(--raised);border-color:var(--line)}.hero-note h2{color:var(--text)}.group-card{border-bottom:1px solid var(--line)!important;padding:18px 0!important}.group-card:hover{box-shadow:none;transform:none}.group-card small{color:var(--subtle)}.saved-groups-heading{margin-top:36px;font-size:19px}.section-heading p{margin:5px 0 16px}
.hub-stat{background:var(--surface);border-color:var(--line);border-radius:9px}.hub-stat>span,.hub-stat small{color:var(--subtle)}.hub-stat strong{color:var(--text);font-size:30px;font-weight:650}.hub-stat.accent{background:var(--raised);border-color:var(--accent)}.hub-stat.accent strong{color:var(--good)}.statistics-controls,.statistics-controls select{color:var(--text);background:var(--canvas);border-color:var(--line)}.statistics-controls select{padding:9px}.chart-labels{color:var(--subtle)}
dialog{background:var(--surface);color:var(--text);border-color:var(--line)}dialog h2{color:var(--text)}dialog::backdrop{background:#030916b8}.dialog-close{background:var(--raised);color:var(--text);border-color:var(--line)}.details,details{border-color:var(--line)}.details pre,pre{background:var(--raised);color:var(--text);border-color:var(--line)}
.notice,.notice.quiet{background:var(--raised);color:var(--subtle);border-color:var(--line)}.notice strong{color:var(--text)}.error-box{background:#542737;color:#ffcfdb;border-color:#74334b}.error-text{color:var(--bad)!important}.section-tabs,.settings-tabs{border-color:var(--line)}.section-tabs a{color:var(--subtle)}.section-tabs a[aria-current=page]{color:var(--accent);border-color:var(--accent)}footer{border-color:var(--line);color:var(--subtle)}#toast{background:var(--raised);border:1px solid var(--line);color:var(--text)}
#content>.card,#content>.hub-stats,#content>*{animation:none!important}.initial-placeholder{min-height:400px}#content{min-height:500px}.login-page{background:var(--canvas)}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px}.login-symbol,.login-card h1{color:var(--text)}.login-card input{background:var(--raised);color:var(--text);border-color:var(--line)}.login-intro,.login-card label,.login-foot{color:var(--subtle)}
.document-search [data-state]{background:var(--surface);border-color:var(--line)}.document-search input{background:transparent;color:var(--text)}.document-table{color:var(--text)}
.print-connection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 0;margin:0 0 22px;border-bottom:1px solid var(--line);font-size:12px}.print-connection strong{font-weight:600}.print-connection>span:not(.connection-dot){color:var(--subtle)}.print-connection a{margin-left:auto;font-weight:600}.connection-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#d8a352}.connection-dot.online{background:#48c894;box-shadow:0 0 0 3px #48c89415}.print-summary{display:flex;gap:30px;flex-wrap:wrap;padding:22px 0;margin-bottom:15px}.print-summary span{color:var(--subtle)}.print-summary b{color:var(--text);font-variant-numeric:tabular-nums;font-size:19px;margin-right:6px}.print-row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;white-space:nowrap}
.settings-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.settings-tabs a{padding:12px 0;color:var(--subtle);text-decoration:none;border-bottom:2px solid transparent}.settings-tabs a.active{color:var(--accent);border-color:var(--accent)}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}.settings-layout h2{margin:0 0 20px}.settings-layout h3{font-size:14px;margin:26px 0 16px}.settings-layout p{line-height:1.7}.inline-form{display:flex;align-items:flex-end;gap:10px;margin:24px 0}.inline-form .field{flex:1}.station-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.station-row>div{flex:1}.station-row small{display:block;color:var(--subtle);margin-top:5px}.switch-field{display:flex;align-items:flex-start;gap:12px;padding:18px 0;cursor:pointer}.switch-field input{margin-top:3px}.switch-field small{display:block;color:var(--subtle);margin-top:7px;line-height:1.6}.switch-field b{font-weight:600}.settings-layout .form-grid{margin-bottom:22px}.packing-filters{display:grid;grid-template-columns:1fr 1.5fr 1.5fr auto;gap:14px;align-items:end;margin:0 0 15px}
.account-identity button{background:transparent;border:0;color:var(--subtle);border-radius:7px;cursor:pointer}.account-identity button:hover{background:var(--raised);color:var(--text)}.badge{border:0}.data-table td.amount{color:var(--text);font-weight:600}.hub-stat.accent>span,.hub-stat.accent small{color:var(--subtle)}.document-intent,.document-invoice,.document-receipt{color:var(--subtle)}
@media(min-width:1500px){.shell main{padding:32px 40px}.shell>header{padding:0 40px}}
@media(max-width:1100px){.settings-layout{gap:28px;grid-template-columns:1fr}.hub-modes [role=tab]{padding:0 10px}.store-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.shell main{padding:26px 22px}.shell>header{padding:0 22px}}
@media(max-width:800px){.sidebar{padding:15px}.sidebar .sidebar-bottom{display:block;position:absolute;right:15px;top:10px;margin:0;padding:0;border:0}.account-settings{flex:initial}.account-menu{left:auto;right:0;bottom:auto;top:44px}.shell>header{height:64px;padding:0 14px}.hub-modes [role=tab]{font-size:11px;padding:0 10px}.shell main{padding:22px 14px}.page-heading h1{font-size:28px}.selection-bar{top:64px}.store-filters,.packing-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.print-connection a{margin-left:0}.print-summary{gap:18px}.settings-tabs{gap:18px}.settings-layout{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.hub-stat strong{font-size:23px}.section-heading{align-items:flex-start}}

/* Existing analytics modules share the same semantic palette as shop operations. */
.shell h1,.shell h2,.shell h3,.shell h4,.section-intro h2,.document-toolbar h2{color:var(--text)}
.details,details,.advanced-filters{background:var(--canvas);color:var(--subtle);border-color:var(--line)}
.report-summary,.cost-callout,.process-strip span,.workflow-counts a,.decision-action,.copy-field,.finding,.asset-tile{background:var(--raised)!important;color:var(--subtle);border-color:var(--line)}
.metric-summary{background:var(--surface);color:var(--subtle);border-color:var(--line)}.metric-summary:hover{background:var(--raised)}
.metric-summary strong,.cost-callout strong,.workflow-counts strong,.workflow-steps b,.copy-field p,.cost-callout b{color:var(--text)}
.metric-summary>span:first-child,.workflow-counts span,.workflow-steps span,.cost-callout span,.document-toolbar p,.document-search label{color:var(--subtle)}
.workflow-steps li:before{background:var(--raised);color:var(--accent)}.card-header,.document-table [role=region]{border-color:var(--line)}
.details summary,details summary{color:var(--subtle)}
