/* Shared surfaces and spacing. Component geometry and process colours stay explicit. */
:root{--bg:#e8eae5;--bg2:#eceee8;--card:#f5f5ef;--sidebar:#e0e6df;--surface-raised:#fafaf5;--ink:#273c39;--muted:#657771;--line:#d4dcd3;--control-line:#b7c5ba;--primary:#34796b;--primary-hover:#286557;--accent:#34796b;--accent2:#286557;--focus:#e0e9df;--lab-selected:#d7e6dc;--shadow:0 3px 16px #203b3005;--overlay-shadow:0 20px 70px #19312a30}
html[data-theme=dark]{--bg:#151d25;--bg2:#19232d;--card:#1e2934;--sidebar:#18222c;--surface-raised:#263440;--ink:#e8eef2;--muted:#a1b1bf;--line:#33424f;--control-line:#465a69;--primary:#347f76;--primary-hover:#3e9589;--accent:#8acfc1;--accent2:#b5e7dc;--focus:#273a43;--lab-selected:#29433f;--shadow:0 4px 20px #0000000a;--overlay-shadow:0 24px 80px #07101880}
body{letter-spacing:.01em}.card{border-radius:16px;box-shadow:var(--shadow)}
button,.btn{border-radius:10px}button.primary,.btn.primary{border-color:transparent;background:var(--primary);color:var(--on-accent)}button.primary:hover,.btn.primary:hover{background:var(--primary-hover)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{border-radius:9px}
.topbar{border-bottom:1px solid var(--line);background:var(--bg)}.sidebar{box-shadow:none}.sidebar .nav-item.active{box-shadow:none}
.page-content{gap:20px}.workspace-intro{margin:4px 0 0}.workspace-intro h1{font-size:27px;letter-spacing:-.035em;margin:5px 0}.workspace-intro .eyebrow{letter-spacing:.1em;font-size:10px;color:var(--muted)}
.workspace-search{border:1px solid var(--line);background:var(--card);padding:22px 24px;box-shadow:none}
.search-heading{margin-bottom:16px}.search-heading h2{font-size:17px;font-weight:650}.search-input-wrap{border:1px solid var(--control-line);background:var(--bg2);border-radius:10px}
.search-input-wrap:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.search-input-wrap input::placeholder{color:var(--muted);opacity:.9}
.search-hints{margin-top:11px;font-size:11px;justify-content:space-between}.search-hints a{border:0;background:transparent;padding:4px 0;min-height:24px;border-radius:0;box-shadow:none}.search-hints a svg{width:15px;height:15px}
.metric-grid{gap:16px;align-items:stretch}.metric-card{background:var(--card);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:none;min-height:140px}
.metric-card:hover{box-shadow:none}.metric-card>span{font-size:12px;gap:9px;color:var(--muted)}.metric-card>span>svg{width:29px;height:29px;padding:6px;border:0;border-radius:8px;background:var(--tone-bg,var(--focus));color:var(--tone-ink,var(--accent))}
.metric-card strong{display:block;font-size:32px;line-height:1.1;letter-spacing:-.035em;font-weight:650;color:var(--ink);margin:14px 0 5px;font-variant-numeric:tabular-nums}.metric-card>small{font-size:10px;line-height:1.5;color:var(--muted)}
.daily-orders-card strong{font-size:26px;margin:12px 0}.daily-order-platforms{display:grid;grid-template-columns:1fr;gap:6px;margin:10px 0}.daily-order-platforms>div{font-size:11px}.daily-order-platforms>div>b{font-weight:500;font-size:12px}
.priority-list>a{border-radius:0;background:transparent}.priority-list>a:last-child{border-bottom:0}.priority-symbol{border-radius:9px}.workspace-actions>a{background:var(--bg2);border-color:var(--line);border-radius:11px;box-shadow:none}.workspace-actions>a:hover{background:var(--focus)}
.workflow-stages>a{border-radius:11px;box-shadow:none;background:var(--bg2)}.section-heading h2{font-weight:650;letter-spacing:-.015em}.section-tabs a{padding-bottom:13px}.section-tabs .active{font-weight:650}
.home-notifications{padding:16px 20px}.home-notifications h2{font-size:15px}.home-notifications p{margin-bottom:0}.home-notice-actions .btn{font-size:12px}
.backup-health{border-radius:11px;background:var(--card);border-color:var(--line);box-shadow:none}.backup-health-main{margin-bottom:0}.backup-health>summary{min-height:42px;padding:8px 14px}.backup-health>summary b{font-size:12px;font-weight:500}.backup-health-symbol{width:23px;height:23px;border-radius:7px}.backup-health-brief{font-size:11px}
.return-request-panel[data-popup="1"]{border-radius:11px;background:var(--card);box-shadow:none}.return-request-panel[data-popup="1"] .return-request-compact{min-height:46px;padding:9px 14px}.return-request-compact-icon{width:26px;height:26px;border-radius:7px}.return-request-compact-title{font-size:12px;font-weight:500}.return-request-compact-title b{font-size:14px}
dialog{box-shadow:var(--overlay-shadow)}dialog::backdrop{background:#0b15244d;backdrop-filter:blur(5px)}.navigation-groups a{border-radius:10px;background:var(--bg2)}
.order-record{border-color:var(--line)}.roll-card,.shipping-record{box-shadow:none}.form-savebar{border-radius:12px}.form-savebar .primary{border-radius:10px}
.reference-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px}.reference-editor{position:sticky;top:105px}.reference-form{display:grid;gap:18px}.reference-form label:not(.reference-toggle){display:grid;gap:8px;font-size:13px}.reference-form input:not([type=checkbox]),.reference-form textarea,.reference-form select{width:100%;min-width:0}.reference-form p{margin:0;line-height:1.7}.reference-form select[size]{height:220px;background:var(--bg2);color:var(--ink);font-size:12px;line-height:1.8;padding:7px}.reference-form select[size] option{padding:8px;white-space:normal}.reference-toggle{display:flex;align-items:center;gap:8px;font-size:13px}.reference-toggle input{width:17px;height:17px;accent-color:var(--primary)}.reference-footnote{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.8}.reference-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.reference-search input{min-width:0}.reference-list{margin-top:16px;max-height:72vh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.reference-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.reference-list article:first-child{padding-top:8px}.reference-list article:last-child{border:0}.reference-list article>div{min-width:0;overflow-wrap:anywhere}.reference-list p{margin:7px 0;line-height:1.7}.reference-list .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:var(--muted)}.reference-list .small{font-size:11px}.reference-code{font-size:22px;letter-spacing:.1em;font-variant-numeric:tabular-nums}.reference-list .btn{min-height:36px;padding:7px 12px;font-size:12px}
@media(min-width:1000px){.workspace-search{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:28px;align-items:center}.workspace-search .search-heading{display:block;margin:0;grid-row:1/3;align-self:center}.workspace-search .search-heading .muted{display:block;margin-top:7px}.workspace-search .search-hints{grid-column:2}.metric-card{min-height:170px}.page-content>.card:not(.workspace-search){box-shadow:none}}
@media(max-width:800px){.reference-layout{grid-template-columns:minmax(0,1fr);gap:16px}.reference-editor{position:static}.reference-list{max-height:65vh}.reference-form select[size]{height:190px}}
@media(max-width:600px){.page-content{gap:14px}.wrap{padding-inline:14px}.card{border-radius:14px;padding:18px}.workspace-intro{align-items:center;margin:5px 0 0}.workspace-intro h1{font-size:23px}.workspace-intro .eyebrow{font-size:9px;letter-spacing:.06em}.workspace-search{padding:18px 16px}.search-heading{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:14px}.search-heading h2{font-size:16px}.search-heading .muted{font-size:10px}.search-input-wrap input{font-size:14px!important;min-height:46px}.workspace-search-line>button{min-height:46px}.search-hints{font-size:10px;gap:6px}.search-hints a{font-size:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{min-height:114px;padding:16px;border-radius:13px}.metric-card[data-metric="1"]{order:1}.metric-card[data-metric="4"]{order:2}.daily-orders-card{order:3;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center;min-height:0}.metric-card[data-metric="3"]{order:4;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:14px 16px}.metric-card[data-metric="3"]>span{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.metric-card[data-metric="3"]>strong{grid-column:2;grid-row:1;align-self:center;justify-self:end;white-space:nowrap}.metric-card[data-metric="3"] strong{margin:0 0 0 auto;font-size:22px}.metric-card[data-metric="3"]>small{display:none}.metric-card strong{font-size:29px;margin:13px 0 4px}.metric-card>span{font-size:11px;gap:7px}.metric-card>span>svg{width:26px;height:26px}.daily-orders-card>strong{font-size:24px;margin:0}.daily-order-platforms{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 9px;padding-top:12px;border-top:1px solid var(--line)}.daily-order-platforms>div{display:flex;align-items:flex-start;flex-direction:column;gap:6px;font-size:10px}.daily-order-platforms b{font-size:14px}.daily-orders-card>small{grid-column:1/-1;font-size:9px}.home-notifications{gap:12px}.home-notifications .home-notice-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.home-notice-actions .btn{justify-content:center}.topbar-actions>.btn.primary{border-radius:10px}.mobile-nav{background:var(--sidebar);border-top:1px solid var(--line)}.mobile-nav a{border-radius:10px}.return-request-panel[data-popup="1"]{padding:0}.reference-form{gap:16px}.reference-search{gap:6px}.reference-list article{gap:9px}.reference-list b{font-size:14px}.reference-list b.reference-code{font-size:21px}.reference-list .btn{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.metric-card[data-metric]{background:linear-gradient(120deg,var(--tone-bg),var(--card) 85%);border-color:var(--tone-line);border-top-width:3px}.metric-card[data-metric] strong{color:var(--tone-ink)}.metric-card[data-metric]>span svg{box-sizing:border-box;width:29px;height:29px;padding:6px;border:0;border-radius:8px}.workflow-stages a[data-stage]{background:linear-gradient(135deg,var(--tone-bg),var(--card) 85%);border-color:var(--tone-line)}
@media(max-width:600px){.metric-card[data-metric]>span svg{width:26px;height:26px;padding:6px}.daily-orders-card[data-metric] strong{font-size:24px;margin:0}.workspace-search-line.has-scan-control>.scan-trigger,.workspace-search-line.has-scan-control>.primary{min-height:46px}}
.daily-orders-card .daily-order-platforms{grid-template-columns:minmax(0,1fr);margin:10px 0;gap:6px}
@media(max-width:600px){.daily-orders-card .daily-order-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 9px}.daily-orders-card .daily-order-platforms>div{font-size:10px;gap:6px}.daily-orders-card>small{font-size:9px}}
/* Keep the homepage's return queue collapsed until deliberately opened on any screen. */
.return-request-panel[data-popup="1"]{padding:0;overflow:hidden}
.return-request-panel[data-popup="1"] .return-request-compact{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:9px 14px;border:0;border-radius:inherit;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.return-request-panel[data-popup="1"] .return-request-content{display:none}
.return-request-panel[data-popup="1"][data-details-open="true"] .return-request-content{display:block;padding:16px;border-top:1px solid var(--line)}
.return-request-panel[data-popup="1"] .return-request-compact-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:7px;background:var(--tone-gold-bg);color:var(--tone-gold-ink)}
.return-request-panel[data-popup="1"] .return-request-compact-icon svg{width:16px;height:16px}
.return-request-panel[data-popup="1"] .return-request-compact-title{flex:1;min-width:0;font-size:12px;font-weight:500}
.return-request-panel[data-popup="1"] .return-request-compact-title b{margin-left:7px;font-size:14px;color:var(--tone-gold-ink)}
.return-request-panel[data-popup="1"] .return-request-compact-action{font-size:11px;color:var(--muted)}
.return-request-panel[data-popup="1"] .return-request-compact-new{padding:2px 5px;border-radius:5px;background:var(--tone-gold-bg);color:var(--tone-gold-ink);font-size:10px}
.return-request-panel[data-popup="1"] .return-request-compact-new[hidden]{display:none}
.return-request-panel[data-popup="1"] .return-request-chevron{font-size:15px;color:var(--muted)}
nav.mobile{background:var(--sidebar);border-top-color:var(--line)}nav.mobile a,nav.mobile button{border-radius:10px}
/* Preserve typing space on the smallest screens and keep tablet actions above navigation. */
@media(max-width:350px){.workspace-search-line.has-scan-control{grid-template-columns:44px minmax(0,1fr);gap:7px}.workspace-search-line.has-scan-control>.search-input-wrap{grid-column:1/-1;width:100%}.workspace-search-line.has-scan-control>.scan-trigger{width:44px;min-width:44px;max-width:44px}.workspace-search-line.has-scan-control>.primary{width:100%}}
@media(max-width:350px){.order-search .order-search-main{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.order-search .order-search-main>.suggest-wrap{max-width:none;width:100%}.order-search .order-search-main>.primary{width:100%;min-width:0;justify-content:center}}
@media(min-width:601px) and (max-width:960px){.form-savebar{bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:25}.order-entry{padding-bottom:16px}}
.backup-health-alarm::after{content:none}.notification-trigger.backup-health-alarm,.home-notice-actions>.backup-health-alarm{color:var(--danger-ink);border-color:var(--danger-ink);background:var(--danger-bg)}
.topbar .notification-trigger.backup-health-alarm::after,.home-notice-actions>.backup-health-alarm::after{content:none}

/* 手机端 5 张指标卡排满：预登记+进行中、总冲洗+今日胶卷，最后平台下单整行 */
@media(max-width:600px){
 .metric-grid>.metric-card[data-metric="2"]{order:1}
 .metric-grid>.metric-card[data-metric="1"]{order:2}
 .metric-grid>.metric-card[data-metric="4"]{order:3}
 .metric-grid>.metric-card[data-metric="5"]{order:4;grid-column:auto!important}
 .metric-grid>.daily-orders-card{order:5;grid-column:1/-1}
}

/* 自适应屏幕：极窄的手机单列显示，宽屏把内容区放宽，避免大屏两侧留白过多 */
@media(max-width:340px){
 .metric-grid{grid-template-columns:minmax(0,1fr)!important}
 .metric-grid>.metric-card{order:0!important;grid-column:auto!important;min-height:96px}
 .metric-grid>.daily-orders-card{order:0!important;grid-column:auto!important}
 .daily-orders-card .daily-order-platforms{grid-template-columns:minmax(0,1fr)!important}
 .topbar-actions{gap:6px}
 .topbar-create span{display:none}
 .topbar-create{padding:9px 11px}
}
@media(min-width:1500px){.wrap{max-width:1320px}}