/* NanJian workbench: graphite frame, workshop orange and a warm paper canvas. */
:root{--enamel:#294e44;--enamel-soft:#e5eae2;--chalk:#f1f0e9;--paper:#fffefa;--ink:#282d2a;--steel:#ddded5;--muted:#697168;--workshop-orange:#cf6739;--graphite:#202a2b;--frame-text:#f1f0e8;--frame-muted:#bdc5bd}
html{background:#202a2b}body{background:radial-gradient(ellipse at 100% 0%,#624a3c 0%,transparent 50%),linear-gradient(125deg,#344348,#1c2527 65%);background-attachment:fixed;letter-spacing:.01em}
button{border-radius:9px;transition:background .15s,border-color .15s}button.primary{background:var(--enamel);border-color:var(--enamel)}button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #bc704a;outline-offset:2px}input,select,textarea{border-color:#d0d5cc;border-radius:8px;background:#fffefa}h1{font-size:27px;letter-spacing:-.8px}h2{letter-spacing:-.5px}.tag{border-radius:5px}.notice{border-left-width:2px;border-radius:0 8px 8px 0}.card{border:1px solid #e2e3d9;border-radius:13px;background:var(--paper)}.tablewrap{border-radius:10px}th{background:#efefe8;color:#5d675f}.empty{background:#eaece4}
.sidebar{inset:22px auto 22px 18px;width:176px;padding:18px 12px;border:1px solid #ffffff1a;border-radius:17px;background:#17212488;color:var(--frame-text);gap:24px;min-height:0;overflow:hidden}.sidebar>.brand,.sidebar>.identity{flex:0 0 auto}.sidebar .brand{font-size:20px;letter-spacing:1px;padding:0 7px}.sidebar .brand small{font-size:10px;color:var(--frame-muted);letter-spacing:3px}.nav{gap:7px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:2px;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:5px}.nav button{color:#c5cfca;padding:11px 12px;font-size:14px;border-radius:10px;min-height:45px}.nav button:hover{background:#ffffff0c}.nav button.active{color:#24382f;background:#f2f3ec}.nav .symbol{margin-right:7px;color:inherit}.identity{border-color:#ffffff20;padding:15px 7px 0;font-size:13px;margin-top:0}.identity small{color:var(--frame-muted);margin:4px 0}.identity button{color:var(--frame-text);font-size:12px;padding-left:0}.identity button:hover{background:#ffffff12}
.shell{margin-left:210px;max-width:none;padding:25px 25px 35px 8px;min-width:0}.shell>.pilot{color:#c8d1c9;font-size:11px;letter-spacing:.02em;margin:0 5px 18px}.shell>.topline{color:var(--frame-text);padding:0 5px;margin-bottom:20px}.shell>.topline .muted{color:#c3cbc4;font-size:12px;margin-top:4px}.shell>.topline button{background:#ffffff0b;border-color:#ffffff25;color:var(--frame-text);border-radius:22px;font-size:12px;padding:7px 16px}.shell>.topline button:hover{background:#ffffff20}.shell>#content{background:var(--chalk);border:1px solid #f9faf330;border-radius:20px;padding:22px;min-height:calc(100dvh - 156px);min-width:0}.shell>#content>.sectionline:first-child{margin-top:0}.grid{gap:14px}.stack{gap:12px}.sectionline h2{font-size:17px}.sectionline .muted{font-size:12px}.order-card h3{font-size:18px;letter-spacing:.02em}.order-card>.row:first-child{padding-bottom:9px;border-bottom:1px solid #e9e9df;margin-bottom:9px}.order-card>p{font-size:14px}.order-processes{border-color:#e0e2d8;border-radius:10px}.process-caption{background:#eeefe7}.process-ring strong{background:var(--paper)}.process-ring{background:conic-gradient(var(--enamel) var(--process-progress),#e4e7de 0)}.process-node{border-radius:8px}.process-history{background:#faf8ef}.task{border-left-width:2px}.task footer{border-color:#e4e5dc}.counts strong{font-weight:650}.segments button{border-radius:20px}.filter select{border-radius:9px;background:#fcfcf6}
.workbench-overview{margin-bottom:22px}.workbench-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.workbench-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:.11em;color:var(--muted);line-height:1.7}.workbench-heading h2{font-size:22px;margin-top:3px;letter-spacing:-.8px}.workbench-live{padding:9px 12px;background:var(--enamel);color:#f0f3e9;border-radius:10px;font-size:11px;white-space:nowrap}.workbench-panels{display:grid;grid-template-columns:minmax(155px,.8fr) minmax(250px,1.65fr) minmax(175px,.85fr);gap:10px;align-items:stretch}.overview-summary,.overview-focus,.overview-queue{border-radius:13px;min-width:0;padding:20px}.overview-summary{background:var(--paper);display:flex;flex-direction:column}.overview-number{font-size:52px;font-weight:650;line-height:1.15;letter-spacing:-2px;margin:15px 0 10px}.overview-number small{font-size:12px;font-weight:400;letter-spacing:0;display:block;margin-top:8px}.overview-summary>p{font-size:11px;color:var(--muted)}.overview-small{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 10px}.overview-small>div{padding:10px;background:#f0f1e9;border-radius:8px}.overview-small strong{display:block;font-size:21px;font-weight:600}.overview-small span{font-size:10px;color:var(--muted)}button.overview-link{border:0;border-top:1px solid #e8e8df;border-radius:0;padding:10px 0 0;margin-top:auto;background:transparent;font-size:11px;display:flex;align-items:center;justify-content:space-between}
.overview-focus{background:var(--workshop-orange);color:#fff9eb;display:flex;flex-direction:column;padding:16px 20px}.focus-label{display:flex;justify-content:space-between;gap:8px;background:#fff7e9;color:#674130;padding:9px 12px;border-radius:18px;font-size:10px;font-weight:600}.focus-label>span+span{font-weight:400}.focus-main{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:26px}.overview-focus .workbench-kicker{color:#fff0df}.focus-number{font-size:49px;line-height:1.3;font-weight:600;letter-spacing:-2px}.focus-number>span{font-size:22px;color:#fff0df;letter-spacing:0;font-weight:400}.focus-percent{font-size:29px;font-weight:500;letter-spacing:-1px}.focus-percent small{font-size:14px;color:#fff3e0}.focus-progress{height:7px;border-radius:6px;background:#9f492d;margin:17px 0 21px;overflow:hidden}.focus-progress>span{height:100%;display:block;background:#f9e5ae;border-radius:6px}.focus-workshops{display:grid;grid-template-columns:1fr 1fr;gap:12px}.focus-workshops>div+div{border-left:1px solid #ffeac045;padding-left:18px}.focus-workshops span{font-size:11px;color:#ffeed9;display:block}.focus-workshops strong{display:block;font-size:25px;font-weight:550;margin-top:4px}.focus-workshops small{color:#fff0de;font-size:12px;font-weight:400}.overview-focus>p{font-size:10px;color:#ffeddc;margin-top:auto;padding-top:20px}.overview-queue{background:#e9ece3;display:flex;flex-direction:column;gap:12px;padding:20px 16px}.overview-queue>button{background:var(--paper);padding:12px;border:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.overview-queue>button>span{font-size:11px;color:#59665e}.overview-queue>button>strong{font-size:25px;font-weight:600}.overview-queue small{font-size:11px;font-weight:400;margin-left:7px}.queue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#658a77;margin-right:7px}.queue-dot.pending{background:#bd622f}.queue-note{border-top:1px solid #d2d8cc;padding-top:13px;margin-top:auto}.queue-note strong{font-size:11px}.queue-note p{font-size:11px;color:var(--muted);margin-top:5px}
/* Mobile reporting keeps large touch targets within the same visual family. */
.employee-app{background:var(--chalk);border-radius:20px 20px 0 0;margin-top:20px;overflow:hidden}.employee-header{background:#273a35;padding:22px 20px}.employee-header button{border-radius:22px;border-color:#788e804d}.employee-brand{font-size:11px;letter-spacing:1.5px;color:#d4dbcf}.employee-header .muted{font-size:12px;color:#cad7cb}.employee-order{background:var(--paper);border-radius:13px;border-color:#e0e2d7}.employee-order h2{font-size:20px}.employee-segments button{border-radius:20px;background:#e4e8de}.employee-segments button.active{background:var(--enamel)}.employee-route>button{background:#edeee6;border-radius:11px}.employee-ring strong{background:#edeee6}.employee-task{border-radius:13px}.employee-counts{border-color:#dce0d4}.employee-nav.bottomnav{background:#fcfcf3;border-color:#d9ded0}.employee-nav button.active{border-radius:11px}.employee-preview{background:#f0dfc2}.employee-report-instruction{background:#f2e8d7;border-radius:8px;padding:11px;font-size:13px}.employee-review-note{background:#e8ede3}.employee-report-footer{background:var(--paper)}dialog{border-radius:16px;background:var(--paper);border-color:#d4d9ce}dialog::backdrop{background:#101b1baa;backdrop-filter:blur(3px)}dialog .modalhead{background:var(--paper)}.login{margin-top:9vh;background:var(--chalk);border:1px solid #ffffff40;border-radius:20px;padding:30px}.login .brand{color:var(--enamel)}.login .pilot{color:var(--muted)}.boot{color:var(--frame-text)}.product-card{background:var(--paper);border-color:#dbdfd3}.config-footer,.employee-report-footer{background:var(--paper)}
@media(min-width:1700px){.shell{max-width:1700px;margin-right:auto}.workbench-panels{grid-template-columns:minmax(200px,.85fr) minmax(350px,1.8fr) minmax(220px,.85fr)}}
@media(max-width:1200px){.workbench-panels{grid-template-columns:minmax(160px,.8fr) minmax(250px,1.4fr)}.overview-queue{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;padding:14px}.overview-queue>.workbench-kicker{grid-column:1/-1}.queue-note{margin-top:0;padding-top:0;padding-left:12px;border-top:0;border-left:1px solid #d2d8cc}.overview-queue>button{padding:10px}.shell>#content{padding:18px}}
@media(min-width:761px) and (max-height:720px){.sidebar{inset-block:12px;padding-block:14px;gap:12px}.sidebar .brand{font-size:18px}.nav{gap:3px}.nav button{min-height:41px;padding-block:8px}.identity{padding-top:10px}}
@media(max-width:760px){body{background:#24332f}.shell{margin:0;padding:18px 10px 100px}.shell>.pilot{font-size:10px;margin:0 5px 13px}.shell>.topline{margin:0 5px 17px}.shell>.topline h1{font-size:25px}.shell>.topline .actions{gap:6px}.shell>.topline button{min-height:44px;padding:7px 11px}.shell>#content{border-radius:17px;padding:14px;min-height:65dvh}.bottomnav{background:#fafbf3;border-color:#d7ddcf;padding-bottom:max(8px,env(safe-area-inset-bottom))}.bottomnav button{font-size:12px;border-radius:10px}.bottomnav button.active{background:#e2e8da}.workbench-heading{align-items:flex-start;gap:8px}.workbench-heading h2{font-size:18px;line-height:1.5}.workbench-live{font-size:9px;padding:8px;white-space:normal;max-width:90px}.workbench-kicker{font-size:9px;letter-spacing:.08em}.workbench-panels{grid-template-columns:1fr}.overview-focus{grid-row:1;padding:15px 17px}.focus-main{margin-top:18px}.focus-number{font-size:45px}.focus-progress{margin:12px 0 17px}.overview-focus>p{padding-top:15px}.overview-summary{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;align-items:center}.overview-summary>.workbench-kicker{grid-column:1/-1}.overview-number{font-size:40px;margin:0;grid-row:2/4}.overview-number small{font-size:11px}.overview-summary>p{grid-column:1;grid-row:4;font-size:10px}.overview-small{margin:0;grid-column:2;grid-row:2/5}.overview-link{grid-column:1/-1}.overview-queue{display:grid;grid-template-columns:1fr 1fr;gap:8px}.overview-queue>.workbench-kicker{grid-column:1/-1}.queue-note{grid-column:1/-1;border-left:0;border-top:1px solid #d2d8cc;padding:10px 0 0}.queue-note p{margin-top:3px}.grid{gap:12px}.order-card{padding:14px}.filter{gap:7px}.filter select{min-width:100px;font-size:13px}.employee-app{border-radius:0;margin-top:0}.employee-content{padding:14px 12px 26px}.employee-header{padding:19px 16px}.employee-report{border-radius:17px 17px 0 0}.employee-header h1{font-size:25px}.login{margin:7vh 15px;padding:24px}.card{border-radius:12px}}
@media print{body{background:white}.workbench-overview{break-inside:avoid}.shell{margin:0;padding:0}.sidebar,.bottomnav{display:none}}

/* Small text on the orange panel uses dark ink for shop-floor readability. */
.overview-focus .workbench-kicker,.focus-workshops span,.overview-focus>p{color:#432719}.focus-workshops small{color:#432719}.focus-number>span{font-weight:700}.focus-percent small{color:#fff9eb}

/* Frosted layers: blur the large surfaces, keep long lists inexpensive to scroll. */
@media screen {
 body{background:radial-gradient(ellipse at 8% 22%,#6c929066 0%,transparent 48%),radial-gradient(ellipse at 96% 6%,#b0785766 0%,transparent 48%),linear-gradient(125deg,#344348,#1c2527 70%);background-attachment:fixed}
 .sidebar{background:linear-gradient(145deg,#ffffff13,#17212470);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff20,0 16px 40px #101a2426;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}
 .shell>#content,.login{background:linear-gradient(135deg,#fffef0e8,#e9eee5d6);border-color:#ffffff85;box-shadow:inset 0 1px 0 #ffffffa6,0 20px 60px #0c161b26;-webkit-backdrop-filter:blur(24px) saturate(115%);backdrop-filter:blur(24px) saturate(115%)}
 .card,.overview-summary,.employee-order,.employee-task,.product-card{background:#fffefaad;border-color:#ffffffa6;box-shadow:inset 0 1px 0 #ffffffc7,0 5px 18px #253c3510}
 .overview-queue{background:#e7ede49c;border:1px solid #ffffff73;box-shadow:inset 0 1px 0 #ffffff80}
 .overview-queue>button,.overview-small>div{background:#fffefaa3}
 .overview-focus{background:linear-gradient(135deg,#e48651ed,#c45e38ed);border:1px solid #ffecd475;box-shadow:inset 0 1px 0 #fff0dc66,0 8px 24px #89462620}
 .focus-label{background:#fff9eddb;box-shadow:inset 0 1px 0 #ffffff99}
 .shell>.topline button,.employee-header button{background:#ffffff12;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff15}
 .nav button.active{background:#f2f3eceb;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 12px #101a201a}
 .employee-app{background:#f1f0e9f0}.employee-header{background:linear-gradient(130deg,#35524a,#263a35)}
 .bottomnav,.employee-nav.bottomnav{background:#fafbf3dc;border-color:#ffffffa6;box-shadow:0 -5px 24px #18372b0c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
 dialog{background:#fffefaf0;border-color:#ffffffb3;box-shadow:inset 0 1px 0 #fff,0 24px 80px #0b191c40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
 dialog::backdrop{background:#14212373;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
@media screen and (prefers-reduced-transparency:reduce){
 .sidebar{background:#243132}.shell>#content,.login,.employee-app{background:var(--chalk)}
 .card,.overview-summary,.employee-order,.employee-task,.product-card,dialog,.bottomnav,.employee-nav.bottomnav{background:var(--paper)}
 .overview-queue{background:#e9ece3}.sidebar,.shell>#content,.login,.bottomnav,.employee-nav.bottomnav,dialog,dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Order demand stays above the workshop operations and their component units. */
.task-orders{display:grid;gap:24px}
.task-order-group{min-width:0;border:1px solid var(--steel);border-radius:16px;overflow:hidden;background:var(--paper)}
.task-order-heading{padding:12px 16px;background:var(--enamel-soft);border-bottom:1px solid var(--steel)}
.task-order-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.task-order-id{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-order-heading h2{font-size:15px;letter-spacing:.2px;margin:0}
.task-order-model{margin:3px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere;color:var(--ink-soft)}
.task-order-demand{display:flex;align-items:baseline;gap:5px;flex:0 0 auto;color:var(--enamel)}
.task-order-demand strong{font-size:46px;line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.task-order-demand span{font-size:13px;font-weight:700}
.task-order-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--muted)}
.task-order-meta>span+span{padding-left:8px;border-left:1px solid var(--steel)}
.task-order-meta button{padding:5px 8px;font-size:12px;margin-left:auto}
.task-order-confirm{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid var(--steel);border-radius:9px;background:rgba(255,255,255,.46)}
.task-order-confirm-head{display:flex;align-items:center;gap:7px;font-size:12px}
.task-order-confirm-status{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.task-order-confirm-status b{font-weight:600;color:var(--ink)}
.task-order-confirm-status b.confirmed{color:var(--enamel)}
.task-order-confirm button{padding:6px 9px;font-size:12px}
.task-assign-blocked{margin:10px 0 0;padding:7px 9px;border-radius:7px;background:var(--enamel-soft);color:var(--muted);font-size:12px}
.task-order-workshop{padding:16px 20px 20px}
.task-order-workshop+.task-order-workshop{border-top:1px solid var(--steel)}
.task-workshop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.task-workshop-heading h3{font-size:15px;margin:0}
.task-workshop-heading small{font-size:12px}
.task-order-step{min-width:0;display:flex;flex-direction:column}
.task-step-number{font-size:12px;color:var(--muted);margin:0 0 6px}
.task-order-step>.task{flex:1}
@media(max-width:760px){.task-order-heading{padding:10px 12px}.task-order-topline{gap:10px}.task-order-demand strong{font-size:42px}.task-order-confirm{grid-template-columns:1fr auto}.task-order-confirm-status{grid-column:1 / -1;grid-row:2}.task-order-confirm button{grid-column:2;grid-row:1}.task-order-meta{gap:6px}.task-order-meta>span+span{padding-left:6px}.task-order-meta button{margin-left:0}.task-order-workshop{padding:14px 12px 16px}.task-order-step>.task{padding:16px}.task-order-group .taskgrid{gap:16px}}

.review-original{margin:14px 0;padding:12px;background:var(--enamel-soft);border-radius:8px}
.review-confirmed-qty{margin-top:6px;color:var(--enamel)}
.review-percentages{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}
.review-percentages button{padding:8px 10px;color:var(--enamel)}
.review-custom-percent{display:flex;align-items:center;gap:5px;margin:0;font-weight:400}
.review-custom-percent input{width:72px;min-width:0}
@media(max-width:760px){.review-percentages{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.65fr 1fr;gap:5px}.review-percentages button{padding:8px 3px;font-size:13px}.review-custom-percent{min-width:0;gap:3px}.review-custom-percent input{width:100%;padding:8px 5px}}
.daily-entry,.daily-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}
.daily-date-controls{display:flex;align-items:center;gap:8px;margin:18px 0}
.daily-date-controls input{width:180px;min-width:0}
.daily-explanation{font-size:13px;color:var(--muted);line-height:1.7;margin:12px 0 18px}
.daily-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.daily-metric{padding:16px;background:var(--enamel-soft);border-radius:10px}
.daily-metric strong{display:block;font-size:24px;margin-top:4px}
.daily-workshops{margin-bottom:20px}.daily-operation{min-width:0}
.daily-quantities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.daily-quantities strong{display:block;font-size:24px}.daily-quantities strong small{font-size:12px;font-weight:400}
.daily-quantities>div>small{display:block;font-size:12px}.daily-employee summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:revert}
.daily-employee summary span{font-size:12px;color:var(--muted)}.daily-employee[open]>div{margin-top:12px}
@media(max-width:760px){.daily-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-work .sectionline{flex-wrap:wrap}.daily-filters select{flex:1;min-width:100px}.daily-date-controls{gap:5px}.daily-date-controls button{padding:8px 10px}.daily-date-controls input{flex:1;width:auto}.daily-metric{padding:12px}}

/* Business documents remain usable on employee phones. */
.op-purchase-row {display:grid;gap:8px;margin:12px 0;min-width:0}
.op-purchase-row select{width:100%;min-width:0}
.daily-date-controls {flex-wrap:wrap}
.daily-date-controls input{max-width:170px;min-width:0}
#content .lineitem .actions {flex-wrap:wrap;margin-top:10px}
#content details.card {margin-bottom:14px}
#content details > summary{cursor:pointer;padding:8px 0;line-height:1.6}

.process-component{min-width:0;border-top:1px solid #dce2d9;padding-top:12px;margin-top:12px}.process-component-title{display:flex;justify-content:space-between;gap:12px;padding:0 6px 8px}.process-component-title small{color:#647169}
.process-category-heading{margin:24px 0 8px;padding:10px 14px;border-radius:10px;background:#e8f0ed;color:#214d43;font-weight:700;letter-spacing:.02em}.process-component--assembly{border:1px solid #b8d0c5;border-left:5px solid #2e6555;border-radius:13px;background:#f2f8f4;padding:14px 10px 12px;margin-top:12px}.process-component--part{background:#fffefa}.process-component-kind{display:block;color:#647a70;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:3px}.process-component--assembly .process-component-kind{color:#286a57}.process-component--assembly .process-component-title strong{font-size:17px}
.process-assembly-group{margin:12px 0 16px;border:1px solid #d4ded7;border-radius:13px;background:#fffefa;overflow:hidden}.process-assembly-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#edf3ee;border-bottom:1px solid #d4ded7}.process-assembly-heading span{display:block;color:#557165;font-size:11px;font-weight:700;letter-spacing:.08em}.process-assembly-heading h4{margin:2px 0 0;color:#233f35;font-size:16px;line-height:1.4}.process-assembly-heading small{color:#5e6d63;font-size:11px;white-space:nowrap}.process-assembly-body{padding:0 12px 8px}.process-component--nested{margin:0;padding:12px 2px 8px;border-top:1px solid #e1e8e0;background:transparent}.process-component--nested:first-child{border-top:0}.process-component--assembly.process-component--nested{margin:4px 0 0;padding:12px 8px 8px;border:1px solid #cbdcd0;border-radius:8px;background:#f5f9f5}.process-component--nested .process-component-title{padding:0 4px 7px}.process-component--nested .process-component-title strong{font-size:13px}.process-component--assembly.process-component--nested .process-component-title strong{font-size:14px}@media(max-width:640px){.process-assembly-heading{padding:11px 12px}.process-assembly-body{padding:0 8px 6px}}

/* Work-board hierarchy: page → section → employee / operation. */
.daily-work,.employee-work{--work-heading:#1d2522;--work-caption:#626d67;--work-rule:#d7dcd6;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif}
.work-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:40px 0 18px;padding:22px 0 0;border-top:1px solid var(--work-rule)}
.work-section-heading h2{margin:0!important;font-size:25px!important;line-height:1.3;font-weight:650;letter-spacing:-.035em;color:var(--work-heading)}
.work-section-heading p{margin:7px 0 0;font-size:13px;line-height:1.5;color:var(--work-caption)}
.daily-heading{margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--work-rule)}
.daily-heading h2{font-size:29px;letter-spacing:-.035em;margin:6px 0 0;line-height:1.25}
.daily-work .card,.employee-work .card{border:1px solid #e1e5df;box-shadow:none;border-radius:16px}
.work-card-heading{padding-bottom:13px;margin-bottom:10px;border-bottom:1px solid #e7eae5;align-items:center}
.work-card-heading>strong,.work-card-heading>h2{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin:0}
.work-card-heading .tag{font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px}
.daily-quantities{gap:18px 16px;margin:20px 0}
.daily-quantities>div>small{color:var(--work-caption);line-height:1.5}
.daily-quantities strong{font-size:26px;font-weight:600;letter-spacing:-.025em;margin-top:4px;font-variant-numeric:tabular-nums}
.daily-employee summary{padding:3px 0;flex-wrap:wrap}
.daily-employee summary>strong{font-size:18px;font-weight:600;color:var(--work-heading)}
.daily-employee summary>span{font-size:12px;font-weight:400}
.daily-employee[open]>summary{padding-bottom:16px;border-bottom:1px solid #e7eae5;margin-bottom:16px}
.daily-workshops h3{font-size:16px;font-weight:600;margin-top:0}
@media(max-width:760px){.work-section-heading{margin:32px 0 16px;padding-top:22px}.work-section-heading h2{font-size:23px!important}.work-section-heading p{font-size:12px}.daily-heading h2{font-size:26px}.daily-work .card,.employee-work .card{padding:20px}.work-card-heading>strong,.work-card-heading>h2{font-size:17px}.daily-employee .daily-operation{padding:16px}.daily-heading{gap:12px}}
@media(max-width:760px){.shell>.topline{flex-wrap:wrap;gap:14px}.shell>.topline>div:first-child{flex:1 0 100%}.shell>.topline h1{font-size:28px;line-height:1.2;letter-spacing:-.03em}.shell>.topline .actions{display:flex;flex-wrap:wrap;gap:8px}.daily-date-controls input[type=date]{flex:1 0 135px;min-width:135px;max-width:none}.daily-heading>div{flex:1 0 190px}}
/* Order confirmation keeps the source workbook's row order and column structure. */
dialog.bom-confirm-modal{width:min(1120px,calc(100% - 20px))}
.confirm-bom-section{margin:20px 0 24px}
.confirm-bom-section h3{margin-bottom:9px;font-size:16px}
.confirm-bom-section .tablewrap{border:1px solid var(--steel);background:var(--paper)}
.confirm-bom-section table{min-width:760px;font-size:13px}
.confirm-bom-section th,.confirm-bom-section td{padding:8px 10px;white-space:nowrap}
.confirm-bom-section td:nth-last-child(2),.confirm-bom-section td:last-child{white-space:normal}
.confirm-bom-section tbody tr:nth-child(even){background:#f6f8f4}
.confirm-bom-section tbody tr:hover{background:#edf3ec}
.confirm-bom-section td:nth-child(5),.confirm-bom-section td:nth-child(6){font-variant-numeric:tabular-nums}
@media(max-width:760px){dialog.bom-confirm-modal{width:calc(100% - 12px);max-height:96dvh}.bom-confirm-modal .modalbody{padding:0 12px 12px}.confirm-bom-section .tablewrap{margin:0 -2px}.confirm-bom-section table{min-width:720px}}
/* BOM specifications wrap within their cell; long spring box summaries must not cover counts. */
.confirm-bom-section table.product-bom-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.confirm-bom-section table.product-bom-table td .quantity-editor{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:120px}
.confirm-bom-section table.product-bom-table td .quantity-editor input{max-width:110px}
.bom-scroll-hint{font-size:12px;margin:0 0 8px}

/* Human-facing work information; machine identifiers stay in explicit trace details. */
.ui-trace{margin:10px 0;color:#536579;font-size:13px;line-height:1.7;max-width:100%;overflow-wrap:anywhere}
.ui-trace>summary{cursor:pointer;min-height:36px;display:list-item;padding:6px 0;color:#415b78}
.ui-trace[open]{border-left:2px solid #dbe4ee;padding-left:12px}
.ui-trace code{white-space:pre-wrap;overflow-wrap:anywhere}
.ui-task-path{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0;color:#415b78;font-size:13px;line-height:1.7}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #245fe6;outline-offset:3px}
@media(pointer:coarse){button,summary{min-height:44px}}