:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f7;--line: #e8ebf0;--line-strong: #d7dce4;--text: #111827;--text-2: #374151;--muted: #6b7280;--accent: #4f46e5;--accent-2: #4338ca;--accent-soft: #eef2ff;--green: #16a34a;--green-soft: #dcfce7;--green-ink: #166534;--red: #dc2626;--red-soft: #fee2e2;--red-ink: #991b1b;--amber: #d97706;--amber-soft: #fef3c7;--amber-ink: #92400e;--blue-soft: #dbeafe;--blue-ink: #1e40af;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{font-family:inherit}.app{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 14px;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{font-size:20px;font-weight:800;padding:6px 10px 20px;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap;letter-spacing:-.3px}.brand-mark{font-size:22px}.brand-sub{width:100%;font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;padding-left:30px;margin-top:2px}.nav-group{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.nav-title{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;padding:12px 12px 5px}.nav-item{text-align:left;background:none;border:none;color:var(--text-2);font-size:14px;font-weight:550;padding:9px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .12s,color .12s}.nav-ico{width:20px;text-align:center;font-size:15px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.sidebar .who{margin-top:auto;padding:14px 12px 6px;border-top:1px solid var(--line)}.who-name{font-weight:700;font-size:14px}.who-role{font-size:12px;color:var(--muted);margin-bottom:10px}.sidebar .who button{width:100%;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);padding:8px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .12s}.sidebar .who button:hover{background:#e9ecf2}.content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar-main{height:58px;border-bottom:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.crumb{font-weight:700;font-size:15px;letter-spacing:-.2px}.badge-role{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.main{flex:1;padding:28px 30px;overflow-x:auto;max-width:1200px}.main h1{margin:0 0 4px;font-size:25px;font-weight:800;letter-spacing:-.5px}.main .sub{color:var(--muted);margin:0 0 22px;font-size:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.login-box input,.card table select,.card table input{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);padding:9px 12px;border-radius:9px;font-size:14px;outline:none;transition:border-color .12s,box-shadow .12s}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.login-box input:focus,.card table select:focus,.card table input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526}.btn{background:var(--accent);color:#fff;border:none;padding:9px 16px;border-radius:9px;font-weight:650;cursor:pointer;font-size:14px;box-shadow:var(--shadow-sm);transition:background .12s,transform .05s}.btn:hover{background:var(--accent-2)}.btn:active{transform:translateY(1px)}.btn.ghost{background:var(--surface);color:var(--text-2);border:1px solid var(--line-strong);box-shadow:none}.btn.ghost:hover{background:var(--surface-2)}.btn.green{background:var(--green)}.btn.green:hover{filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow-sm)}.card>h2{font-size:15px;margin:0;padding:15px 18px;border-bottom:1px solid var(--line);font-weight:700}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafbfc}.mono{font-family:ui-monospace,SF Mono,Consolas,monospace;font-weight:600}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.tag.AVAILABLE,.tag.COMPLETED,.tag.ACCEPTED{background:var(--green-soft);color:var(--green-ink)}.tag.DAMAGED,.tag.BLOCKED,.tag.CANCELLED,.tag.ERROR,.tag.REJECTED{background:var(--red-soft);color:var(--red-ink)}.tag.QUARANTINE,.tag.PENDING,.tag.DRAFT,.tag.PAUSED{background:var(--amber-soft);color:var(--amber-ink)}.tag.IN_PROGRESS,.tag.ASSIGNED,.tag.ALLOCATED,.tag.PICKING,.tag.LOADING,.tag.APPROVED,.tag.SENT,.tag.RECEIVING,.tag.EXPECTED,.tag.IN_TRANSIT,.tag.PICKED,.tag.SHIPPED,.tag.PLANNED,.tag.LOADED{background:var(--blue-soft);color:var(--blue-ink)}.tag.PARTIAL{background:var(--surface-2);color:var(--muted)}.empty{color:var(--muted);padding:30px;text-align:center}.error{background:var(--red-soft);border:1px solid #fca5a5;color:var(--red-ink);padding:12px 14px;border-radius:10px;margin-bottom:16px}.pill-count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;margin-left:6px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,#eef2ff,var(--bg))}.app-switch{display:block;margin-top:4px;padding:10px 14px;text-align:center;color:var(--muted);font-size:13.5px;font-weight:600;text-decoration:none;border:1px solid var(--line-strong);border-radius:10px}.app-switch:hover{background:var(--surface-2, #f1f5f9);color:var(--ink, #111827)}.login-box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px;width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg)}.login-box h1{margin:0 0 6px;font-size:24px;font-weight:800;letter-spacing:-.5px}.login-box label{font-size:13px;color:var(--muted);font-weight:600}.login-box input{width:100%;padding:11px 13px;font-size:15px}.bars{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;min-width:140px;box-shadow:var(--shadow-sm)}.stat .n{font-size:30px;font-weight:800}.stat .l{color:var(--muted);font-size:13px}.form-grid{display:flex;flex-wrap:wrap;gap:10px;padding:16px;align-items:center}.form-grid input,.form-grid select{min-width:150px}.onboard{border:1px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--surface))}.steps-row{display:flex;gap:12px;flex-wrap:wrap;padding:16px}.step-pill{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:650;font-size:14px;transition:border-color .12s,transform .05s;box-shadow:var(--shadow-sm)}.step-pill:hover{border-color:var(--accent)}.step-pill.done{background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}.attention-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.attn{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:12px;padding:12px 18px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;box-shadow:var(--shadow-sm);transition:transform .06s,box-shadow .12s}.attn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.attn.warn{border-color:#fcd34d;background:var(--amber-soft);color:var(--amber-ink)}.attn-n{font-size:22px;font-weight:800}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .06s,box-shadow .12s,border-color .12s}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.kpi-n{font-size:32px;font-weight:800;letter-spacing:-1px}.kpi-l{color:var(--muted);font-size:13px;margin-top:4px}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:16px}.work{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;transition:transform .06s,background .12s}.work:hover{transform:translateY(-1px);background:#eaeef6}.work-n{font-size:26px;font-weight:800;color:var(--text)}.quick-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}tr.clickable{cursor:pointer}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;width:400px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-lg)}.modal-box.wide{width:660px;max-width:92vw;max-height:86vh;overflow-y:auto}.modal-box h2{margin:0 0 6px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0}.kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--line)}.kv>span:first-child{color:var(--muted)}.pbar{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;height:22px;min-width:150px;overflow:hidden}.pbar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent),#6366f1)}.pbar-txt{position:relative;font-size:12px;font-weight:700;line-height:22px;padding-left:9px}.line-block{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;background:var(--surface)}.line-head{font-weight:700;margin-bottom:12px}.line-bars{display:flex;gap:18px;flex-wrap:wrap}.line-bars>div{display:flex;align-items:center;gap:8px}.line-bars .lbl{font-size:12px;color:var(--muted);min-width:58px}.alloc-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.alloc-chip{background:var(--accent-soft);color:var(--accent-2);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.leg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dot{width:12px;height:12px;border-radius:4px;display:inline-block}.dot.EMPTY{background:#fff;border:1px solid var(--line-strong)}.dot.AVAILABLE{background:var(--green)}.dot.QUARANTINE{background:var(--amber)}.dot.DAMAGED{background:var(--red)}.dot.BLOCKED{background:#7c3aed}.dot.IN_TRANSIT{background:#0891b2}.loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;padding:16px}.loc-cell{border:1px solid transparent;border-radius:12px;padding:12px 8px;cursor:pointer;color:#fff;text-align:center;min-height:62px;box-shadow:var(--shadow-sm);transition:transform .06s}.loc-cell:hover{transform:translateY(-2px)}.loc-cell.EMPTY{color:var(--muted);border:1px dashed var(--line-strong);background:var(--surface);box-shadow:none}.loc-cell.AVAILABLE{background:var(--green)}.loc-cell.QUARANTINE{background:var(--amber)}.loc-cell.DAMAGED{background:var(--red)}.loc-cell.BLOCKED{background:#7c3aed}.loc-cell.IN_TRANSIT{background:#0891b2}.loc-code{font-weight:800;font-size:13px;font-family:ui-monospace,Consolas,monospace}.loc-fill{font-size:12px;opacity:.92;margin-top:4px}.loc-cell{position:relative}.loc-cell.hot{z-index:2;animation:cell-hot 1s ease-in-out infinite}@keyframes cell-hot{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 5px #6366f1f2}50%{box-shadow:0 0 0 2px #fff,0 0 0 10px #6366f133}}.hot-flag{position:absolute;top:4px;right:6px;font-size:9px;line-height:1;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.4));animation:live-pulse 1s ease-in-out infinite}.hot-count{margin-left:6px;background:#4f46e5;color:#fff;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px}.map-pop{position:fixed;z-index:60;width:232px;pointer-events:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-lg);padding:10px 12px;font-size:12.5px;color:var(--ink, #111827)}.map-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.map-pop-body{display:flex;flex-direction:column;gap:3px}.map-pop-kv{display:flex;justify-content:space-between;color:var(--muted)}.map-pop-kv span:last-child{color:var(--ink, #111827);font-weight:700}.map-pop-line{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-pop-empty{color:var(--muted)}.map-pop-foot{margin-top:7px;padding-top:6px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.view-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:2px;gap:2px}.vt{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer}.vt.on{background:var(--accent, #4f46e5);color:#fff}.floor{border:2px solid var(--line-strong);border-radius:16px;padding:14px;background:linear-gradient(var(--surface),var(--surface)) padding-box,repeating-linear-gradient(0deg,transparent,transparent 23px,var(--line) 23px,var(--line) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,var(--line) 23px,var(--line) 24px);background-color:var(--surface)}.floor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.floor-title{font-weight:800;font-size:15px}.floor-north{font-size:11.5px;color:var(--muted);font-weight:700}.floor-canvas-wrap{overflow:auto;padding:8px 4px 4px}.floor-canvas{position:relative;min-width:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 77px,var(--line) 77px,var(--line) 78px),repeating-linear-gradient(90deg,transparent,transparent 131px,var(--line) 131px,var(--line) 132px);border-radius:8px}.floor-canvas.editing{outline:2px dashed var(--accent, #6366f1);outline-offset:4px;background-color:color-mix(in srgb,var(--accent, #6366f1) 4%,transparent)}.canvas-cell{text-align:left;padding:8px 10px!important;overflow:hidden}.canvas-cell.draggable{cursor:grab}.canvas-cell.draggable:active{cursor:grabbing}.canvas-zone-cap{position:absolute;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;pointer-events:none;white-space:nowrap;opacity:.85}.edit-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#4338ca;background:#e0e7ff;border:1px solid #a5b4fc;padding:4px 10px;border-radius:999px}.ok-msg{color:var(--green-ink, #15803d);background:var(--green-soft, #dcfce7);border:1px solid var(--green, #22c55e);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.sim-label{font-weight:800;font-size:13px}.sim-select{padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink, #111827);font-size:13px;max-width:320px}.sim-panel{background:var(--surface);border:1px solid var(--line-strong);border-left:4px solid #16a34a;border-radius:10px;padding:10px 14px;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}.sim-line{font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sim-line.alts{color:var(--muted)}.sim-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-weight:700;font-size:12px;font-family:ui-monospace,Consolas,monospace}.sim-chip.best{background:#dcfce7;color:#15803d;border:1px solid #22c55e}.sim-chip.alt{background:var(--surface-2, #f1f5f9);color:var(--ink, #334155);border:1px solid var(--line-strong);font-family:inherit}.sim-chip.alt em{color:var(--muted);font-style:normal}.sim-reason{color:var(--muted)}.sim-arrow{position:absolute;left:0;top:0;pointer-events:none;z-index:3;overflow:visible}.sim-arrow-line{animation:sim-dash .7s linear infinite}@keyframes sim-dash{to{stroke-dashoffset:-16}}.loc-cell.sim-dim{opacity:.32}.loc-cell.sim-best{z-index:4;animation:sim-best-pulse 1s ease-in-out infinite}@keyframes sim-best-pulse{0%,to{box-shadow:0 0 0 3px #fff,0 0 0 6px #16a34af2}50%{box-shadow:0 0 0 3px #fff,0 0 0 11px #16a34a40}}.loc-cell.sim-alt{z-index:4;box-shadow:0 0 0 2px #fff,0 0 0 4px #f59e0b}.loc-cell.sim-source{z-index:4;box-shadow:0 0 0 2px #fff,0 0 0 4px #0891b2}.sim-badge{position:absolute;top:3px;right:4px;font-size:9px;font-weight:900;padding:1px 5px;border-radius:6px;letter-spacing:.03em}.sim-badge.best{background:#16a34a;color:#fff}.sim-badge.source{background:#0891b2;color:#fff}.sim-badge.alt{background:#f59e0b;color:#fff;min-width:14px;text-align:center}.abc-badge{display:inline-block;min-width:20px;text-align:center;font-weight:900;font-size:11px;padding:2px 7px;border-radius:6px}.abc-badge.abc-A{background:#fee2e2;color:#b91c1c;border:1px solid #f87171}.abc-badge.abc-B{background:#fef3c7;color:#b45309;border:1px solid #fbbf24}.abc-badge.abc-C{background:#e5e7eb;color:#4b5563;border:1px solid #d1d5db}.fifo-next td{background:var(--green-soft)}.fifo-window td{background:#fffbeb}.next-badge{background:var(--green);color:#fff;font-weight:700;font-size:11px;padding:3px 9px;border-radius:999px;white-space:nowrap}.ord{color:var(--muted);font-weight:700}.fifo-note{color:var(--muted);font-size:12px;padding:4px 16px 14px;margin:0}.bulk-label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.bulk-label{background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;color:#000;break-inside:avoid}.bulk-label-code{font-family:ui-monospace,Consolas,monospace;font-size:17px;font-weight:800;letter-spacing:2px;text-align:center;margin-top:4px}@media print{@page{margin:8mm}body *{visibility:hidden!important}.bulk-label-sheet,.bulk-label-sheet *{visibility:visible!important}.bulk-label-sheet{position:absolute;left:0;top:0;width:100%;grid-template-columns:repeat(3,1fr);gap:6mm}.bulk-label{border:1px solid #000;box-shadow:none}.no-print{display:none!important}}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--green-ink, #15803d);background:var(--green-soft, #dcfce7);border:1px solid var(--green, #22c55e);padding:4px 10px;border-radius:999px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green, #22c55e);animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.feed{display:flex;flex-direction:column}.feed-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.feed-row:last-child{border-bottom:none}.feed-row.problem{background:#fff7ed;border-left:3px solid #f59e0b;padding-left:8px;border-radius:4px}.feed-ico{font-size:20px;flex:0 0 auto}.feed-main{flex:1;min-width:0}.feed-line1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feed-lpn{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:var(--muted)}.feed-line2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:2px}.feed-loc{font-family:ui-monospace,Consolas,monospace}.feed-qty{font-weight:600}.feed-time{flex:0 0 auto;font-size:12px;color:var(--muted);white-space:nowrap}.feed-tag{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase}.feed-tag.warn{background:#fef3c7;color:#92400e}.feed-tag.danger{background:#fee2e2;color:#991b1b}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--text);padding:4px 9px;border-radius:8px}.nav-toggle:hover{background:var(--surface-2)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:20}@media(max-width:899px){.nav-toggle{display:inline-flex;align-items:center}.sidebar{position:fixed;left:0;top:0;height:100vh;width:270px;z-index:30;transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:translate(0);box-shadow:4px 0 26px #0003}.main{padding:18px 15px;max-width:100%}.topbar-main{padding:0 14px}.crumb{font-size:16px}}@media(min-width:900px){.nav-backdrop{display:none}}.feed-row.rejected{background:#fef2f2;border-left:3px solid #ef4444;padding-left:8px;border-radius:4px}.feed-reason{color:#b91c1c;font-weight:600}.trace-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 22px;padding:16px 18px}.trace-now-item{display:flex;flex-direction:column;gap:4px}.trace-now-item .l{color:var(--muted);font-size:12px;font-weight:600}.trace-now-item .v{font-size:15px;font-weight:700}.trace-out{padding:16px 18px;background:var(--blue-soft);color:var(--blue-ink);font-size:14px;line-height:1.5}.trace-timeline{list-style:none;margin:0;padding:8px 18px 16px}.trace-step{position:relative;display:flex;align-items:flex-start;gap:14px;border-left:2px solid var(--line);margin-left:15px;padding:12px 0 12px 20px}.trace-step:last-child{border-left-color:transparent}.trace-step.in{border-left-color:var(--green)}.trace-step.out{border-left-color:var(--red)}.trace-dot{position:absolute;left:-16px;top:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--line);border-radius:50%;font-size:15px}.trace-step.in .trace-dot{border-color:var(--green);background:var(--green-soft)}.trace-step.out .trace-dot{border-color:var(--red);background:var(--red-soft)}.trace-body{flex:1;min-width:0}.trace-line1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trace-name{font-weight:700;font-size:14.5px}.trace-line2{color:var(--muted);font-size:13px;margin-top:3px}.trace-line2 strong{color:var(--text)}.trace-time{color:var(--muted);font-size:12px;white-space:nowrap;padding-top:2px}.trace-badge{font-size:11px;font-weight:800;padding:1px 8px;border-radius:999px;letter-spacing:.3px}.trace-badge.in{background:var(--green-soft);color:var(--green-ink)}.trace-badge.out{background:var(--red-soft);color:var(--red-ink)}.trace-badge.ovr{background:var(--amber-soft);color:var(--amber-ink)}.seg-tabs{display:inline-flex;gap:4px;background:var(--surface-2, #f1f3f7);padding:4px;border-radius:12px;margin-bottom:14px;border:1px solid var(--line)}.seg-tab{border:none;background:transparent;color:var(--muted);font-size:13.5px;font-weight:700;padding:8px 18px;border-radius:9px;cursor:pointer}.seg-tab.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.plabel{background:#fff;color:#000;border:1px solid #ddd;border-radius:8px;padding:16px 18px;width:320px;margin:0 auto}.plabel-code{font-family:ui-monospace,Consolas,monospace;font-size:20px;font-weight:800;letter-spacing:2px;text-align:center;margin-top:4px}.plabel-fields{margin-top:12px;border-top:1px solid #e5e5e5;padding-top:10px;display:flex;flex-direction:column;gap:5px}.plabel-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.plabel-row>span{color:#666}@media print{body *{visibility:hidden!important}.label-print-area,.label-print-area *{visibility:visible!important}.label-print-area{position:fixed;left:50%;top:40px;transform:translate(-50%)}}