:root{--paper:#f3f0e8;--surface:#fbf9f4;--ink:#1f2420;--muted:#77786f;--line:#d9d3c7;--green:#286d58;--green-soft:#dcebe3;--coral:#c9513e;--coral-soft:#f2dfd8;--amber:#c38a27;--amber-soft:#f4e8c9;--dark:#202722;--shadow:0 18px 50px rgba(39,34,27,.11);--radius:14px;--sidebar:236px;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(195,138,39,.38);outline-offset:2px}.app-shell{min-height:100vh;background-image:linear-gradient(rgba(39,109,87,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(39,109,87,.032) 1px,transparent 1px);background-size:24px 24px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;padding:24px 18px 18px;background:var(--dark);color:#f5f1e8;display:flex;flex-direction:column}.brand-block{display:flex;gap:12px;align-items:center;padding:0 8px 22px}.brand-mark{width:34px;height:34px;border:1px solid #727b72;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:7px;transform:rotate(45deg)}.brand-mark span{background:#d26a51}.brand-mark span:nth-child(2){background:#d8bb6a}.brand-mark span:nth-child(3){background:#6c9a82}.brand-name{font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:.16em}.brand-sub{font-size:9px;color:#9fa79f;letter-spacing:.16em}.workspace-pill{border:1px solid #465049;border-radius:9px;padding:10px;display:flex;gap:8px;align-items:center;color:#cfd5ce}.pill-caret{margin-left:auto}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a6a6a0}.status-dot.online{background:#57a57c;box-shadow:0 0 0 4px rgba(87,165,124,.12)}.nav-list{margin-top:20px}.nav-section-label{font-size:9px;letter-spacing:.18em;color:#79817b;padding:0 11px 7px}.nav-section-space{margin-top:24px}.nav-item{position:relative;width:100%;min-height:43px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#afb7af;display:flex;align-items:center;gap:11px;text-align:left;transition:.2s}.nav-item:hover{background:#2b342e;color:#fff}.nav-item.is-active{background:#f1ede3;color:#202722}.nav-item.is-active:before{content:"";position:absolute;left:-18px;width:3px;height:22px;background:var(--coral)}.nav-icon{width:15px;height:15px;border:1px solid currentColor;border-radius:3px;opacity:.8}.icon-file{border-radius:1px}.icon-calendar{border-top-width:4px}.icon-scan{border-style:dashed}.icon-chart{border-radius:50%}.nav-count,.live-label{margin-left:auto;font-size:10px}.nav-count.warn{color:#f0b863}.live-label{color:#74bc91;letter-spacing:.12em}.sidebar-footer{margin-top:auto}.mini-user{border-top:1px solid #414943;padding:16px 4px 11px;display:flex;align-items:center;gap:9px}.avatar,.recent-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d7b069;color:#2b2c25;font-family:var(--serif);font-weight:700}.mini-user strong,.mini-user small{display:block}.mini-user small{font-size:10px;color:#8f988f}.more-button{margin-left:auto;background:none;border:0;color:#aaa}.footer-note{font-size:9px;color:#707971}.main-content{margin-left:var(--sidebar);min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(243,240,232,.93);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 32px}.breadcrumb{display:flex;gap:9px;color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--ink)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.top-action{min-width:40px;height:40px;border:0;background:transparent;border-radius:8px;color:#5c5f58}.top-action:hover{background:#e8e3d8}.top-action-label{font-size:11px}.top-icon{display:inline-block;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;vertical-align:-2px}.search-icon{border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:6px;border-top:1px solid;transform:rotate(45deg);right:-4px;bottom:-2px}.notification-trigger{position:relative}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--coral);top:10px;right:10px}.top-divider{height:24px;border-left:1px solid var(--line);margin:0 10px}.today-label{display:grid;grid-template-columns:auto auto;column-gap:7px}.today-label .eyebrow{grid-row:span 2}.today-label .time{font-size:10px;color:var(--muted)}.search-bar{display:none;position:absolute;inset:9px 28px 9px auto;width:min(520px,70vw);background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;padding:0 12px;box-shadow:var(--shadow)}.search-bar.is-open{display:flex}.search-bar input{flex:1;border:0;background:transparent;padding:9px 14px;outline:0}.search-bar button{border:0;background:none;font-size:22px}.page{display:none;padding:34px 34px 54px;animation:reveal .38s ease}.page.is-visible{display:block}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:25px}.page-heading h1{font-family:var(--serif);font-size:38px;line-height:1.1;margin:3px 0 5px;letter-spacing:-.03em}.compact-heading h1{font-size:32px}.heading-caption{margin:0;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.accent-eyebrow{color:var(--coral)}.heading-actions{display:flex;gap:8px}.button{min-height:40px;border-radius:8px;padding:0 15px;border:1px solid var(--line);background:var(--surface);font-weight:650;transition:.18s}.button:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(33,39,34,.08)}.primary-button{background:var(--dark);color:#fff;border-color:var(--dark)}.primary-button:hover{background:#354039}.quiet-button{color:#4d514b}.text-button{border:0;background:none;color:var(--green);padding:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card,.panel{border:1px solid var(--line);background:rgba(251,249,244,.92);border-radius:var(--radius);box-shadow:0 3px 14px rgba(34,36,31,.035)}.metric-card{padding:18px 20px;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(37,108,87,.09);border-radius:50%;right:-30px;top:-30px}.metric-top,.metric-bottom,.metric-progress-label,.machine-head,.machine-progress-label,.machine-foot,.detail-card-head,.form-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-label{font-size:11px;color:var(--muted)}.metric-icon{font-family:var(--serif);font-size:18px;color:var(--green)}.metric-number{font-family:var(--serif);font-size:32px;font-weight:700;margin:7px 0}.metric-unit{font-size:13px;color:var(--muted)}.metric-bottom{font-size:10px;color:var(--muted)}.trend-up{color:var(--green)}.trend-warn{color:var(--amber)}.trend-down,.danger-text{color:var(--coral)}.metric-line,.bar{height:3px;background:#e3ded3;margin-top:15px;border-radius:5px;overflow:hidden}.metric-line i,.bar i{display:block;height:100%;background:var(--green)}.metric-alert .metric-line i{background:var(--coral)}.metric-kit .metric-line i,.bar.amber i{background:var(--amber)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:12px;margin-top:12px}.panel{padding:20px}.panel-heading h2,.section-heading h2,.form-heading h2{font-family:var(--serif);font-size:19px;margin:2px 0}.segmented-control,.filter-tabs,.bucket-controls,.zoom-control{display:flex;padding:3px;border-radius:8px;background:#ece7dc}.segmented-control button,.filter-tab,.bucket-controls button,.zoom-control button{border:0;background:transparent;border-radius:6px;padding:6px 10px;font-size:11px}.segmented-control .is-active,.filter-tab.is-active,.bucket-controls .is-active,.zoom-control .is-active{background:var(--surface);box-shadow:0 1px 5px rgba(0,0,0,.07);color:var(--ink)}.chart-wrap{height:220px;display:flex;margin-top:16px}.chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#9b9b92;padding:2px 9px 22px 0}.chart-main{position:relative;flex:1}.chart-grid-lines{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{border-top:1px dashed #ddd8cd}.output-chart{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px)}.chart-area{fill:url(#areaFill)}.chart-line{fill:none;stroke:var(--green);stroke-width:3}.chart-point{fill:var(--surface);stroke:var(--green);stroke-width:3}.chart-x-labels{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;font-size:9px;color:#92938b}.chart-foot{display:flex;gap:22px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.chart-status{margin-left:auto}.legend-swatch,.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:5px}.legend-dash{display:inline-block;width:14px;border-top:1px dashed var(--amber);margin-right:5px}.alert-list{margin-top:8px}.alert-row{width:100%;border:0;border-top:1px solid #e3ded4;background:none;padding:13px 0;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left}.alert-row:hover{transform:translateX(3px)}.alert-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--coral-soft);color:var(--coral)}.alert-row.warning .alert-mark{background:var(--amber-soft);color:#9e6c16}.alert-row.info .alert-mark{background:var(--green-soft);color:var(--green)}.alert-copy strong,.alert-copy small{display:block}.alert-copy small,.alert-time{font-size:10px;color:var(--muted)}.alert-foot{font-size:10px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 2px 12px}.machine-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.machine-card{min-width:0;text-align:left;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--surface);transition:.18s}.machine-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.machine-id{font-family:var(--serif);font-weight:700}.machine-status{font-size:9px;color:var(--green)}.machine-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:4px}.machine-card.idle .machine-status{color:var(--coral)}.machine-card.setup .machine-status{color:var(--amber)}.machine-name,.machine-foot{font-size:9px;color:var(--muted)}.machine-progress-label{margin-top:14px;font-size:10px}.machine-foot{margin-top:8px}.table-head,.table-row{display:grid;align-items:center;gap:10px}.table-head{font-size:9px;letter-spacing:.06em;color:var(--muted);padding:0 14px 10px;border-bottom:1px solid var(--line)}.table-row{width:100%;border:0;border-bottom:1px solid #e6e1d7;background:transparent;text-align:left;padding:13px 14px}.table-row:hover{background:#f4f0e7}.batch-row{grid-template-columns:1.5fr .75fr repeat(3,1fr) .55fr 24px}.batch-name strong,.batch-name small,.table-row small{display:block}.table-row small{font-size:9px;color:var(--muted)}.tiny-bar{display:block;height:3px;background:#e7e1d6;border-radius:4px;margin-bottom:5px}.tiny-bar b{display:block;height:100%;background:var(--green)}.tag{display:inline-flex;font-style:normal;font-size:9px;border-radius:999px;padding:3px 8px;background:#e7e4dd;color:#666}.tag-good{background:var(--green-soft);color:var(--green)}.tag-warn,.tag-review{background:var(--amber-soft);color:#946411}.row-arrow{color:var(--green);font-size:18px}.filter-strip,.schedule-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.filter-actions{display:flex;gap:7px}.inline-search{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:0 12px}.inline-search input{border:0;background:none;outline:0;padding:9px;width:190px}.filter-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:0 12px}.orders-row{grid-template-columns:1.2fr 1.15fr .7fr 1fr .8fr .65fr 24px}.pagination{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:14px 2px}.page-button{border:1px solid var(--line);background:var(--surface);border-radius:5px;min-width:30px;height:30px}.page-button.is-active{background:var(--dark);color:#fff}.process-layout{display:grid;grid-template-columns:330px 1fr;gap:12px}.process-list-panel{padding:0;overflow:hidden}.process-list-panel .panel-heading{padding:18px}.process-item{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:15px 18px;text-align:left}.process-item:hover,.process-item.is-selected{background:#f0ebe1}.process-item.is-selected{box-shadow:inset 3px 0 var(--coral)}.process-item-top,.process-meta{display:flex;justify-content:space-between;gap:8px}.process-code{font-size:10px;color:var(--coral);letter-spacing:.08em}.process-meta{justify-content:flex-start;margin-top:7px;color:var(--muted);font-size:9px}.process-meta span+span:before{content:"·";margin-right:8px}.process-detail-panel{min-height:520px}.detail-hero{padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-hero h2{font-family:var(--serif);font-size:28px;margin:4px 0}.route-line{display:flex;align-items:center;gap:4px;margin:22px 0}.route-node{padding:9px 12px;border-radius:8px;background:#e9e4da;font-size:11px}.route-node.active{background:var(--dark);color:#fff}.route-arrow{color:#aaa}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-stat{padding:14px;background:#f2eee5;border-radius:9px}.detail-stat span,.detail-stat strong{display:block}.detail-stat span{font-size:9px;color:var(--muted)}.component-table{margin-top:20px}.date-switcher{display:flex;gap:10px;align-items:center}.date-switcher button{width:35px;height:35px;border:1px solid var(--line);background:var(--surface);border-radius:7px}.date-switcher span,.date-switcher strong{display:block}.schedule-legend{display:flex;gap:14px;font-size:9px;color:var(--muted)}.legend-dot.coral{background:var(--coral)}.legend-dot.yellow{background:var(--amber)}.legend-dot.red{background:#a94132}.timeline-panel{padding:0;overflow:hidden}.timeline-scroll{overflow:auto}.timeline-head,.timeline-row{display:grid;grid-template-columns:150px minmax(860px,1fr)}.resource-col-label,.resource-info{padding:13px 16px;border-right:1px solid var(--line)}.hours{display:grid;grid-template-columns:repeat(7,1fr);padding:13px 0;font-size:9px;color:var(--muted)}.timeline-row{min-height:76px;border-top:1px solid var(--line)}.resource-info strong,.resource-info small{display:block}.resource-info small{font-size:9px;color:var(--muted)}.track{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.285% - 1px),#e5dfd4 calc(14.285% - 1px),#e5dfd4 14.285%)}.task-block{position:absolute;top:14px;height:47px;border:0;border-radius:7px;padding:6px 9px;text-align:left;background:var(--coral-soft);border-left:3px solid var(--coral);overflow:hidden}.task-block strong,.task-block small{display:block;white-space:nowrap}.task-block small{font-size:8px}.task-block.done{background:var(--green-soft);border-color:var(--green)}.task-block.setup{background:var(--amber-soft);border-color:var(--amber)}.task-block.conflict{box-shadow:0 0 0 2px #a94132}.timeline-foot{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.schedule-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.schedule-summary>div{padding:15px;border-right:1px solid var(--line)}.schedule-summary>div:last-child{border:0}.schedule-summary span,.schedule-summary strong{display:block}.schedule-summary span{font-size:9px;color:var(--muted)}.schedule-summary strong{font-family:var(--serif);font-size:24px}.schedule-summary small{font-family:var(--sans);font-size:10px}.scan-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 340px;gap:12px}.scan-main{display:grid;gap:12px}.connection-status{display:flex;align-items:center;gap:8px}.connection-status button{border:0;background:none;color:var(--green)}.connection-status.offline{color:var(--coral)}.scan-reader{background:var(--dark);color:#f6f2e9}.scan-reader .eyebrow{color:#929b94}.reader-pulse{font-size:10px;color:#76bc91}.scan-input-wrap{display:flex;margin-top:16px;border:1px solid #4a554d;border-radius:10px;padding:5px;background:#29322c}.scan-input-wrap input{flex:1;min-width:0;border:0;background:transparent;color:#fff;outline:0;padding:11px}.scan-frame-icon{padding:10px}.scan-button{border:0;border-radius:7px;padding:0 17px;background:#e9d2a1;color:#262a25;font-weight:700}.scan-hints{display:flex;justify-content:space-between;font-size:9px;color:#929b94;margin-top:8px}.scan-data-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:17px;border:1px solid var(--line);border-radius:9px}.scan-data-grid>div{padding:13px;border-right:1px solid var(--line)}.scan-data-grid>div:last-child{border:0}.scan-data-grid span,.scan-data-grid strong,.scan-data-grid small{display:block}.scan-data-grid span,.scan-data-grid small{font-size:9px;color:var(--muted)}.remaining-callout{display:flex;gap:20px;align-items:center;margin-top:13px;padding:13px;background:var(--green-soft);border-radius:9px}.remaining-callout strong{font-family:var(--serif);font-size:26px}.remaining-track{flex:1}.remaining-track>div{height:5px;background:#c3d7cc;border-radius:6px}.remaining-track i{display:block;height:100%;width:63%;background:var(--green)}.remaining-track span{font-size:9px}.qty-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.stepper{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stepper button,.stepper input{width:44px;height:38px;border:0;background:var(--surface);text-align:center}.stepper button{background:#ebe6dc}.max-button{border:0;background:none;color:var(--green)}.allocation-box{margin-top:12px}.allocation-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e9e3d9}.allocation-row>div{display:flex;align-items:center;gap:8px}.allocation-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.allocation-icon.scrap{background:var(--coral-soft);color:var(--coral)}.allocation-icon.hold{background:var(--amber-soft);color:var(--amber)}.allocation-input input{width:70px;border:1px solid var(--line);border-radius:6px;padding:7px;text-align:right;background:var(--surface)}.allocation-total{display:flex;gap:12px;align-items:center;padding:12px;background:#eeeadf;border-radius:8px;margin-top:11px}.allocation-total strong{margin-left:auto}.allocation-ok{color:var(--green);font-size:10px}.allocation-error{color:var(--coral);font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.recent-list{margin-top:8px}.recent-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--line)}.recent-item strong,.recent-item small{display:block}.recent-item small{font-size:9px;color:var(--muted)}.recent-avatar.amber{background:var(--amber-soft)}.recent-avatar.coral{background:var(--coral-soft)}.offline-note{margin-top:12px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start}.offline-note p{font-size:10px;color:var(--muted);margin:4px 0}.progress-callout{display:grid;grid-template-columns:36px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid #b8d1c4;background:var(--green-soft);border-radius:11px}.callout-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;font-family:var(--serif)}.progress-callout p{margin:3px 0;font-size:10px}.callout-mark{font-size:9px;color:var(--green)}.progress-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.progress-kpi{padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.progress-kpi>span,.progress-kpi>strong{display:block}.progress-kpi>span{font-size:9px;color:var(--muted)}.progress-kpi>strong{font-family:var(--serif);font-size:26px}.progress-kpi div{display:flex;justify-content:space-between;font-size:9px}.progress-kpi em{font-style:normal;color:var(--green)}.bottleneck-kpi{border-color:#d8b573;background:var(--amber-soft)}.bucket-row{grid-template-columns:1.5fr .55fr repeat(3,1fr) .8fr .55fr}.progress-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px}.formula{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:11px}.formula-box{padding:7px 9px;border:1px solid var(--line);background:#f0ece3;border-radius:6px}.formula-note{font-size:10px;color:var(--muted)}.mini-bars{height:150px;display:flex;align-items:flex-end;gap:7px;padding-top:20px}.mini-bars i{position:relative;flex:1;background:#cad9d0;border-radius:5px 5px 0 0}.mini-bars i.today{background:var(--green)}.mini-bars b{position:absolute;top:100%;font-size:8px;font-weight:400;transform:rotate(-45deg);transform-origin:left top}.trend-badge{color:var(--green);font-size:10px}.app-footer{display:flex;justify-content:space-between;padding:0 34px 22px;color:#9a998f;font-size:9px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(25,29,25,.42);opacity:0;pointer-events:none;z-index:60;transition:.2s}.drawer-backdrop.is-open,.modal-backdrop.is-open{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;z-index:70;right:0;top:0;height:100vh;width:min(480px,92vw);padding:24px;background:var(--surface);box-shadow:var(--shadow);transform:translateX(105%);transition:.28s;overflow:auto}.detail-drawer.is-open{transform:none}.drawer-head,.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-head h2,.modal-head h2{font-family:var(--serif);font-size:25px;margin:2px 0}.close-button{width:36px;height:36px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:20px}.drawer-section{padding:18px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-family:var(--serif)}.drawer-dl div{display:flex;justify-content:space-between;padding:7px 0}.drawer-dl dt{color:var(--muted)}.modal{position:fixed;z-index:70;left:50%;top:50%;width:min(650px,92vw);max-height:88vh;overflow:auto;transform:translate(-50%,-47%) scale(.98);opacity:0;pointer-events:none;background:var(--surface);border-radius:15px;padding:23px;box-shadow:var(--shadow);transition:.2s}.modal.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.stepper-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0}.stepper-tabs span{border-bottom:2px solid var(--line);padding:8px;color:var(--muted)}.stepper-tabs span.is-active{border-color:var(--coral);color:var(--ink)}.stepper-tabs i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9e4da;font-style:normal;margin-right:5px}.stepper-tabs .is-active i{background:var(--coral);color:#fff}.modal-step{display:none}.modal-step.is-active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:10px;color:var(--muted)}.form-grid input,.form-grid select{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff}.form-note{margin-top:14px;padding:11px;background:var(--amber-soft);border-radius:8px;font-size:10px}.form-note span{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid;border-radius:50%;margin-right:6px}.allocation-choice{display:grid;gap:10px;margin-top:14px}.choice-card{display:flex;gap:10px;padding:14px;border:1px solid var(--line);border-radius:9px}.choice-card.is-selected{border-color:var(--green);background:var(--green-soft)}.choice-card input{display:none}.choice-card small,.choice-card strong{display:block}.choice-card small{font-size:9px;color:var(--muted)}.preview-line{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line)}.confirm-summary{text-align:center;padding:18px}.confirm-icon{margin:auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:22px}.confirm-summary dl{display:grid;grid-template-columns:repeat(3,1fr);background:#f0ece3;border-radius:9px}.confirm-summary dl div{padding:10px}.confirm-summary dt{font-size:9px;color:var(--muted)}.modal-foot{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.is-hidden{display:none!important}.toast-region{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:8px}.toast{min-width:280px;max-width:390px;padding:13px 16px;border-radius:9px;background:var(--dark);color:#fff;box-shadow:var(--shadow);animation:toastIn .24s ease}.toast.success{border-left:4px solid #65a986}.toast.warn{border-left:4px solid #d3a148}.toast.error{border-left:4px solid #d25e4c}@keyframes toastIn{from{transform:translateY(12px);opacity:0}}.empty-state{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.machine-grid{grid-template-columns:repeat(3,1fr)}.overview-grid,.scan-layout,.progress-bottom{grid-template-columns:1fr}.scan-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offline-note{margin-top:0}.process-layout{grid-template-columns:280px 1fr}.schedule-legend{display:none}}
@media(max-width:780px){:root{--sidebar:0}.sidebar{position:fixed;top:auto;width:100%;height:64px;padding:6px;flex-direction:row;align-items:center;overflow-x:auto}.brand-block,.workspace-pill,.nav-section-label,.sidebar-footer,.nav-count,.live-label{display:none}.nav-list{display:flex;margin:0;gap:3px}.nav-item{width:auto;min-width:94px;justify-content:center;flex-direction:column;gap:1px;font-size:10px}.nav-item.is-active:before{left:22%;right:22%;top:-6px;width:auto;height:3px}.main-content{margin-left:0;padding-bottom:66px}.topbar{padding:0 15px}.today-label,.top-action-label{display:none}.page{padding:22px 14px 38px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:30px}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.machine-grid{display:flex;overflow-x:auto}.machine-card{min-width:210px}.batch-panel,.orders-panel,.bucket-panel{overflow:auto}.batch-row{min-width:760px}.orders-row{min-width:800px}.bucket-row{min-width:850px}.process-layout{grid-template-columns:1fr}.process-detail-panel{min-height:unset}.filter-strip,.schedule-toolbar{align-items:stretch;flex-direction:column}.scan-data-grid{grid-template-columns:1fr 1fr}.scan-data-grid>div:nth-child(2){border-right:0}.scan-data-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.scan-side{grid-template-columns:1fr}.progress-kpis{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.topbar-actions{gap:0}.search-bar{inset:9px 10px;width:calc(100% - 20px)}}
@media(max-width:500px){.metric-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}.chart-foot{gap:8px;flex-wrap:wrap}.chart-status{margin-left:0}.scan-input-wrap{flex-wrap:wrap}.scan-button{width:100%;min-height:42px}.qty-row{flex-wrap:wrap}.stepper-tabs span{font-size:9px}.stepper-tabs i{display:none}.schedule-summary{grid-template-columns:1fr 1fr}.schedule-summary>div:nth-child(2){border-right:0}.schedule-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.modal:not(.is-open),.detail-drawer:not(.is-open){visibility:hidden}.modal.is-open,.detail-drawer.is-open{visibility:visible}
@media(max-width:780px){.nav-list{width:100%;gap:1px}.nav-item{min-width:61px;flex:1;font-size:9px}}

/* v2.5 sample room + piece-to-unit language */
.icon-sample{border-radius:50%;position:relative}.icon-sample:after{content:"";position:absolute;left:3px;right:3px;top:6px;border-top:1px solid currentColor;transform:rotate(-35deg)}
.sample-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.sample-summary>div{padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:var(--surface);position:relative;overflow:hidden}.sample-summary>div:after{content:"";position:absolute;right:-21px;bottom:-28px;width:74px;height:74px;border:1px solid rgba(201,81,62,.12);border-radius:50%}.sample-summary span,.sample-summary strong,.sample-summary em{display:block}.sample-summary span{font-size:9px;color:var(--muted)}.sample-summary strong{font:700 27px var(--serif);margin:4px 0}.sample-summary strong small{font:400 11px var(--sans);color:var(--muted)}.sample-summary em{font-size:9px;font-style:normal;color:var(--green)}.sample-summary .summary-warn{color:var(--amber)}.sample-summary .summary-bad{color:var(--coral)}.sample-list-panel{padding:0;overflow:hidden}.sample-list-panel>.panel-heading{padding:18px}.sample-table-head,.sample-row{display:grid;grid-template-columns:1.35fr .55fr 1.15fr 1fr .65fr .65fr 24px;gap:12px;align-items:center}.sample-table-head{padding:0 18px 10px;font-size:9px;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line)}.sample-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:16px 18px;transition:.18s}.sample-row:hover{background:#f4f0e7;transform:translateX(2px)}.sample-row strong,.sample-row small,.sample-row em{display:block}.sample-row small{font-size:9px;color:var(--muted);margin-top:3px}.sample-style-code{font:700 12px var(--serif);letter-spacing:.04em}.sample-style-name{font-size:10px;color:var(--muted)}.sample-version{font:700 12px var(--serif)}.sample-progress strong{display:inline-block;margin-right:7px}.sample-progress .tiny-bar{margin:5px 0 0;max-width:112px}.sample-node{font-size:10px}.sample-risk{font-size:10px;color:var(--green)}.sample-risk.warn{color:var(--amber)}.sample-risk.bad{color:var(--coral)}.sample-quality{font-size:9px}.sample-quality.good{color:var(--green)}.sample-quality.review{color:var(--amber)}.sample-quality.bad{color:var(--coral)}.sample-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.sample-gate-panel{padding:0;overflow:hidden}.sample-gate-panel>.panel-heading{padding:18px}.gate-list{padding:0 18px 8px}.gate-row{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 0}.gate-row:hover{background:#f5f1e8}.gate-row strong,.gate-row small{display:block}.gate-row small{font-size:9px;color:var(--muted);margin-top:2px}.gate-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:700}.gate-icon.good{background:var(--green-soft);color:var(--green)}.gate-icon.review{background:var(--amber-soft);color:var(--amber)}.gate-icon.bad{background:var(--coral-soft);color:var(--coral)}.sample-guide-panel{background:var(--dark);color:#f4f0e6;border-color:var(--dark)}.sample-guide-panel .eyebrow{color:#99a39a}.sample-guide-panel h2{font:700 23px var(--serif);margin:5px 0 9px}.sample-guide-panel p:not(.eyebrow){color:#c4cbc3;font-size:11px;max-width:440px}.guide-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:25px}.guide-flow span{padding:7px 9px;border:1px solid #59655b;border-radius:6px;font-size:10px}.guide-flow span:nth-of-type(2){border-color:#d0a756;color:#f1d58e}.guide-flow i{color:#8aa18f;font-style:normal}.physical-ledger{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;background:#eef3ea;border:1px solid #c8d9ca;border-radius:9px}.physical-ledger span,.physical-ledger strong,.physical-ledger small{display:block}.physical-ledger span{font-size:9px;color:var(--green)}.physical-ledger strong{font:700 13px var(--serif);margin-top:2px}.physical-ledger small{font-size:9px;color:var(--muted);text-align:right}.inline-unit{display:inline!important;font-size:9px!important;color:var(--muted)!important}.sample-timeline{margin-top:4px}.sample-timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sample-timeline-head h3{font:700 19px var(--serif);margin:0}.timeline-legend{display:flex;gap:7px;flex-wrap:wrap}.timeline-legend span{font-size:9px;color:var(--muted)}.timeline-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bbb;margin-right:4px}.timeline-legend .done{background:var(--green)}.timeline-legend .active{background:var(--coral)}.timeline-legend .pending{background:var(--amber)}.sample-node-list{position:relative;padding-left:18px}.sample-node-list:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;border-left:1px dashed #c9c2b5}.sample-node-item{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 0}.sample-node-dot{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;background:#cbc6bb;border:3px solid var(--surface);box-shadow:0 0 0 1px #cbc6bb}.sample-node-item.is-done .sample-node-dot{background:var(--green);box-shadow:0 0 0 1px var(--green)}.sample-node-item.is-active .sample-node-dot{background:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.sample-node-item.is-rejected .sample-node-dot{background:var(--coral);box-shadow:0 0 0 1px var(--coral)}.sample-node-copy strong,.sample-node-copy small{display:block}.sample-node-copy strong{font-size:11px}.sample-node-copy small{font-size:9px;color:var(--muted);margin-top:2px}.sample-node-state{font-size:9px;padding:3px 8px;border-radius:999px;background:#e7e4dd;color:#6d6c65}.sample-node-item.is-done .sample-node-state{background:var(--green-soft);color:var(--green)}.sample-node-item.is-active .sample-node-state{background:var(--coral-soft);color:var(--coral)}.sample-node-item.is-rejected .sample-node-state{background:var(--coral-soft);color:var(--coral)}.sample-node-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.sample-node-actions button{font-size:9px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:4px 7px;color:var(--green)}.sample-node-actions button:hover{border-color:var(--green);background:var(--green-soft)}.sample-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.sample-detail-meta div{padding:10px;background:#f0ece3;border-radius:7px}.sample-detail-meta span,.sample-detail-meta strong{display:block}.sample-detail-meta span{font-size:9px;color:var(--muted)}.sample-detail-meta strong{font-size:12px;margin-top:3px}.sample-gate-card{padding:13px;background:var(--amber-soft);border-radius:8px;margin-top:13px}.sample-gate-card strong,.sample-gate-card p{display:block}.sample-gate-card p{font-size:10px;margin:3px 0 10px}.sample-gate-actions{display:flex;gap:7px}.sample-gate-actions button{min-height:32px;border-radius:6px;padding:0 11px;border:1px solid var(--line);background:var(--surface);font-size:10px}.sample-gate-actions .approve-sample{background:var(--green);border-color:var(--green);color:#fff}.sample-gate-actions .reject-sample{color:var(--coral)}.sample-quality-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.sample-quality-form label{font-size:10px;color:var(--muted)}.sample-quality-form input,.sample-quality-form select,.sample-quality-form textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;resize:vertical}.sample-quality-form textarea{grid-column:1 / -1;min-height:66px}.sample-scan-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.sample-scan-actions button{min-height:42px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:10px}.sample-scan-actions button:hover{background:var(--green-soft);border-color:var(--green)}
@media(max-width:1150px){.sample-summary{grid-template-columns:repeat(2,1fr)}.sample-bottom-grid{grid-template-columns:1fr}}
@media(max-width:780px){.sample-table-head{display:none}.sample-list-panel{overflow:visible}.sample-row{grid-template-columns:1fr 1fr;gap:8px;padding:14px}.sample-row>span:first-child{grid-column:1 / -1}.sample-row>.row-arrow{grid-column:2;text-align:right;grid-row:1}.sample-progress .tiny-bar{max-width:100%}.sample-bottom-grid{margin-top:10px}.sample-detail-meta{grid-template-columns:1fr 1fr}.sample-node-item{grid-template-columns:24px 1fr;gap:6px}.sample-node-state{grid-column:2;justify-self:start}.sample-scan-actions{grid-template-columns:1fr}.physical-ledger{align-items:flex-start;flex-direction:column}.physical-ledger small{text-align:left}}
@media(max-width:500px){.sample-summary{grid-template-columns:1fr 1fr}.sample-summary>div{padding:12px}.sample-summary strong{font-size:23px}.sample-quality-form{grid-template-columns:1fr}.sample-quality-form textarea{grid-column:auto}}

/* sample scan audit flow */
.sample-row-audit{color:var(--green)!important;letter-spacing:.02em}.sample-node-copy{min-width:0}.sample-node-copy>strong{line-height:1.45}.quality-required{font-style:normal;font-size:8px;font-weight:500;color:#946411;background:var(--amber-soft);border-radius:999px;padding:2px 5px;vertical-align:1px;white-space:nowrap}.sample-node-audit{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.sample-audit-chip{display:inline-flex;align-items:center;gap:3px;min-height:25px;padding:3px 5px;border:1px solid var(--line);border-radius:5px;background:#f1ede5}.sample-audit-chip b{font-size:8px;font-weight:700;white-space:nowrap}.sample-audit-chip small{font-size:8px!important;color:var(--muted)!important;margin:0!important;white-space:nowrap}.sample-audit-chip.is-done{border-color:#b9d2c3;background:var(--green-soft);color:var(--green)}.sample-audit-chip.is-done small{color:var(--green)!important}.sample-audit-chip.is-required{border-color:#e2c98d;background:var(--amber-soft);color:#946411}.sample-audit-chip.is-pending{color:#78786f}.sample-node-item.is-locked{opacity:.62}.sample-node-item.is-locked .sample-node-dot{background:#c5c0b6;box-shadow:0 0 0 1px #c5c0b6}.sample-node-lock{display:block;margin-top:6px;font-size:9px;color:#946411}.sample-node-actions{position:relative;z-index:2;margin-top:7px}.sample-node-scan-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sample-node-scan-control{min-width:0;min-height:34px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:5px 6px;color:var(--green);font-size:9px;text-align:left;line-height:1.2}.sample-node-scan-control small{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-node-scan-control.is-entry{border-color:#9fc2af;background:#f5faf6}.sample-node-scan-control.is-complete{border-color:#d8b573;background:#fffaf0;color:#946411}.sample-node-scan-control.is-confirmed{border-color:#b9d2c3;background:var(--green-soft);color:var(--green);cursor:default}.sample-node-scan-control.is-confirmed small{color:var(--green)}.sample-node-scan-control.is-locked{border-color:#d6d0c5;background:#ebe7df;color:#8f8a80;cursor:not-allowed}.sample-node-scan-control.is-locked small{color:#8f8a80}.sample-node-quality-action{margin-top:5px;border:0;background:none;padding:2px 0;color:var(--green);font-size:9px}.sample-node-quality-action:hover{text-decoration:underline}.sample-audit-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 11px;border:1px solid #ddb968;border-radius:8px;background:var(--amber-soft)}.sample-audit-banner strong{font:700 13px var(--serif);color:#75571c}.sample-audit-banner span{font-size:9px;color:#946411;text-align:right}.sample-audit-summary{margin-top:12px;padding:9px 11px;border-left:3px solid var(--green);background:var(--green-soft);color:var(--green);font-size:10px}.sample-complete-note{display:inline-flex;padding:9px 11px;border-radius:7px;background:var(--green-soft);color:var(--green);font-size:10px}.quality-form-kicker{display:inline-block;font-size:9px;letter-spacing:.13em;color:var(--coral);margin-bottom:4px}.sample-scan-confirm-panel{padding:4px 0 2px}.scan-confirm-kicker{font-size:9px;letter-spacing:.16em;color:var(--coral)}.sample-scan-confirm-panel h3{font:700 25px var(--serif);margin:4px 0}.scan-confirm-lede{font-size:10px;color:var(--muted);margin:0 0 16px}.scan-confirm-context{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:14px}.scan-confirm-context div{padding:11px 12px;background:#f0ece3;border-bottom:1px solid var(--line)}.scan-confirm-context div:nth-child(odd){border-right:1px solid var(--line)}.scan-confirm-context div:nth-last-child(-n+2){border-bottom:0}.scan-confirm-context span,.scan-confirm-context strong{display:block}.scan-confirm-context span{font-size:9px;color:var(--muted)}.scan-confirm-context strong{font:700 14px var(--serif);margin-top:2px}.scan-code-field{display:block;font-size:10px;color:var(--muted)}.scan-code-field input{display:block;width:100%;margin-top:5px;border:1px solid var(--green);border-radius:7px;padding:11px 12px;background:#fff;font-family:var(--sans);letter-spacing:.04em}.scan-code-field small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.scan-confirm-check{display:flex;gap:9px;align-items:center;margin-top:15px;padding:11px 12px;border-radius:8px;background:var(--amber-soft);color:#75571c}.scan-confirm-check>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--green);font-weight:700}.scan-confirm-check strong,.scan-confirm-check small{display:block}.scan-confirm-check strong{font-size:11px}.scan-confirm-check small{font-size:9px;color:#946411;margin-top:2px}.sample-scan-confirm-panel .form-actions{margin-top:18px}
@media(max-width:500px){.sample-node-item{align-items:start}.sample-node-item>.sample-node-state{margin-top:2px}.sample-node-audit{gap:3px}.sample-audit-chip{min-height:24px;padding:3px 4px}.sample-audit-chip b,.sample-audit-chip small{font-size:8px!important}.scan-confirm-context strong{font-size:12px}.sample-scan-confirm-panel h3{font-size:23px}.sample-scan-confirm-panel .form-actions{position:sticky;bottom:0;padding:10px 0 2px;background:var(--surface)}}