:root{color-scheme:dark;--bg: #030b12;--panel: #07141e;--panel-2: #0a1924;--panel-3: #0c1e2b;--line: rgba(154, 177, 198, .22);--line-strong: rgba(184, 204, 224, .34);--text: #f7fbff;--muted: #aebdcc;--muted-2: #7f91a3;--accent-rgb: 255, 212, 0;--accent-ink: #04101a;--yellow: #ffd400;--accent: var(--yellow);--yellow-soft: rgba(var(--accent-rgb), .13);--blue: #1d9bff;--blue-soft: rgba(29, 155, 255, .13);--purple: #b66cff;--purple-soft: rgba(182, 108, 255, .14);--green: #61e681;--green-soft: rgba(97, 230, 129, .13);--red: #ff5757;--red-soft: rgba(255, 87, 87, .16);--amber: #ffb21f;--amber-soft: rgba(255, 178, 31, .14);--shadow: 0 22px 50px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:var(--app-bg, linear-gradient(135deg, rgba(8, 21, 33, .9) 0%, rgba(1, 7, 13, 1) 52%, rgba(5, 17, 25, 1) 100%));color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.45}body.theme-editing{padding-top:52px}body.theme-picking,body.theme-picking *{cursor:crosshair!important}button,input,select{font:inherit}button{min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:#08141fbd;color:var(--text);cursor:pointer}button:hover{border-color:rgba(var(--accent-rgb),.7);color:var(--yellow)}button:disabled{opacity:.5;cursor:not-allowed;filter:none}button:disabled:hover{border-color:var(--line-strong);color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(var(--accent-rgb),.25);outline-offset:2px}.app-shell{display:flex;flex-direction:row;width:100%;height:100vh;height:100dvh;margin:0;padding:0}.app-main{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;overflow:auto}.sidebar-hover-zone{position:fixed;left:0;top:0;width:40px;height:100vh;height:100dvh;background-color:transparent;z-index:10000;cursor:pointer}.sidebar-collapse-btn{position:absolute;top:8px;right:8px;padding:6px 8px;border:none;border-radius:4px;background:#ffffff14;color:#fff9;font-size:16px;cursor:pointer;transition:all .2s}.sidebar-collapse-btn:hover{color:var(--text);background:#ffffff29}.sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;border-right:1px solid var(--line-strong);background:#020b12f5;box-shadow:18px 0 42px #0000003d}.sidebar.is-drawer{position:fixed;left:0;top:0;z-index:9999;width:min(300px,84vw);animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#02060a99;animation:backdrop-in .18s ease-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sidebar.is-drawer,.sidebar-backdrop{animation:none}}.mobile-bar{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);background:#030b12f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-btn{flex:none;display:grid;place-items:center;width:44px;min-height:44px;padding:0}.mobile-menu-icon{position:relative}.mobile-menu-icon,.mobile-menu-icon:before,.mobile-menu-icon:after{display:block;width:18px;height:2px;border-radius:2px;background:var(--text)}.mobile-menu-icon:before,.mobile-menu-icon:after{content:"";position:absolute;left:0}.mobile-menu-icon:before{top:-6px}.mobile-menu-icon:after{top:6px}.mobile-bar-title{overflow:hidden;font-size:16px;font-weight:820;white-space:nowrap;text-overflow:ellipsis}.brand{padding:24px 26px 20px;border-bottom:1px solid var(--line)}.brand-logo{display:flex;align-items:center;gap:3px;color:#fff;font-size:52px;font-weight:950;letter-spacing:0;line-height:.88}.brand-play{width:0;height:0;margin:7px 4px 0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:23px solid var(--yellow)}.powered-by{margin-top:10px;color:#dbe5ef;font-size:9px;font-weight:800;letter-spacing:0;text-transform:uppercase}.powered-by strong{margin-left:7px;color:#fff;font-style:italic}.side-nav{display:grid;align-content:start;gap:4px;padding:16px 9px;overflow-y:auto}.nav-link{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:0 15px;border-radius:8px;color:#fff;font-weight:720;text-decoration:none}.nav-link:hover{background:#ffffff0d}.nav-link.is-active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.05));color:var(--yellow)}.nav-link.is-active:after{position:absolute;top:0;right:-9px;width:4px;height:100%;border-radius:4px 0 0 4px;background:var(--yellow);content:""}.new-pill{margin-left:auto;padding:3px 7px;border-radius:7px;background:var(--yellow);color:var(--accent-ink);font-size:11px;font-weight:950;text-transform:uppercase}.sidebar-user{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:22px 23px;border-top:1px solid var(--line)}.avatar{position:relative;width:44px;height:44px;border-radius:50%;background:#f8fafc}.avatar:before{position:absolute;top:9px;left:15px;width:14px;height:14px;border-radius:50%;background:#06131e;content:""}.avatar:after{position:absolute;right:9px;bottom:8px;left:9px;height:13px;border-radius:13px 13px 8px 8px;background:#06131e;content:""}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:14px}.sidebar-user small{color:var(--muted);font-size:13px}.chevron{width:10px;height:10px;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(45deg)}.dashboard{min-width:0}.dash-section{position:relative;width:100%}.dash-section-handle{height:16px;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--muted-2);opacity:.2;font-size:13px;letter-spacing:3px;-webkit-user-select:none;user-select:none;border-radius:6px;transition:opacity .15s ease,background .15s ease,color .15s ease}.dash-section:hover .dash-section-handle{opacity:.55}.dash-section-handle:hover{opacity:1;color:var(--text);background:#ffffff0f}.dash-section-handle:active{cursor:grabbing}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(18px,2.4vw,34px) 14px}h1,h2,p{margin:0}h1{font-size:clamp(24px,2.8vw,32px);line-height:1.08;letter-spacing:0}.topbar p{margin-top:4px;color:#d6dce5;font-size:16px}h2{font-size:18px;line-height:1.25;letter-spacing:0}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.top-action{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 18px;font-weight:780}.top-action strong{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:var(--yellow);color:var(--accent-ink);font-size:13px}main{width:min(1480px,100%);margin:0 auto;padding:0 clamp(18px,2.4vw,34px) 20px}.toolbar{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(140px,.45fr) minmax(170px,.62fr) minmax(250px,auto) auto;align-items:end;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#07141ead;box-shadow:var(--shadow)}.control{display:grid;gap:6px}.control label{color:var(--muted);font-size:12px;font-weight:760}.control input,.control select{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:#020a11e0;color:var(--text);padding:0 12px}.control input::placeholder{color:var(--muted-2)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#020a11c7}.segment{min-height:40px;border:0;border-radius:0;border-right:1px solid var(--line);background:transparent}.segment:last-child{border-right:0}.segment.is-active{background:var(--yellow);color:var(--accent-ink);font-weight:900}.actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;grid-column:2 / -1}.actions .segment{flex:0 1 auto;white-space:nowrap;font-size:12px;padding:0 8px;order:2}.actions button:not(.segment){flex-shrink:0;order:1}.actions button{padding:0 12px}#exportBtn{border-color:rgba(var(--accent-rgb),.74);background:var(--yellow);color:var(--accent-ink);font-weight:900}#exportBtn:hover{background:var(--yellow);filter:brightness(1.12)}.report-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.report-meta span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.dash-grid{--dash-row: 142px;--dash-gap: 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(var(--dash-row),auto);gap:var(--dash-gap);margin-top:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.dash-grid .chart-card{min-height:0}.dash-drop-preview{border:1px dashed rgba(var(--accent-rgb),.7);border-radius:8px;background:rgba(var(--accent-rgb),.07);pointer-events:none}.dash-grid-spacer{pointer-events:none}.kpi-expand-slot{min-width:0;min-height:0;overflow:hidden;display:flex}.kpi-expand-slot>.kpi-expand-cell,.kpi-expand-slot>.kpi-expand-cell>.kpi-expand-panel{flex:1;min-height:0;min-width:0}.kpi-expand-slot .kpi-expand-panel{margin-top:0;display:flex;flex-direction:column;overflow:hidden}.kpi-expand-slot .compact-list{overflow-y:auto;min-height:0}.kpi-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:20px;min-height:132px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0f212fd6,#051019e6);box-shadow:var(--shadow)}.kpi-expand-btn{position:absolute;top:8px;right:10px;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:4px 6px;border-radius:4px;z-index:2;transition:transform .15s ease,color .15s ease,background .15s ease}.kpi-expand-btn:hover{color:var(--text);background:#ffffff12}.hide-marker{flex:0 0 auto;width:24px;height:24px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:11px;line-height:1;border-radius:50%;background:#ff6b6b29;border:1px solid rgba(255,107,107,.5);color:#ff8a8a;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.hide-marker:hover{background:#ff6b6b59;color:#fff;transform:scale(1.1)}.hide-marker--corner{position:absolute;top:8px;right:10px;z-index:3}.dash-section-bar{display:flex;align-items:center;gap:8px;min-height:16px;padding-right:2px}.dash-section-bar .dash-section-handle{flex:1}.is-editing-layout .dash-section{outline:1px dashed rgba(var(--accent-rgb),.4);outline-offset:2px;border-radius:10px;margin:8px 0}.is-editing-layout .dash-section-handle{opacity:.55}.dash-hidden-tray{margin:0 clamp(18px,2.4vw,34px) 14px;padding:12px 14px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:10px;background:rgba(var(--accent-rgb),.06)}.dash-hidden-tray-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash-hidden-tray-title{font-weight:600;font-size:13px}.dash-hidden-tray-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.dash-hidden-tray-actions .secondary-button{padding:6px 12px;font-size:12px}.dash-hidden-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dash-hidden-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;color:var(--text);background:#ffffff0d;border:1px dashed rgba(255,255,255,.25);border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.dash-hidden-chip:hover{background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.6)}.dash-hidden-chip small{color:var(--muted-2);text-transform:uppercase;font-size:10px;letter-spacing:.04em}.quick-add-card{min-height:0;overflow:hidden}.quick-add-card .quick-add-body{flex:1;min-height:0;overflow-y:auto;margin:0 -16px -16px;padding:0 16px 16px}.shortage-form-compact{padding:0;gap:8px}.shortage-form-compact .form-group{margin-bottom:0}.shortage-form-compact .form-group label{font-size:12px}.shortage-form-compact .form-group input{min-height:34px;padding:6px 10px}.shortage-form-compact .form-actions{position:sticky;bottom:0;padding:10px 0 2px;background:var(--panel-2)}.shortage-form-compact .form-actions button{flex:1;min-height:34px;padding:6px 10px}.quick-add-card .success-state{margin-top:8px;padding:8px;font-size:13px}.kpi-expand-panel{margin-top:16px}.kpi-expand-cell{min-width:0}.kpi-expand-cell .kpi-expand-panel{margin-top:0}.kpi-card-shortage{border-color:rgba(var(--accent-rgb),.45)}.kpi-card-investigation{border-color:#1d9bff80}.kpi-card-procurement{border-color:#b66cff7a}.kpi-card-archive{border-color:#61e6816b}.kpi-card-manhours{border-color:#f0a0207a}.kpi-card-manhours .kpi-caption{color:#f0a020}.kpi-label,.kpi-caption,.panel-note,.filter-note{color:var(--muted);font-size:13px}.kpi-label{display:block;max-width:170px;color:#fff;font-weight:820}.kpi-card strong{display:block;margin:7px 0 8px;font-size:34px;line-height:1;letter-spacing:0}.kpi-card-shortage .kpi-caption{color:var(--green)}.kpi-card-investigation .kpi-caption{color:var(--blue)}.kpi-card-procurement .kpi-caption{color:#d996ff}.kpi-card-archive .kpi-caption{color:var(--green)}.table-section,.report-panel{border:1px solid var(--line);border-radius:8px;background:#07141ebd;box-shadow:var(--shadow)}.table-section{margin-top:16px}.table-header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.table-header{min-height:64px;padding:14px 20px;border-bottom:1px solid var(--line)}.table-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px}.ghost-button{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;background:#06121c8c;font-weight:760}.ghost-button span{width:9px;height:9px;border-top:2px solid var(--yellow);border-right:2px solid var(--yellow);transform:rotate(45deg)}.table-wrap{position:relative;overflow:auto;max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px);cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.inventory-preview{position:relative;overflow:auto;max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px)}.table-wrap.dragging{cursor:grabbing}.table-wrap table{-webkit-user-select:none;user-select:none}table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0}th,td{padding:13px 20px;border-bottom:1px solid rgba(154,177,198,.16);text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:3;background:#0b1b28;color:#c8d4df;font-size:13px;font-weight:780}tbody tr:hover{background:#ffffff09}.inventory-preview tbody tr,.perpetual-preview tbody tr{content-visibility:auto;contain-intrinsic-size:auto 44px}.num{text-align:right}.menu-col{width:52px}.request-id{color:#27a6ff;font-weight:800}.sku-cell,.date-cell{color:#e7edf5;white-space:nowrap}.description-cell{min-width:260px}.empty-state{padding:32px 18px;color:var(--muted);text-align:center}.investigation-row.is-expanded{background:rgba(var(--accent-rgb),.05)}.procurement-subrow td{background:#ffffff06;font-size:12.5px;padding-top:6px;padding-bottom:6px}tr.is-expanded>td{border-bottom:none}.investigation-cascade-row td{padding:0 20px 20px;border-bottom:1px solid rgba(154,177,198,.16);background:#020a119e}.investigation-cascade{display:grid;gap:16px;padding:16px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:8px;background:linear-gradient(180deg,#0b1925fa,#050e15fa);box-shadow:inset 0 0 0 1px #ffffff08,0 16px 32px #00000047}.investigation-cascade-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.investigation-cascade-title{display:grid;gap:4px}.investigation-cascade-title strong{color:var(--yellow);font-size:15px;font-weight:900}.investigation-cascade-title span,.investigation-cascade-hint{color:var(--muted);font-size:13px}.investigation-cascade-close{min-height:36px;padding:0 12px}.investigation-cascade-form{display:grid;gap:14px}.investigation-cascade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.investigation-field{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:760}.investigation-field-wide{grid-column:1 / -1}.investigation-field span{color:var(--muted)}.investigation-field span .req-mark{color:#ff6b6b;font-weight:700}.investigation-field span .field-optional{color:var(--muted-2);font-weight:400;font-size:11px}.investigation-input,.investigation-textarea{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:#020a11eb;color:var(--text);padding:10px 12px}.investigation-textarea{min-height:108px;resize:vertical}.investigation-cascade-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.investigation-cascade-actions .primary-button{min-width:220px}.investigation-cascade-hint{flex:1 1 280px}.shortage-form{display:grid;gap:12px;padding:18px}.shortage-form fieldset{border:1px solid var(--line);padding:12px 14px;border-radius:8px;background:#08121c99}.shortage-form legend{padding:0 8px;color:var(--muted);font-weight:820}.form-group{display:grid;gap:6px;margin-bottom:6px}.form-group label{color:var(--muted);font-size:13px;font-weight:760}.form-group input,.form-group textarea,.form-group select{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:#020a11e0;color:var(--text);padding:8px 12px}.form-group textarea{min-height:88px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-start;align-items:center;padding-top:6px}.primary-button{background:var(--yellow);color:var(--accent-ink);border-color:rgba(var(--accent-rgb),.74);font-weight:900;padding:10px 14px;border-radius:8px}.primary-button:hover{background:var(--yellow);filter:brightness(1.12);color:var(--accent-ink)}.secondary-button{background:#08141f99;color:var(--text);border:1px solid var(--line-strong);padding:10px 14px;border-radius:8px}.secondary-button.is-active{background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.6)}.danger-button{background:#ff4d4d26;color:#ff6b6b;border:1px solid rgba(255,77,77,.4);padding:10px 14px;border-radius:8px}.danger-button:hover{background:#ff4d4d40}.danger-button:disabled{opacity:.5;cursor:not-allowed}.success-state{padding:12px;margin-top:10px;border-radius:8px;background:#61e68114;color:var(--green);text-align:center}.settings-panel{display:grid;gap:14px;padding:18px}.settings-panel+.settings-panel{border-top:1px solid var(--line)}.settings-panel .panel-header>div{display:flex;align-items:center;gap:12px}.panel-description{color:var(--muted);max-width:780px}.live-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-status-grid div{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#020a117a}.live-label{color:var(--muted);font-size:12px;font-weight:760}.live-status-grid strong{overflow-wrap:anywhere}#liveConnectionStatus.is-live,#liveStatus.is-live{color:var(--green);border-color:#61e68166}#liveConnectionStatus.is-error{color:#f77}.live-actions{flex-wrap:wrap}.live-actions button{min-width:136px}.perp-task-detail{padding:12px;border:1px solid var(--line);border-radius:8px;background:#07141ec7}.perp-task-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.perp-task-table{width:100%;border-collapse:collapse;margin-top:8px}.perp-task-table th,.perp-task-table td{padding:10px 12px;border-bottom:1px solid rgba(154,177,198,.06);vertical-align:middle;text-align:left}.perp-task-table th{background:#0b1b2899;color:#c8d4df;font-weight:800}.perp-task-input{min-width:120px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#020a11db;color:var(--text)}.perp-task-actions{margin-top:12px;display:flex;gap:8px}.perp-task-meta{color:var(--muted);font-size:13px}.dashboard-panels{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.report-panel{min-height:300px;padding:12px}.panel-title{display:flex;align-items:center;gap:14px;min-width:0}.compact-list,.notification-list{display:grid;gap:0;margin-top:12px}.compact-item,.notification-item{display:grid;gap:4px;padding:13px 4px;border-bottom:1px solid rgba(154,177,198,.16)}.compact-item{grid-template-columns:minmax(0,1fr) auto;column-gap:14px}.compact-item:last-child,.notification-item:last-child{border-bottom:0}.compact-main strong{display:block;color:#28a8ff;font-size:14px}.compact-main span,.compact-main small,.compact-side small,.notification-item span{display:block;color:#d5dce5}.compact-main small,.compact-side small,.notification-detail{color:var(--muted);font-size:13px}.compact-side{display:grid;justify-items:end;align-content:start;gap:8px;text-align:right}.status-chip,.risk-pill,.status-pill,.gap-pill,.comment-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:7px;padding:3px 10px;font-size:13px;font-weight:820;white-space:nowrap}.comment-badge{background:#61e68126;color:#61e681;min-height:22px;min-width:22px;border-radius:50%;padding:0;justify-content:center;font-size:11px;cursor:pointer;border:1px solid rgba(97,230,129,.3);transition:all .2s ease}.comment-badge:hover{background:#61e68140;border-color:#61e681}.comment-popover{position:absolute;top:100%;left:0;margin-top:8px;min-width:280px;max-width:320px;background:#0a1219;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:1000}.comment-popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.comment-popover-header h4{margin:0;font-size:13px;font-weight:700;color:#e7edf5}.comment-popover-header button{padding:4px 8px;font-size:16px;line-height:1}.comment-popover-list{list-style:none;margin:0;padding:12px;max-height:400px;overflow-y:auto}.comment-popover-item{margin-bottom:12px;padding:10px;background:#ffffff05;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.comment-popover-item:last-child{margin-bottom:0}.comment-popover-meta{display:flex;gap:8px;margin-bottom:6px;font-size:12px;flex-wrap:wrap}.comment-popover-meta strong{color:#e7edf5}.comment-popover-meta span{color:var(--muted)}.comment-popover-text{margin:0;font-size:12px;line-height:1.4;color:#e7edf5;word-wrap:break-word}.risk-pill,.status-chip.medium{background:var(--amber-soft);color:var(--amber)}.risk-pill.critical,.status-chip.critical,.status-pill.late{background:var(--red-soft);color:#f77}.risk-pill.high,.status-chip.high{background:#ff48482e;color:#ff6969}.risk-pill.medium{background:var(--amber-soft);color:var(--amber)}.risk-pill.low{background:var(--green-soft);color:var(--green)}.status-pill,.status-chip.investigation{background:#1b78ff29;color:#41a5ff}.status-pill.covered,.status-chip.resolved{background:var(--green-soft);color:var(--green)}.status-chip.procurement,.status-chip.awaiting{background:var(--purple-soft);color:#d596ff}.status-chip.delivery-in-transit{background:#1b78ff29;color:#41a5ff}.status-chip.delivery-arrived{background:var(--amber-soft);color:var(--amber)}.status-chip.delivery-checked-in{background:var(--green-soft);color:var(--green)}.count-pill{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center}.link-button{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;font-size:inherit;text-decoration:underline dotted;text-underline-offset:2px}.link-button:hover{opacity:.8}.inline-date-edit{display:flex;align-items:center;gap:4px}.inline-date-edit input[type=date]{font-size:.8rem;padding:2px 6px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2, #1e2028);color:var(--text);height:28px}.btn-xs{font-size:.72rem!important;padding:2px 8px!important;height:26px!important}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-muted, #6b7280);font-size:.85em}tr.row-checked-in{background:#61e6810d}tr.row-checked-in:hover{background:#61e6811a}.btn-received{white-space:nowrap}.notification-item{position:relative;grid-template-columns:minmax(0,1fr) auto;padding-left:26px}.notification-item:before{position:absolute;top:18px;left:4px;width:11px;height:11px;border-radius:50%;background:var(--yellow);content:""}.notification-title{font-weight:830}.notification-time{color:var(--muted);white-space:nowrap}.footer-note{margin-top:10px;color:#aebdccb8;font-size:13px;text-align:center}.nav-icon,.button-icon,.metric-icon,.panel-icon{position:relative;display:inline-block;flex:0 0 auto;color:currentColor}.nav-icon,.button-icon{width:24px;height:24px}.metric-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:8px;background:#ffffff0d}.panel-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#ffffff0d}.kpi-card-shortage .metric-icon,.panel-icon.icon-bell{background:var(--yellow-soft);color:var(--yellow)}.kpi-card-investigation .metric-icon,.panel-icon.icon-search{background:var(--blue-soft);color:var(--blue)}.kpi-card-procurement .metric-icon,.panel-icon.icon-cart{background:var(--purple-soft);color:var(--purple)}.kpi-card-manhours .metric-icon,.panel-icon.icon-clock{background:#f0a02029;color:#f0a020}.kpi-card-archive .metric-icon{background:var(--green-soft);color:var(--green)}.nav-icon:before,.nav-icon:after,.button-icon:before,.button-icon:after,.metric-icon:before,.metric-icon:after,.panel-icon:before,.panel-icon:after{position:absolute;content:""}.icon-dashboard:before{top:4px;right:4px;bottom:4px;left:4px;border:2px solid currentColor;border-radius:4px}.icon-dashboard:after{top:8px;left:8px;width:4px;height:4px;background:currentColor;box-shadow:7px 0 0 currentColor,0 7px 0 currentColor,7px 7px 0 currentColor}.icon-submit:before,.icon-document:before{top:5px;left:6px;width:13px;height:15px;border:2px solid currentColor;border-radius:2px}.icon-submit:after,.icon-document:after{right:5px;bottom:3px;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg)}.metric-icon.icon-document:before{top:22px;left:23px;width:22px;height:27px}.metric-icon.icon-document:after{right:21px;bottom:18px}.icon-requests:before,.icon-orders:before{top:5px;right:4px;bottom:5px;left:4px;border:2px solid currentColor;border-radius:4px}.icon-requests:after,.icon-orders:after{top:10px;left:8px;width:9px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor}.icon-investigate:before,.icon-search:before{top:4px;left:4px;width:12px;height:12px;border:3px solid currentColor;border-radius:50%}.icon-investigate:after,.icon-search:after{right:4px;bottom:4px;width:11px;height:3px;border-radius:999px;background:currentColor;transform:rotate(45deg);transform-origin:center}.metric-icon.icon-search:before{top:20px;left:18px;width:24px;height:24px}.metric-icon.icon-search:after{right:18px;bottom:19px;width:19px}.panel-icon.icon-search:before{top:11px;left:10px}.panel-icon.icon-search:after{right:10px;bottom:10px}.icon-cart:before{top:7px;left:5px;width:14px;height:9px;border-bottom:3px solid currentColor;border-left:3px solid currentColor;transform:skew(14deg)}.icon-cart:after{left:7px;bottom:4px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:10px 0 0 currentColor}.metric-icon.icon-cart:before{top:24px;left:22px;width:27px;height:17px}.metric-icon.icon-cart:after{left:25px;bottom:21px;width:6px;height:6px;box-shadow:18px 0 0 currentColor}.panel-icon.icon-cart:before{top:15px;left:12px;width:18px;height:11px}.panel-icon.icon-cart:after{left:14px;bottom:11px}.icon-clock:before{top:4px;left:4px;width:14px;height:14px;border:2px solid currentColor;border-radius:50%}.icon-clock:after{top:6px;left:11px;width:4px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor}.metric-icon.icon-clock:before{top:19px;left:19px;width:26px;height:26px}.metric-icon.icon-clock:after{top:24px;left:32px;width:8px;height:8px;border-left-width:3px;border-bottom-width:3px}.icon-upload:before{top:7px;left:5px;width:14px;height:12px;border:2px solid currentColor;border-top:0;border-radius:0 0 3px 3px}.icon-upload:after{top:3px;left:9px;width:8px;height:8px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(45deg)}.icon-archive:before{top:8px;left:5px;width:14px;height:11px;border:2px solid currentColor;border-radius:3px}.icon-archive:after{top:4px;left:4px;width:16px;height:5px;border:2px solid currentColor;border-radius:3px 3px 1px 1px}.metric-icon.icon-archive:before{top:27px;left:22px;width:27px;height:19px}.metric-icon.icon-archive:after{top:20px;left:20px;width:31px;height:9px}.icon-bell:before{top:5px;left:7px;width:10px;height:13px;border:2px solid currentColor;border-radius:10px 10px 5px 5px}.icon-bell:after{left:10px;bottom:3px;width:5px;height:5px;border-radius:50%;background:currentColor}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-card{width:100%;max-width:380px;padding:40px 36px;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.login-logo{justify-content:center;font-size:42px}.login-subtitle{margin:10px 0 28px;color:var(--muted);font-size:13px;letter-spacing:.03em;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:14px;text-align:left}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.login-field input{padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#020a11b3;color:var(--text);font-size:14px}.login-field input:focus{border-color:var(--yellow);outline:none}.login-error{margin:0;padding:8px 12px;border-radius:7px;background:var(--red-soft);color:var(--red);font-size:13px}.login-submit{width:100%;margin-top:4px;padding:12px;font-size:15px}.login-hint{margin:18px 0 0;color:var(--muted-2);font-size:12px}.logout-button{position:relative;flex-shrink:0;width:28px;height:28px;min-height:unset;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;margin-left:auto}.logout-button:before,.logout-button:after{position:absolute;content:""}.logout-button:before{top:6px;left:8px;width:12px;height:12px;border:2px solid var(--muted);border-radius:50%;border-right-color:transparent;transform:rotate(-45deg)}.logout-button:after{top:50%;right:6px;width:8px;height:2px;background:var(--muted);transform:translateY(-50%);box-shadow:-3px -3px 0 -1px var(--muted),-3px 3px 0 -1px var(--muted)}.logout-button:hover{border-color:var(--red)}.logout-button:hover:before{border-color:var(--red);border-right-color:transparent}.logout-button:hover:after{background:var(--red);box-shadow:-3px -3px 0 -1px var(--red),-3px 3px 0 -1px var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b3}.modal-card{width:100%;max-width:480px;padding:32px 28px;border:1px solid var(--line-strong);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.modal-card h2{margin:0 0 20px;font-size:18px}.modal-card p.muted{margin:-12px 0 16px;color:var(--muted);font-size:13px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.modal-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.modal-field--full{grid-column:1 / -1}.modal-field input,.modal-field select{padding:9px 11px;border:1px solid var(--line-strong);border-radius:7px;background:#020a11b3;color:var(--text);font-size:14px}.modal-field input:focus,.modal-field select:focus{border-color:var(--yellow);outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.required{color:var(--red)}.role-select{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#020a1199;color:var(--text);font-size:13px;cursor:pointer}.row-actions{display:flex;gap:8px}.danger-button{color:var(--red);border-color:#ff57574d}.danger-button:hover{color:var(--red);border-color:var(--red)}.permissions-hint{margin:-4px 24px 16px;color:var(--muted);font-size:13px}.permissions-note{margin:12px 24px 0;color:var(--muted-2);font-size:12px}.permissions-matrix-wrap{overflow-x:auto;padding:0 24px 4px}.permissions-matrix{width:100%;border-collapse:collapse;font-size:13px}.permissions-matrix th,.permissions-matrix td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.permissions-matrix thead th{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--panel-2)}.permissions-matrix .screen-col{width:220px}.permissions-matrix .role-col{width:120px;text-align:center}.permissions-matrix .screen-label{color:var(--text);font-weight:500}.permissions-matrix .perm-cell{text-align:center}.perm-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--yellow)}.permissions-matrix tbody tr:hover{background:#ffffff08}.muted-cell{color:var(--muted-2);font-size:13px}.count-tag{padding:3px 9px;border-radius:20px;border:1px solid var(--line);background:rgba(var(--accent-rgb),.08);color:var(--muted);font-size:12px}.role-legend{margin:28px 24px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.role-legend h3{margin:0 0 14px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.role-legend-grid{display:flex;gap:24px}.role-legend-item{display:flex;flex-direction:column;gap:3px}.role-legend-item strong{font-size:13px;color:var(--text)}.role-legend-item span{font-size:12px;color:var(--muted-2)}.panel-icon.icon-bell:before{top:11px;left:13px;width:14px;height:17px}.panel-icon.icon-bell:after{left:18px;bottom:8px}.icon-settings:before{top:5px;right:5px;bottom:5px;left:5px;border:3px solid currentColor;border-radius:50%}.icon-settings:after{top:2px;left:10px;width:4px;height:20px;border-radius:999px;background:currentColor;box-shadow:0 0 0 0 currentColor;transform:rotate(45deg)}@media(max-width:1260px){.toolbar,.kpi-grid,.charts-grid,.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid>*{grid-column:auto!important;grid-row:auto!important}.dash-grid .chart-card{min-height:300px}.dash-grid-spacer,.dash-drop-preview{display:none}.control-search,.actions{grid-column:1 / -1}}.sidebar.is-drawer .brand{padding:18px 22px}.sidebar.is-drawer .side-nav{padding:10px}@media(max-width:980px){.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.toolbar,.kpi-grid,.charts-grid,.dash-grid,.segmented,.actions,.live-status-grid,.kpi-card,.compact-item,.notification-item{grid-template-columns:1fr}.compact-side{justify-items:start;text-align:left}.table-header,.panel-header{align-items:flex-start;flex-direction:column}.topbar{padding:14px 16px 10px}input,select,textarea{font-size:16px}.modal-overlay{padding:12px}.modal-card{min-width:0;padding:20px 16px;max-height:calc(100dvh - 24px);overflow-y:auto}.modal-actions{flex-wrap:wrap;padding-left:0;padding-right:0}.modal-actions button{flex:1 1 auto;min-width:0}.mobile-cards{max-height:none;overflow:visible;cursor:default;-webkit-user-select:auto;user-select:auto}.mobile-cards table{display:block;width:100%;min-width:0;-webkit-user-select:auto;user-select:auto}.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mobile-cards tbody{display:block}.mobile-cards tbody tr{display:block;margin-bottom:12px;padding:4px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.mobile-cards tbody td{display:flex;align-items:baseline;padding:8px 14px;border-bottom:none;text-align:left;min-width:0!important;width:auto!important;max-width:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.mobile-cards tbody td:not(:last-child){border-bottom:1px solid rgba(154,177,198,.1)}.mobile-cards tbody td[data-label]:before{content:attr(data-label);flex:0 0 38%;min-width:92px;max-width:150px;padding-right:12px;color:var(--muted);font-size:12px;font-weight:760}.mobile-cards tbody td:not([data-label]){display:block}.mobile-cards tbody td:not([data-label]):empty{display:none}}.racking-rack-tabs{display:flex;gap:6px;flex-wrap:wrap}.racking-rack-tab{display:inline-flex;align-items:center;gap:8px;min-width:46px;padding:0 14px;justify-content:center;font-weight:820}.racking-rack-tab.is-active{border-color:rgba(var(--accent-rgb),.8);background:var(--yellow-soft);color:var(--yellow)}.racking-rack-tab .count-pill{pointer-events:none}.racking-rack-tab.is-spring{border-color:var(--green);background:#61e68129;color:var(--green);animation:rack-spring .45s linear}@keyframes rack-spring{0%{box-shadow:inset 0 0 #61e68159}to{box-shadow:inset 0 -40px #61e68159}}@media(prefers-reduced-motion:reduce){.racking-rack-tab.is-spring{animation:none}}.racking-board{display:grid;gap:6px;padding:16px 20px 20px;overflow-x:auto}.racking-structure-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(var(--accent-rgb),.06)}.racking-inline-field{display:grid;gap:4px;font-size:12px;font-weight:760;color:var(--muted)}.racking-inline-field .investigation-input{max-width:180px}.racking-row{display:flex;align-items:stretch;gap:8px;min-width:520px}.racking-level,.racking-corner{display:flex;align-items:center;justify-content:center;gap:4px;flex:none;width:52px;border-radius:6px;font-weight:900}.racking-corner{overflow:hidden;padding:0 4px;background:#ff57572e;border:1px solid rgba(255,87,87,.5);color:#ff8f8f;font-size:18px;min-height:34px;white-space:nowrap;text-overflow:ellipsis}.racking-level{background:#61e68121;border:1px solid rgba(97,230,129,.4);color:var(--green)}.racking-bays{display:flex;flex:1;gap:10px;min-width:0}.racking-bay,.racking-bay-head{flex:1 1 0;min-width:0}.racking-bay-head{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:6px;background:var(--yellow-soft);border:1px solid rgba(var(--accent-rgb),.45);color:var(--yellow);font-size:12px;font-weight:820}.racking-bay{display:grid;gap:4px}.racking-shelf-toggle{display:flex;gap:4px}.racking-pill{flex:1;min-height:0;padding:3px 4px;border-radius:4px;font-size:10px;font-weight:760}.racking-pill.is-active{border-color:rgba(var(--accent-rgb),.8);background:var(--yellow-soft);color:var(--yellow)}.racking-slots{display:flex;gap:4px}.racking-cell{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;min-height:62px;padding:6px 8px;border-radius:6px;text-align:left}.racking-cell.is-empty{border-style:dashed;background:#ffffff05}.racking-cell.is-mixed{border-color:#7ea8ff8c;background:#7ea8ff14}.racking-cell.is-mixed .racking-sku{color:#9ec1ff}.racking-cell.is-match{border-color:rgba(var(--accent-rgb),.9);background:var(--yellow-soft);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4) inset}.racking-cell[draggable=true]{cursor:grab}.racking-cell.is-dragging{opacity:.4;cursor:grabbing}.racking-cell.is-drag-over{border-color:var(--green);border-style:solid;background:#61e68124}.racking-cell.is-picked{border-color:var(--yellow);border-style:solid;background:var(--yellow-soft);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55)}.racking-cell.is-droppable{border-color:#61e68180;border-style:dashed}.racking-cell.is-droppable:hover{border-color:var(--green);background:#61e6811f}.racking-move-bar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid rgba(var(--accent-rgb),.5);background:#07141ef7;box-shadow:0 -12px 30px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:max(12px,env(safe-area-inset-bottom))}.racking-move-what{display:grid;min-width:0}.racking-move-what strong{overflow:hidden;color:var(--yellow);font-size:14px;white-space:nowrap;text-overflow:ellipsis}.racking-move-what small{overflow:hidden;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.racking-move-hint{margin-left:auto;color:var(--muted);font-size:12px;font-weight:760}.racking-move-bar button{flex:none}.racking-move-active main{padding-bottom:92px}.racking-num{color:var(--muted-2);font-size:10px;font-weight:820;line-height:1}.racking-setdown{margin:4px 20px 20px;padding:12px 14px 14px;border:1px dashed var(--line-strong);border-radius:10px;background:#ffffff04}.racking-setdown-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.racking-setdown-title{color:var(--muted);font-size:12px;font-weight:820;letter-spacing:.04em;text-transform:uppercase}.racking-setdown-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px}.segmented.p1-area-toggle{display:inline-flex;grid-template-columns:none;width:auto}.segmented.p1-area-toggle .segment{white-space:nowrap;padding-inline:16px}.dm-subheading{margin:18px 0 10px;font-size:13px;font-weight:820;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.dm-subheading:first-of-type{border-top:none;padding-top:0}.status-chip.po-overdue{color:#ff6b6b;border:1px solid #ff6b6b;white-space:nowrap}.segmented.procurement-views{display:inline-flex;grid-template-columns:none;width:auto}.segmented.procurement-views .segment{white-space:nowrap;padding-inline:14px}.standing-order-modal{max-width:720px;width:min(720px,94vw);max-height:88vh;overflow-y:auto}.standing-order-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.standing-order-line{display:grid;grid-template-columns:minmax(0,1fr) 88px 88px 24px;gap:8px;align-items:start}.standing-order-line+.standing-order-line{padding-top:10px;border-top:1px dashed var(--line)}.standing-order-packs{min-width:0}.standing-order-packs input[readonly]{background:#ffffff08;color:var(--muted)}.standing-order-missed{border-color:#ff6b6b80}.standing-order-flag{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:10px;padding:8px 12px;border:1px solid rgba(255,107,107,.45);border-radius:8px;background:#ff6b6b1a;font-size:12px;line-height:1.45}.standing-order-flag strong{color:#ff8a8a}.standing-order-flag span{color:var(--muted)}.standing-arrival-list{display:flex;flex-direction:column;gap:10px;padding:16px}.standing-arrival{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.standing-arrival.is-late{border-color:#ff6b6b80;background:#ff6b6b12}.standing-arrival-main{display:grid;gap:3px;min-width:0}.standing-arrival-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.standing-order-history{list-style:none;margin:8px 0 0;padding:10px 12px;display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;background:#08121c99;font-size:12px;max-height:200px;overflow-y:auto}@media(max-width:720px){.standing-order-grid,.standing-order-line{grid-template-columns:minmax(0,1fr)}}.racking-items{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#08121c99;max-height:46vh;overflow-y:auto}.racking-items-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;font-weight:820}.racking-items-head .secondary-button{padding:6px 10px;min-height:32px;font-size:12px}.racking-item-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 24px;gap:8px;align-items:start}.racking-item-row+.racking-item-row{padding-top:10px;border-top:1px dashed var(--line)}.racking-item-qty{min-width:0}.racking-item-remove{margin-top:26px}.racking-item-remove:disabled{opacity:.35;cursor:not-allowed}.racking-sku{width:100%;overflow:hidden;color:var(--text);font-size:12px;font-weight:760;line-height:1.25;overflow-wrap:anywhere}.racking-meta,.racking-empty{width:100%;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.2;overflow-wrap:anywhere}.racking-empty{color:var(--muted-2);font-style:italic}.racking-x{min-height:0;padding:1px 5px;border:none;border-radius:3px;background:#ffffff14;color:var(--muted);font-size:10px;line-height:1.4}.racking-x:hover{background:var(--red-soft);color:var(--red)}@media(max-width:720px){.racking-board{padding:12px}.racking-row{min-width:0;flex-direction:column;gap:4px}.racking-row-head{display:none}.racking-level,.racking-corner{width:auto;justify-content:flex-start;padding:4px 10px;min-height:30px}.racking-bays{flex-direction:column;gap:6px}.racking-cell{min-height:54px}.racking-setdown{margin:4px 12px 12px}.racking-setdown-cells{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.racking-move-bar{gap:10px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.racking-move-hint{flex:none}}.disposition-locked{margin:8px 0 0;padding:12px 14px;border:1px dashed var(--line-strong);border-radius:8px;background:#ffffff05;color:var(--muted);font-size:13px}.screen{display:none}.screen.active{display:block}@media print{:root{color-scheme:light}body{background:#fff;color:#111827}.sidebar,.toolbar,.top-actions,.dashboard-panels,.footer-note{display:none}.app-shell{display:block}.topbar,main{padding-left:0;padding-right:0}.table-section,.kpi-card{box-shadow:none;background:#fff;color:#111827}th{position:static;color:#111827;background:#f3f4f6}}.detail-panel{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.detail-panel .detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#02060a99;opacity:0;transition:opacity .22s ease;z-index:1205}.detail-aside{position:relative;width:560px;max-width:100%;max-height:88vh;background:linear-gradient(180deg,#07141efa,#040c12fa);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 30px 70px #0009;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden;z-index:1210;animation:detail-modal-in .2s cubic-bezier(.2,.9,.3,1)}@keyframes detail-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-panel.active{pointer-events:auto}.detail-panel.active .detail-overlay{opacity:1}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.detail-body{flex:1;min-height:0;padding:16px;overflow:auto}.detail-list div{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.02)}.detail-list dt{color:var(--muted);width:140px;flex-shrink:0}.detail-list dd{margin:0;color:#e7edf5}.detail-input{width:100%;min-height:28px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#020a1199;color:var(--text)}.detail-comments-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.detail-comments-section h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 12px}.detail-comments-list{margin-bottom:12px;min-height:20px}.detail-comments{list-style:none;margin:0;padding:0}.detail-comment{padding:8px 10px;margin-bottom:8px;border-radius:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.detail-comment-meta{display:flex;gap:8px;margin-bottom:6px;font-size:12px}.detail-comment-meta strong{color:#e7edf5}.detail-comment-meta span{color:var(--muted)}.detail-comment-text{margin:0;font-size:13px;line-height:1.4;color:#e7edf5;word-wrap:break-word}.detail-comment-form{display:flex;flex-direction:column;gap:8px}.detail-comment-input{width:100%;min-height:60px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#020a1199;color:var(--text);font-family:inherit;font-size:13px;resize:vertical}.detail-comment-input::placeholder{color:var(--muted)}.detail-header button{margin-left:8px}.so-row.is-short td{background:#ff57570a}.so-row.is-expanded td{border-bottom:none}.so-desc{color:var(--muted-2);font-size:12px;margin-top:2px}.so-date-comments{display:flex;flex-direction:column;gap:5px}.shortage-qty{color:var(--red);font-weight:700}.covered-qty{color:var(--green);font-weight:600}.so-comments-btn{display:inline-flex;align-items:center;gap:6px;min-height:unset;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.so-comments-btn:hover{border-color:var(--yellow);color:var(--yellow)}.so-comments-btn.has-comments{border-color:var(--blue);color:var(--blue)}.so-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s;margin-top:-2px}.so-chevron.open{transform:rotate(-135deg);margin-top:2px}.dash-minimise-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;background:#06121c8c;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);font-weight:760;cursor:pointer}.dash-minimise-btn:hover{border-color:var(--line-strong);background:#ffffff0f}.dash-minimise-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s;margin-top:-2px}.dash-minimise-chevron.open{transform:rotate(-135deg);margin-top:2px}.so-comments-row td{padding:0;border-bottom:1px solid var(--line);background:var(--panel-2)}.so-comments-panel{padding:16px 24px 20px;position:sticky;left:0;max-width:min(980px,100%)}.so-comments-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}.so-comment{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-3)}.so-comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:12px}.so-comment-meta strong{color:var(--text)}.so-comment-meta span{color:var(--muted-2);flex:1}.so-comment-delete{min-height:unset;padding:0 5px;border:none;background:transparent;color:var(--muted-2);font-size:16px;line-height:1;cursor:pointer}.charts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.chart-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;position:relative;min-height:300px;overflow:hidden}.chart-card[draggable=true],.kpi-card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.chart-card:hover{border-color:var(--line-strong)}.chart-card.is-dragging{opacity:.6;cursor:grabbing}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.chart-title{font-size:14px;font-weight:600;color:var(--text);margin:0;flex:1}.chart-toggle{flex:0 0 auto}.chart-toggle .segment{padding:3px 9px;font-size:11px}.chart-body{display:flex;justify-content:center;align-items:center;flex:1;min-height:140px;overflow:hidden}.pi-count-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;width:100%;height:100%;transform:translateY(-20px)}.pi-count-value{font-size:88px;font-weight:700;line-height:1;color:var(--text)}.pi-count-line{font-size:17px;color:var(--muted-2)}.source-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;overflow:hidden}.notif-tabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--line);margin-bottom:0}.notif-tabs .segment{flex:0;border:none;border-bottom:2px solid transparent;border-radius:0;padding:12px 16px;color:var(--muted-2);font-size:13px;font-weight:500;position:relative;transition:color .2s}.notif-tabs .segment:hover{color:var(--text)}.notif-tabs .segment.is-active{color:var(--text);border-bottom-color:var(--accent)}.notif-tab-badge{display:inline-block;margin-left:4px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;min-width:16px;text-align:center}.notif-list{display:flex;flex-direction:column;gap:0;padding:0}.notif-card{padding:16px;border-bottom:1px solid var(--line);background:var(--panel);transition:background .15s}.notif-card.notif-unread{background:var(--panel-3);border-left:3px solid var(--accent);padding-left:13px}.notif-card:hover{background:var(--panel-2)}.notif-header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.notif-meta{flex:1}.notif-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 4px}.notif-message{font-size:13px;color:var(--muted);margin:0 0 8px}.notif-footer{display:flex;align-items:center;gap:12px;font-size:12px}.notif-timestamp,.notif-actor{color:var(--muted-2)}.notif-roles{display:flex;gap:4px;flex-wrap:wrap}.notif-role-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;white-space:nowrap}.notif-dismiss{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;color:var(--muted-2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.notif-dismiss:hover{background:var(--line);color:var(--text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text);margin:0}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--muted-2);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.modal-close:hover{background:var(--line);color:var(--text)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-row-info{margin-bottom:20px;padding:12px;background:var(--panel-2);border-radius:8px}.modal-sku{font-size:14px;color:var(--text);margin:0 0 4px}.modal-description{font-size:13px;color:var(--muted);margin:0}.modal-body .form-group{margin-bottom:0}.modal-body .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:8px}.modal-body .form-group input{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);font-size:13px;transition:border-color .2s}.modal-body .form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f5a6231a}.modal-body .form-group input.error{border-color:var(--red)}.error-message{display:block;font-size:12px;color:var(--red);margin-top:4px}.modal-actions{display:flex;gap:8px;padding:16px 24px;border-top:1px solid var(--line);justify-content:flex-end}.modal-actions button{min-width:100px}.collection-schedule{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.collection-title{font-size:13px;font-weight:600;color:var(--text);margin:0 0 4px}.collection-subtitle{font-size:12px;color:var(--muted-2);margin:0 0 12px}.collection-table-wrap{border:1px solid var(--line);border-radius:6px;overflow:hidden}.collection-table{width:100%;border-collapse:collapse;font-size:13px}.collection-table thead{background:var(--panel-2);border-bottom:1px solid var(--line)}.collection-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--text)}.collection-table td{padding:8px 12px;color:var(--muted);border-bottom:1px solid var(--line)}.collection-table tbody tr:last-child td{border-bottom:none}.collection-table .status-next{color:var(--green);font-weight:600}.collection-table .status-future{color:var(--muted-2)}.custom-date-picker-wrap{position:relative}.custom-date-picker-wrap label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:12px}.date-picker-popup{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 10px 30px #0006;padding:12px;min-width:280px;z-index:100;position:relative;resize:horizontal;overflow:hidden}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.date-nav-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text);font-size:16px;cursor:pointer;border-radius:4px;transition:all .15s}.date-nav-btn:hover{background:var(--line)}.date-picker-month{font-size:13px;font-weight:600;color:var(--text);text-align:center;flex:1}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.weekday-label{text-align:center;font-size:11px;font-weight:600;color:var(--muted-2);padding:4px 0}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text);background:var(--panel-2);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s}.date-day:hover:not(.empty){background:var(--line);border-color:var(--line-strong)}.date-day.empty{cursor:default;background:transparent;color:transparent}.date-day.wednesday{background:#ffb21f;color:#000;font-weight:600;border-color:transparent}.date-day.wednesday:hover{background:#ffc642;border-color:transparent}.date-day.selected{background:var(--blue);color:#fff;font-weight:600;border-color:transparent}.date-day.selected.wednesday{background:var(--accent);color:var(--accent-ink)}.date-picker-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--muted-2) 50%);border-radius:0 0 8px;opacity:0;transition:opacity .2s}.date-picker-popup:hover .date-picker-resize-handle{opacity:1}.source-donut-empty{color:var(--muted-2);font-size:14px;padding:32px 16px}.source-donut{width:150px;height:150px}.donut-label-value{font-size:20px;font-weight:700;fill:var(--text)}.source-donut-legend{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.source-donut-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0;overflow:hidden}.source-legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.source-legend-label{color:var(--text);font-weight:500;min-width:0;flex-shrink:0}.source-legend-count{color:var(--muted-2);margin-left:auto;white-space:nowrap;flex-shrink:0}.so-comment-delete:hover{color:var(--red);border-color:transparent}.so-comment-text{margin:0;color:var(--text);font-size:13px;line-height:1.5;white-space:pre-wrap}.so-comment-form{display:flex;flex-direction:column;gap:8px}.so-comment-input{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#020a11b3;color:var(--text);font-size:13px;resize:vertical}.so-comment-input:focus{border-color:var(--yellow);outline:none}.so-comment-actions{display:flex;align-items:center;justify-content:space-between}.so-comment-hint{color:var(--muted-2);font-size:11px}.so-import-error{margin:0 0 12px;padding:10px 14px;background:var(--red-soft);border:1px solid rgba(255,87,87,.35);border-radius:8px;color:var(--red);font-size:13px}.dm-panel{margin-bottom:16px}.panel-header.dm-collapsible{cursor:pointer;justify-content:flex-start}.panel-header.dm-collapsible>div:first-child{margin-right:auto}.panel-header.dm-collapsible:after{content:"▶";color:var(--text-secondary, rgba(255, 255, 255, .55));font-size:11px;flex:0 0 auto;transition:transform .2s ease}.panel-header.dm-collapsible:not(.is-collapsed):after{transform:rotate(90deg)}.panel-header.dm-collapsible.is-collapsed~*{display:none}.dm-stats{display:flex;gap:20px;margin:10px 0 4px}.dm-stat{font-size:13px;color:var(--muted)}.dm-stat strong{color:var(--text);font-weight:600}.dm-meta{color:var(--muted-2);font-size:13px;margin-left:6px}.dm-meta strong{color:var(--muted);font-weight:500}.dm-message{margin:10px 0 0;padding:9px 13px;border-radius:7px;font-size:13px}.dm-error{background:var(--red-soft);border:1px solid rgba(255,87,87,.3);color:var(--red)}.dm-success{background:var(--green-soft);border:1px solid rgba(97,230,129,.3);color:var(--green)}.dm-actions{padding-top:14px;flex-wrap:wrap;gap:8px}.th-filter-wrap{display:flex;flex-direction:column;gap:4px}.th-filter{font-size:11px;padding:2px 4px;background:var(--panel-3);border:1px solid var(--line);border-radius:4px;color:var(--muted);cursor:pointer;max-width:140px}.th-filter:focus{outline:none;border-color:var(--blue);color:var(--text)}.col-check{width:36px;text-align:center;padding-left:10px}.batch-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;margin-bottom:8px;background:var(--blue-soft);border:1px solid rgba(29,155,255,.3);border-radius:8px}.batch-count{font-size:13px;color:var(--blue);white-space:nowrap}.batch-count strong{font-weight:600}.batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.batch-po-input{padding:6px 10px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:6px;color:var(--text);font-size:13px;width:220px}.batch-po-input:focus{outline:none;border-color:var(--blue)}tbody tr.is-selected{background:#1d9bff0f}.so-lines-wrap{position:relative;display:inline-block}.so-lines-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;color:var(--blue);font-size:inherit;cursor:pointer;white-space:nowrap}.so-lines-trigger:hover{text-decoration:underline}.so-lines-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:120;min-width:280px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.so-lines-table{width:100%;border-collapse:collapse;font-size:13px}.so-lines-table th{padding:7px 12px;background:var(--panel-3);color:var(--muted);font-weight:500;text-align:left;border-bottom:1px solid var(--line)}.so-lines-table td{padding:7px 12px;color:var(--text);border-bottom:1px solid var(--line)}.so-lines-table tr:last-child td{border-bottom:none}.so-lines-table tr:hover td{background:var(--panel-3)}.th-sort-wrap{display:flex;flex-direction:column;gap:4px;align-items:stretch}.th-sort-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;color:var(--muted);font:500 inherit;cursor:pointer;white-space:nowrap;text-align:left}.th-sort-btn:hover,.th-sort-btn.is-sorted{color:var(--text)}.sort-icon:after{content:"⇅";font-size:10px;opacity:.3;margin-left:2px}.sort-icon.sort-asc:after{content:"↑";opacity:1;color:var(--blue)}.sort-icon.sort-desc:after{content:"↓";opacity:1;color:var(--blue)}.th-filter-input{font-size:11px;padding:2px 6px;background:var(--panel-3);border:1px solid var(--line);border-radius:4px;color:var(--muted);width:100%;min-width:60px}.th-filter-input:focus{outline:none;border-color:var(--blue);color:var(--text)}.th-filter-input::placeholder{color:var(--muted-2);opacity:1}th.num .th-sort-wrap{align-items:flex-end}th.num .th-sort-btn{justify-content:flex-end}th{-webkit-user-select:none;user-select:none}th[draggable=true]{cursor:grab}th[draggable=true]:active{cursor:grabbing}th.dragging-over{background-color:#1d9bff1a;border-left:2px solid var(--blue)}.th-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;-webkit-user-select:none;user-select:none;background:transparent}.th-resize-handle:hover{background-color:var(--blue);opacity:.6}.th-resize-handle:active{background-color:var(--blue);opacity:1}.side-nav .nav-link{cursor:grab}.side-nav .nav-link.is-active{cursor:pointer}.side-nav .nav-link.is-dragging{opacity:.4}.side-nav .nav-link.is-drag-over{box-shadow:inset 0 2px #61e681}.pending-items-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}@media(max-width:1100px){.pending-items-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.pending-items-list{grid-template-columns:1fr}}.pending-item-card{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff05;padding:16px}.pending-item-header strong{font-size:14px}.pending-item-header .muted{font-size:12px}.pending-item-form{display:flex;flex-direction:column;gap:8px}.pending-item-form .form-row{display:flex;flex-direction:column;gap:4px}.pending-item-form .form-row label{font-size:11px;letter-spacing:.3px;color:var(--text-muted)}.pending-input{width:100%;padding:8px 10px;border:1px solid var(--line-strong, rgba(255, 255, 255, .12));border-radius:6px;background:#020a11b3;color:var(--text);font-size:13px}.pending-item-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.login-brand-fade{position:relative;width:100%;height:96px;margin:0 auto 18px}.login-brand-img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:78%;max-height:96px;object-fit:contain;opacity:0;transition:opacity .8s ease-in-out}.login-brand-img.is-visible{opacity:1}.sidebar-brand-fade{position:relative;width:100%;height:70px}.sidebar-brand-img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:70px;object-fit:contain;opacity:0;transition:opacity .8s ease-in-out}.sidebar-brand-img.is-visible{opacity:1}@keyframes scanFlash{0%{background:#61e68159}to{background:transparent}}tr.is-scan-match td{animation:scanFlash 2.2s ease-out 2}.investigation-timer-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 14px;margin-bottom:4px;border:1px solid var(--line-strong, rgba(255,255,255,.12));border-radius:8px;background:#020a1180}.investigation-timer-bar-label{font-size:12px;letter-spacing:.4px;color:var(--text-muted);text-transform:uppercase}.investigation-timer{display:flex;align-items:center;gap:8px}.investigation-timer-label{font-size:13px;color:var(--text-muted)}.investigation-timer-value{font-family:Consolas,Courier New,monospace;font-size:16px;font-weight:700;min-width:84px}.investigation-timer-value.is-running{color:#61e681}.p1-bookin-btn{white-space:nowrap}.bookin-dialog{max-width:460px}.bookin-body{display:flex;flex-direction:column;gap:16px}.bookin-note{margin:0;padding:10px 12px;border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:12px}.bookin-scan-row{display:flex;gap:8px;align-items:stretch}.bookin-scan-row input{flex:1;min-width:0}.bookin-scan-btn{flex:0 0 auto;min-width:84px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.bookin-scan-btn:disabled{opacity:.45;cursor:not-allowed}.bookin-match{color:var(--green)}.bookin-new{color:var(--yellow)}.bookin-recent{border-top:1px solid var(--line);padding-top:14px}.bookin-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bookin-recent-list li{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:baseline;font-size:12px;padding:7px 10px;border-radius:6px;background:var(--green-soft)}.bookin-recent-loc,.bookin-recent-at{color:var(--muted-2)}.bookin-actions{padding-left:0;padding-right:0;padding-bottom:0}.scanner-dialog{max-width:520px}.scanner-body{padding:0;overflow:hidden}.scanner-viewport{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-reticle{position:absolute;top:18%;right:12%;bottom:18%;left:12%;border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.scanner-status,.scanner-hint{font-size:12px;color:var(--muted);text-align:center}.scanner-status{position:absolute;inset-inline:0;bottom:12px;color:#fff}.scanner-hint{margin:0;padding:12px 16px}.scanner-message{margin:16px}@media(max-width:720px){.bookin-dialog,.scanner-dialog{width:100%;max-width:none;max-height:100vh;height:100vh;border-radius:0}.bookin-body .form-group input{padding:12px 14px;font-size:16px}.bookin-actions button,.bookin-scan-btn{min-height:46px}.bookin-actions{position:sticky;bottom:0;background:var(--panel);padding-top:12px}.scanner-viewport{aspect-ratio:auto;height:60vh}}.pallet-tag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;border:1px solid rgba(97,230,129,.35);background:var(--green-soft);color:var(--green);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.bookin-check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:pointer;font-size:13px;font-weight:500;color:var(--text)}.bookin-check:hover{border-color:var(--line-strong)}.bookin-check input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.bookin-check .field-help{display:block;margin-top:3px;font-weight:400}@media(max-width:720px){.bookin-check{padding:14px}.bookin-check input{width:22px;height:22px}}.po-cell{display:inline-flex;align-items:center;gap:6px}.po-cell-edit{border:none;background:transparent;color:var(--muted-2);cursor:pointer;padding:0 2px;font-size:12px;line-height:1;opacity:0;transition:opacity .15s,color .15s}tr:hover .po-cell-edit,.po-cell-edit:focus-visible{opacity:1}.po-cell-edit:hover{color:var(--text)}.po-dialog{max-width:880px}.po-eyebrow{display:block;color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.po-body{display:flex;flex-direction:column;gap:20px}.po-section{display:flex;flex-direction:column;gap:8px}.po-empty{margin:0;color:var(--muted-2);font-size:12px;font-style:italic}.po-table-wrap{border:1px solid var(--line);border-radius:6px;overflow-x:auto}.po-table{width:100%;min-width:0;border-collapse:collapse;font-size:12px}.po-table th,.po-table td{padding:7px 10px;text-align:left;white-space:nowrap}.po-table .po-item{white-space:normal;min-width:160px}.po-table th{background:var(--panel-2);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.po-table tbody tr{border-top:1px solid var(--line)}.po-table .num{text-align:right}.po-status{display:inline-block;padding:1px 8px;border-radius:999px;border:1px solid var(--line-strong);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.po-status-in-transit{color:var(--muted)}.po-status-arrived{color:var(--yellow);border-color:#f5a62366}.po-status-checked-in{color:var(--green);border-color:#61e68166}.po-actions{flex-wrap:wrap;align-items:center}.po-actions-note{margin-right:auto;color:var(--muted-2);font-size:12px}@media(max-width:720px){.po-dialog{width:100%;max-width:none;height:100vh;max-height:100vh;border-radius:0}.po-actions button{flex:1 1 auto;min-width:0}.po-actions-note{flex:1 0 100%;margin:0 0 8px}.po-cell-edit{opacity:1}}