:root{--bg:#070014;--surface:#0f0d1a;--border:#1e1a2e;--text:#e2e4f0;--muted:#8a8ca0;--accent:#8b2cf5;--accent-hover:#9b3ff7;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--sidebar-w:200px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.app-shell{height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;padding:16px 0;display:flex}.sidebar-logo{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:8px;padding:0 16px 16px;font-size:16px;font-weight:700}.sidebar-user{color:var(--muted);padding:4px 16px 12px;font-size:12px}.sidebar-nav{flex:1;list-style:none}.sidebar-nav li button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;padding:10px 16px;font-size:13px;display:block}.sidebar-nav li button:hover{background:var(--border)}.sidebar-nav li.active button{background:var(--accent);color:#fff;font-weight:600}.sidebar-logout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin:8px 16px 0;padding:8px;font-size:12px}.sidebar-logout:hover{border-color:var(--danger);color:var(--danger)}.main-content{background:var(--bg);flex:1;overflow-y:auto}.page{max-width:1100px;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h2{font-size:20px;font-weight:600}.page-header-actions{align-items:center;gap:8px;display:flex}.page-header-actions .btn-primary,.page-header-actions .btn-secondary{white-space:nowrap}.search-input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;width:220px;padding:7px 12px;font-size:13px}.search-input:focus{border-color:var(--accent);outline:none}.muted{color:var(--muted);font-size:13px}.empty{color:var(--muted);padding:32px 0}.loading{color:var(--muted);padding:32px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--muted);white-space:nowrap;padding:8px 12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);padding:10px 12px}.data-table tbody tr:hover{background:var(--surface)}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.clickable-row:hover{background:var(--surface-hover,var(--surface))}.data-table tr.low td{color:var(--warning)}.data-table tbody tr.is-obsolete{opacity:.6}.status-badge--obsolete{color:#fff;background:#6b7280;margin-left:8px}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:monospace;font-size:12px}.pos{color:var(--success)}.neg{color:var(--danger)}.actions{justify-content:flex-end;gap:6px;display:flex}.operator-wo{max-width:720px}.op-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.op-wo-num{color:var(--accent);font-size:26px;font-weight:800}.op-product{margin-top:2px;font-size:18px}.op-header-meta{gap:20px;display:flex}.op-header-meta>div{flex-direction:column;align-items:flex-end;font-size:18px;display:flex}.op-meta-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px}.op-progress{color:var(--muted);margin-bottom:12px;font-size:14px}.op-progress-bar{background:var(--border);border-radius:6px;height:10px;margin-top:6px;overflow:hidden}.op-progress-fill{background:var(--success);height:100%;transition:width .2s}.op-step-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}.op-step-title{font-size:24px;font-weight:700}.op-step-instr{margin-top:8px;font-size:18px;line-height:1.5}.op-step-detail{white-space:pre-wrap;color:var(--text);margin-top:10px;font-size:16px;line-height:1.6}.op-step-image{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:360px;margin-top:12px;display:block}.op-step-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--accent);vertical-align:middle;border-radius:6px;margin-left:12px;padding:3px 10px;font-size:13px;font-weight:700}.op-guide{background:var(--bg);border:1px solid var(--warning);color:var(--warning);border-radius:8px;margin-top:12px;padding:12px 14px;font-size:18px;font-weight:600}.op-capture{flex-direction:column;gap:12px;margin-top:16px;display:flex}.op-capture-field{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}.op-capture-field input{padding:12px 14px;font-size:18px}.op-capture-hint{color:var(--danger);font-size:14px;font-weight:600}.op-counter{margin:20px 0}.op-counter-num{color:var(--success);font-size:48px;font-weight:800}.op-counter-of{color:var(--muted);font-size:24px}.op-counter-scrap{color:var(--danger);font-size:16px}.op-buttons{flex-wrap:wrap;gap:12px;display:flex}.op-btn{border:2px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;min-width:96px;padding:16px 24px;font-size:20px;font-weight:700}.op-btn:disabled{opacity:.4;cursor:default}.op-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.op-btn-scrap{border-color:var(--danger);color:var(--danger)}.op-nav{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.op-finish{background:var(--surface);border:2px solid var(--success);text-align:center;border-radius:10px;margin-top:20px;padding:20px}.op-finish-text{margin-bottom:12px;font-size:18px}.op-feed{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:14px 16px}.op-feed-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700}.op-feed-row{border-top:1px solid var(--border);gap:10px;padding:4px 0;font-size:14px;display:flex}.op-feed-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.wo-assignee-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.wo-assignee-row:hover{background:var(--border)}.wo-assignee-row:disabled{cursor:default;opacity:.6}.seg-toggle{gap:4px;display:inline-flex}.star-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0;font-size:18px;line-height:1}.star-btn[aria-pressed=true]{color:#f5c518}.star-btn:disabled{cursor:default}.star-static{color:#f5c518;font-size:16px}.badge{background:var(--border);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-receipt{color:var(--success);background:#1a3a2a}.badge-adjustment{color:var(--warning);background:#2a2a1a}.badge-sale{color:var(--danger);background:#2a1a1a}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:600px;padding:24px}.order-form-card,.wide-form-card{max-width:min(1040px,100%)}.segmented{flex-wrap:wrap;gap:10px;display:flex}.segmented-option{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;flex:1 1 0;align-items:flex-start;gap:10px;min-width:170px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.segmented-option:hover{border-color:var(--accent-hover)}.segmented-option.disabled{opacity:.5;cursor:not-allowed}.segmented-option.disabled:hover{border-color:var(--border)}.segmented-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.segmented-option:focus-within{outline:2px solid var(--accent);outline-offset:1px}.segmented-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.segmented-check{border:1.5px solid var(--border);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;font-size:12px;line-height:1;display:grid}.segmented-check:before{content:"✓";opacity:0}.segmented-option.selected .segmented-check{background:var(--accent);border-color:var(--accent)}.segmented-option.selected .segmented-check:before{opacity:1}.segmented-text{flex-direction:column;gap:2px;display:flex}.segmented-title{color:var(--text);font-size:13px;font-weight:600}.segmented-sub{color:var(--muted);font-size:11px;line-height:1.3}.qty-hint{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.2}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:500}.field-row{gap:16px;display:flex}.field-row .field{flex:1}input:not([type=checkbox]),select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);-webkit-appearance:none;appearance:none;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--muted);background:var(--surface);cursor:pointer;border-radius:5px;flex-shrink:0;width:18px;min-width:18px;height:18px;padding:0;transition:background-color .12s,border-color .12s}input[type=checkbox]:hover:not(:checked):not(:disabled){border-color:var(--accent-hover)}input[type=checkbox]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5 5.5-6' stroke='%23ffffff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:13px 13px}input[type=checkbox]:focus{outline:2px solid var(--accent);outline-offset:1px}input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid var(--muted);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;width:18px;min-width:18px;height:18px;padding:0;transition:background-color .12s,border-color .12s}input[type=radio]:hover:not(:checked):not(:disabled){border-color:var(--accent-hover)}input[type=radio]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5 5.5-6' stroke='%23ffffff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:13px 13px}input[type=radio]:focus{outline:2px solid var(--accent);outline-offset:1px}.checkbox-row{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}select{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}input:not([type=checkbox]):focus,select:focus{border-color:var(--accent);outline:none}select option,select optgroup{background:var(--surface);color:var(--text)}select option:checked,select option:hover{background:var(--accent);color:#fff}.form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;min-height:36px;padding:8px 18px;font-size:13px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-primary.btn-dirty:not(:disabled){animation:1.8s ease-in-out infinite save-dirty-pulse;box-shadow:0 0 0 3px #8b2cf573}@keyframes save-dirty-pulse{0%,to{box-shadow:0 0 0 3px #8b2cf580}50%{box-shadow:0 0 0 6px #8b2cf51f}}@media (prefers-reduced-motion:reduce){.btn-primary.btn-dirty{animation:none}}.qb-connect-choices{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.qb-connect-choice{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;flex:260px;padding:16px;display:flex}.qb-connect-choice h4{margin:0 0 8px;font-size:14px}.qb-connect-choice p{flex:1;margin:0 0 14px}.qb-connect-choice button{align-self:flex-start}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;min-height:36px;padding:8px 18px;font-size:13px}.btn-secondary:hover{border-color:var(--accent)}.btn-sm{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px}.btn-sm:hover{border-color:var(--accent)}.btn-danger{border-color:#0000}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.full-width{width:100%}.login-page{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:380px;padding:36px}.login-logo{color:var(--accent);margin-bottom:8px;font-size:22px;font-weight:700}.login-card h1{margin-bottom:24px;font-size:18px}.error-msg{border:1px solid var(--danger);color:var(--danger);background:#2a1a1a;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}.success-msg{border:1px solid var(--success);color:var(--success);background:#1a2a1a;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}.info-msg{border:1px solid var(--accent);color:var(--text);background:#1a2230;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:13px}@keyframes aegis-spin{to{transform:rotate(360deg)}}.inline-spinner{border:2px solid var(--accent);vertical-align:-2px;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite aegis-spin;display:inline-block}.banner{align-items:flex-start;gap:8px;display:flex}.banner .banner-text{flex:1}.banner .banner-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.banner .banner-close:hover{opacity:1}.subscription-warning{border-bottom:1px solid var(--warning,#d9a520);color:var(--warning,#d9a520);background:#2a2412;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.subscription-warning-text{flex:1}.subscription-warning-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0 6px;font-size:20px;line-height:1}.subscription-warning-close:hover{opacity:1}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.vtable{width:100%;font-size:13px}.vthead{border-bottom:1px solid var(--border);background:var(--bg);z-index:1;align-items:end;display:grid;position:sticky;top:0}.vthead>div{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:8px 12px;font-weight:500;overflow:hidden}.vthead>div.num{text-align:right}.vthead>div.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.vsort{opacity:.5;font-size:.75em}.vtbody{width:100%}.vrow{width:100%;position:absolute;top:0;left:0}.vtr{border-bottom:1px solid var(--border);align-items:center;width:100%;display:grid}.vtr.clickable{cursor:pointer}.vtr.clickable:hover{background:var(--surface)}.vtr.is-obsolete{opacity:.6}.vtr>div{text-overflow:ellipsis;white-space:nowrap;padding:0 12px;overflow:hidden}.vtr>div.num{text-align:right}.vexpand{background:var(--surface);border-bottom:1px solid var(--border);padding:4px 0 8px}.vexpand-row{grid-template-columns:1fr 120px;padding:4px 12px 4px 32px;font-size:12px;display:grid}.vexpand-row .num{text-align:right}.vexpand-row.low{color:var(--warning)}.infinite-sentinel{min-height:32px;color:var(--muted);justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.planning-grid-scroll{scrollbar-gutter:stable}.planning-grid-scroll::-webkit-scrollbar{height:12px}.planning-grid-scroll::-webkit-scrollbar-track{background:var(--surface)}.planning-grid-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.planning-grid th{white-space:normal;vertical-align:bottom}.mobile-menu-btn{z-index:200;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:20px;line-height:1;display:none;position:fixed;top:12px;left:12px}.sidebar-backdrop{display:none}.inline-form-row{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:flex-end;gap:8px;margin:8px 0;padding:12px;display:flex}.order-line{grid-template-columns:2fr 80px 120px 100px 40px;align-items:start;gap:8px;margin-bottom:8px;display:grid}.order-line-total .order-line-value{margin-top:8px;display:inline-block}.order-line-remove button{margin-top:5px}.relative{position:relative}.flex-row{gap:8px;display:flex}.flex-col{flex-direction:column;gap:10px;display:flex}.flex-1{flex:1}.flex-2{flex:2}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-mono{font-family:monospace}.select-all{-webkit-user-select:all;user-select:all}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mx-12{margin-left:12px;margin-right:12px}.p-12{padding:12px}.pb-8{padding-bottom:8px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-15{font-size:15px}.text-16{font-size:16px}.text-18{font-size:18px}.w-80{width:80px}.w-full{width:100%}.status-badge{color:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.status-badge-draft{background:#6b7280}.status-badge-confirmed,.status-badge-sent,.status-badge-released{background:#2563eb}.status-badge-partial,.status-badge-in_progress{color:#451a03;background:#fbbf24}.status-badge-fulfilled,.status-badge-received,.status-badge-completed{background:#059669}.status-badge-invoiced{background:#7c3aed}.status-badge-cancelled{background:#dc2626}.status-badge-fulfillable{background:#059669}.status-badge-partially_fulfillable{color:#451a03;background:#fbbf24}.status-badge-unfulfillable{background:#b91c1c}.type-badge{letter-spacing:.04em;color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.type-badge-so{background:#0369a1}.type-badge-wo{background:#7c3aed}.type-badge-po{background:#065f46}.notes-cell{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.link-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:12px;text-decoration:underline}.link-btn-sm{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:11px;text-decoration:underline}.sidebar-change-server{opacity:.6;margin-top:4px;font-size:11px}.mock-mode-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.order-subtotal{border-top:1px solid var(--border);text-align:right;margin-top:20px;padding-top:12px;font-size:16px;font-weight:600}.section-title{margin:0 0 12px;font-size:15px;font-weight:600}.section-title-spaced{margin:24px 0 12px;font-size:15px;font-weight:600}.section-desc{color:var(--muted);margin:0 0 16px;font-size:13px}.field-hint{color:var(--muted);margin-top:4px;font-size:12px;display:block}.info-box{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:6px;margin-bottom:8px;padding:10px 14px;font-size:13px}.customer-hero{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:22px;display:flex}.customer-hero-name{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.customer-ar{color:var(--muted);font-size:13px}.customer-ar b{color:var(--danger);font-variant-numeric:tabular-nums;margin-left:2px;font-size:16px;font-weight:700}.detail-info-rows{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.detail-info-row{align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.55;display:flex}.detail-info-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.detail-contact-list{flex-direction:column;gap:10px;display:flex}.detail-contact-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.detail-contact-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.detail-contact-main{flex:1;min-width:0}.detail-contact-name{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.detail-contact-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.detail-contact-actions{flex-shrink:0;gap:6px;display:flex}.tag-primary{letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:100px;padding:2px 7px;font-size:10px;font-weight:700}.confirmation-text{font-size:13px;line-height:1.5}.dialog-backdrop{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog-box{background:var(--surface,#fff);border:1px solid var(--border);border-radius:10px;width:400px;max-width:90vw;max-height:85vh;padding:24px;overflow-y:auto}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dialog-title{margin:0;font-size:16px}.dialog-close-btn{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:18px}.dialog-desc{color:var(--muted);margin:0 0 16px;font-size:13px}.dialog-footer{justify-content:flex-end;gap:8px;display:flex}.conflict-list{flex-direction:column;gap:12px;list-style:none;display:flex}.conflict-item{border:1px solid var(--border);border-radius:8px;padding:12px 14px}.conflict-verb{margin-bottom:4px;font-weight:600}.conflict-reason{margin-bottom:6px;font-size:13px}.conflict-meta{color:var(--muted);margin-bottom:8px;font-size:12px}.conflict-item details{margin-bottom:8px}.conflict-item summary{cursor:pointer;color:var(--muted);font-size:12px}.conflict-payload{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-top:6px;padding:8px;font-size:11px;overflow-x:auto}.conflict-actions{justify-content:flex-end;gap:8px;display:flex}.route-nav-legs{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.route-nav-leg{border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;width:240px;padding:16px;display:flex}.route-nav-leg-title{margin-bottom:8px;font-size:13px;font-weight:600}.route-nav-qr{background:#fff;border-radius:6px;padding:8px;line-height:0}.route-nav-path{color:var(--muted);text-align:center;word-break:break-word;margin:10px 0;font-size:12px}.route-nav-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dialog-action-btn{padding:10px 0}.dialog-stop-btn{padding:8px 0}.server-address{background:var(--bg,#f5f5f5);border:1px solid var(--border);text-align:center;-webkit-user-select:all;user-select:all;border-radius:6px;margin-bottom:10px;padding:10px 14px;font-family:monospace;font-size:15px}.picker-trigger{text-align:left;background:var(--surface);border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;border-radius:6px;padding:7px 10px;font-size:13px;display:block}.picker-trigger:hover{border-color:var(--accent)}.picker-selected{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;display:flex}.picker-clear-btn{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;font-size:13px}.picker-selected-link{text-align:left;cursor:pointer;color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0}.picker-selected-link:hover{text-decoration:underline}.picker-modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:calc(100vw - 32px);height:calc(100vh - 32px);display:flex;overflow:hidden}.picker-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.picker-modal-title{font-size:15px;font-weight:600}.picker-modal-search{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px}.picker-modal-list{flex:1;overflow-y:auto}.picker-modal-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex}.picker-modal-item:hover{background:var(--bg)}.picker-modal-item:last-child{border-bottom:none}.picker-modal-item-main{flex:1;min-width:0}.bom-save-bar{background:var(--surface);border-top:1px solid var(--border);z-index:5;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #00000014}.bom-save-bar-msg{flex:1;min-width:0}.bom-save-bar-msg .banner{margin:0}.picker-empty{color:var(--muted);padding:16px 20px;font-size:13px}.picker-barcode{color:var(--muted);margin-left:8px;font-size:11px}.camera-preview{background:#000;border-radius:6px;width:100%;max-height:min(240px,40vh)}.sync-panel{border-top:1px solid var(--border);color:var(--muted);padding:10px 14px;font-size:12px}.sync-status-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.sync-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sync-dot-ok{background:var(--success,#4caf50)}.sync-dot-syncing{background:var(--warning,#ff9800)}.sync-dot-offline{background:var(--muted)}.sync-dot-error{background:var(--danger,#f44336)}.sync-dot-peer{background:var(--accent)}.sync-label{color:var(--text);font-weight:500}.sync-pending-badge{background:var(--accent);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sync-error{color:var(--danger,#f44336);word-break:break-word;margin-bottom:6px;font-size:11px}.sync-peer-address{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-bottom:6px;padding:4px 8px;font-family:monospace;font-size:11px}.sync-actions{gap:6px;display:flex}.sync-action-btn{flex:1;padding:4px 8px;font-size:11px}@media (max-width:767px){.page{padding:16px 12px}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{flex-wrap:wrap;width:100%}.search-input{width:100%}.form-card{max-width:100%}.field-row{flex-direction:column;gap:0}.login-card{width:calc(100vw - 32px);max-width:380px;padding:24px 20px}.btn-primary,.btn-secondary{min-height:44px;padding:10px 18px}.btn-sm{min-height:36px;padding:8px 12px}.actions{flex-wrap:wrap;gap:8px}.data-table th,.data-table td{padding:8px;font-size:12px}.order-line{background:var(--surface);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr;gap:6px;margin-bottom:12px;padding:12px}.order-line .num{text-align:left}.order-line-spacer{display:none}.order-line-total .order-line-value,.order-line-remove button{margin-top:0}.inline-form-row{flex-direction:column;align-items:stretch}.page-header .btn-sm{order:-1}}@media (pointer:coarse){.btn-primary,.btn-secondary,.tab-menu-item{min-height:44px}.btn-sm{min-height:36px;padding:8px 12px}.tab-close{padding:8px}}.onboarding-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;padding:2rem}.onboarding-progress{justify-content:center;gap:8px;margin-bottom:1.5rem;display:flex}.onboarding-dot{background:var(--border);border-radius:50%;width:10px;height:10px}.onboarding-dot--active{background:var(--accent);box-shadow:0 0 6px var(--accent)}.onboarding-dot--done{background:var(--success)}.onboarding-title{color:var(--text);margin-bottom:.5rem;font-size:1.25rem}.onboarding-desc{color:var(--muted);margin-bottom:1.5rem}.onboarding-body{color:var(--text);margin-bottom:1.5rem;line-height:1.6}.onboarding-body p+p{margin-top:.75rem}.onboarding-actions{justify-content:flex-end;gap:.75rem;display:flex}.tour-banner{z-index:1300;pointer-events:none;background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.tour-spotlight{z-index:1200;pointer-events:none;box-shadow:0 0 0 9999px #0000008c, 0 0 0 2px var(--accent), 0 0 14px 2px var(--accent);border-radius:8px;animation:1.6s ease-in-out infinite tour-pulse;position:fixed}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 9999px #0000008c, 0 0 0 2px var(--accent), 0 0 8px 1px var(--accent)}50%{box-shadow:0 0 0 9999px #0000008c, 0 0 0 3px var(--accent), 0 0 18px 4px var(--accent)}}.tour-bubble{z-index:1301;background:var(--surface);border:1px solid var(--accent);pointer-events:auto;border-radius:12px;width:340px;max-width:calc(100vw - 24px);padding:16px;position:fixed;box-shadow:0 12px 40px #0009}.tour-bubble-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tour-step-count{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.tour-x{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:15px;line-height:1}.tour-x:hover{color:var(--text);background:var(--border)}.tour-bubble-title{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.tour-bubble-body{color:var(--text);margin-bottom:12px;font-size:13px;line-height:1.6}.tour-hint{color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.tour-hint--lost{color:var(--muted);font-weight:500}.tour-bubble-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-actions-right{align-items:center;gap:8px;display:flex}.tour-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;text-decoration:underline}.tour-skip:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.tour-spotlight{animation:none}}.dash-page{max-width:1200px}.dash-date-range{align-items:center;gap:8px;display:flex}.dash-date-input{background:var(--surface);border:1px solid var(--border);width:150px;color:var(--text);border-radius:6px;padding:6px 10px;font-size:13px}.dash-date-input:focus{border-color:var(--accent);outline:none}.dash-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.dash-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.dash-kpi-label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500}.dash-kpi-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.2}.dash-kpi-sub{color:var(--muted);margin-top:4px;font-size:12px}.dash-section{margin-bottom:24px}.dash-section-title{margin-bottom:10px;font-size:15px;font-weight:600}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.dash-chart-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.dash-bar-svg{display:block}.dash-bar-label{fill:var(--muted);font-size:11px}.dash-aging-row{margin-bottom:16px}.dash-aging-row:last-child{margin-bottom:0}.dash-aging-label{margin-bottom:6px;font-size:13px;font-weight:500}.dash-aging-bar{background:var(--bg);border-radius:4px;height:24px;margin-bottom:6px;display:flex;overflow:hidden}.dash-aging-seg{min-width:4px;height:100%;transition:width .3s}.dash-aging-current{background:var(--success)}.dash-aging-30{background:var(--warning)}.dash-aging-60{background:#f97316}.dash-aging-90{background:var(--danger)}.dash-aging-legend{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.dash-legend-dot{border-radius:2px;width:8px;height:8px;margin-right:3px;display:inline-block}@media (max-width:767px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-date-range{flex-wrap:wrap;width:100%}.dash-date-input{flex:1;width:100%}.dash-kpi-value{font-size:18px}}.admin-hub-tabbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:0 8px;display:flex}.admin-hub-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px}.admin-hub-tab:hover{color:var(--text)}.admin-hub-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.workspace{background:var(--bg);flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.pane{border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex;position:relative}.pane:last-child{border-right:none}.pane--active .tabstrip{border-bottom-color:var(--accent)}.tabstrip{background:var(--surface);border-bottom:2px solid var(--border);flex-shrink:0;align-items:stretch;min-height:68px;display:flex;overflow-x:auto}.tab{color:var(--muted);border-right:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:12px;display:flex}.tab:hover{background:var(--border);color:var(--text)}.tab--active{background:var(--bg);color:var(--text);font-weight:600}.tab-title{pointer-events:none}.tab-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:14px;line-height:1}.tab-close:hover{background:var(--danger);color:#fff}.tabstrip-overflow{background:var(--surface);border-left:1px solid var(--border);z-index:1000;flex-shrink:0;align-items:stretch;margin-left:auto;display:flex;position:sticky;right:0}.tab-overflow-btn{background:var(--border);color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;gap:4px;min-width:44px;padding:0 12px;line-height:1;display:flex}.tab-overflow-btn:hover{background:var(--accent,#4f6ef7);color:#fff}.tab-overflow-icon{font-size:18px;font-weight:700}.tab-overflow-count{opacity:.85;font-size:12px;font-weight:600}.tab-menu{z-index:1001;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;box-shadow:0 6px 20px #00000040}.tab-menu--overflow{max-height:320px;position:fixed;overflow-y:auto}.tab-menu--context{position:fixed}.tab-menu-item{text-align:left;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:12px}.tab-menu-item:hover:not(:disabled){background:var(--border)}.tab-menu-item:disabled{color:var(--muted);cursor:default}.tab-menu-item--active{font-weight:600}.tab-menu-item--danger:hover:not(:disabled){background:var(--danger);color:#fff}.tab-menu-sep{background:var(--border);height:1px;margin:4px 2px}.pane-body{flex:1;min-height:0;position:relative;overflow-y:auto}.pane-tab-panel{min-height:100%}.split-dropzone{pointer-events:auto;z-index:10;width:40%;position:absolute;top:36px;bottom:0}.split-dropzone--left{left:0}.split-dropzone--right{right:0}.split-dropzone.hover{border:2px dashed var(--accent);box-sizing:border-box;background:#4f6ef72e}.workspace-divider{cursor:col-resize;z-index:20;background:0 0;width:6px;position:absolute;top:0;bottom:0}.workspace-divider:hover,.workspace-divider:active{background:var(--accent);opacity:.6}@media (max-width:640px){.split-dropzone{display:none}}.app-statusbar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.app-statusbar .sync-panel{border-top:none;padding:6px 14px}:root{--icon-rail-w:76px}.app-shell--iconrail{flex-direction:row}.iconrail-main{flex-direction:column;flex:1;min-width:0;display:flex}.icon-rail{width:var(--icon-rail-w);background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;display:flex;position:relative}.icon-rail-brand{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;height:44px;display:flex}.icon-rail-brand img{width:auto;height:20px;display:block}.icon-rail-stack{flex-direction:column;gap:2px;padding:6px;display:flex;overflow-y:auto}.icon-rail-sep{background:var(--border);height:1px;margin:6px 8px}.icon-rail-spacer{flex:1}.icon-rail-foot{border-top:1px solid var(--border);flex-shrink:0;padding:6px}.icon-rail-btn{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px;transition:background .12s,color .12s;display:flex}.icon-rail-btn:hover{background:var(--border);color:var(--text)}.icon-rail-btn--active{background:var(--border);color:var(--accent)}.icon-rail-glyph{color:var(--accent);justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-rail-btn:hover .icon-rail-glyph,.icon-rail-btn--active .icon-rail-glyph{color:var(--accent-hover)}.icon-rail-label{text-align:center;letter-spacing:.2px;font-size:10px;line-height:1.1}.icon-rail-badge{background:var(--danger,#ef4444);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-8px}.icon-rail-flyout{left:var(--icon-rail-w);background:var(--surface);border:2px solid var(--accent);z-index:100;border-radius:10px;flex-direction:column;min-width:300px;max-height:calc(100vh - 16px);margin-left:6px;padding:6px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 28px #0009}.icon-rail-flyout-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:9px 15px 6px;font-size:15px;font-weight:700}.icon-rail-flyout-item{color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;padding:12px 15px;font-size:18px;text-decoration:none;display:flex}.icon-rail-flyout-item:hover{background:var(--border)}.icon-rail-flyout-glyph{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-mode-option{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.ui-mode-option input[type=radio]{width:18px;height:18px;accent-color:var(--accent);margin-top:4px}.tablet-shell{--surface-raised:var(--surface);background:var(--bg);color:var(--text);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}[data-theme=dark] .tablet-shell{--bg:#170c30;--surface:#241442;--surface-raised:#2c1a52;--border:#3f2570;--accent-soft:#8b2cf538}.mobile-pane-header{flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:8px;padding:12px 16px 10px;display:grid}.mobile-pane-header-left{align-items:center;gap:8px;min-width:0;display:flex}.mobile-pane-header-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.mobile-pane-header-time{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.mobile-brand-mark{flex-shrink:0;width:24px;height:24px;display:block}.mobile-pane-header-company{text-align:center;justify-content:center;min-width:0}.mobile-pane-header-company .company-brand-logo{max-width:60px;height:18px}.mobile-pane-header-company .company-brand-name{color:var(--muted);font-size:11.5px;font-weight:650}.tablet-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}@media (min-width:520px){.tablet-grid{grid-template-columns:repeat(4,1fr)}}.tablet-button{border:1px solid var(--border);background:var(--surface);min-height:108px;color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-family:inherit;transition:transform 60ms,background .12s,border-color .12s;display:flex;position:relative}.tablet-button:hover:not(:disabled){background:var(--surface-raised);border-color:var(--accent)}.tablet-button:active:not(:disabled){transform:scale(.97)}.tablet-button:disabled{cursor:not-allowed}.tablet-button-icon{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.tablet-button-label{text-align:center;letter-spacing:.01em;font-size:13.5px;font-weight:600;line-height:1.25}.tablet-button--soon{opacity:.45}.tablet-button--soon .tablet-button-icon{color:var(--muted)}.tablet-button-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b66;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.tablet-page-bar{flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.tablet-back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:6px 4px 6px 0;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.tablet-back-btn:hover{color:var(--accent-hover)}.tablet-page-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:650;overflow:hidden}.tablet-page-spacer{width:40px}.tablet-page-body{flex:1;padding:0 0 90px;overflow:auto}.mobile-tabbar-wrap{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);z-index:20;border-radius:22px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden;box-shadow:0 12px 30px -12px #0006}.mobile-tabbar-row{align-items:stretch;height:60px;display:flex}.mobile-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;display:flex}.mobile-tab-label{letter-spacing:.01em;font-size:10px;font-weight:650}.mobile-tab-btn--active{color:var(--accent)}.mobile-more-panel{opacity:0;max-height:0;transition:max-height .26s cubic-bezier(.2,0,0,1),opacity .18s;overflow:hidden}.mobile-more-panel--open{opacity:1;border-bottom:1px solid var(--border);max-height:320px}.mobile-more-grid{grid-template-columns:repeat(4,1fr);gap:4px;max-height:250px;padding:14px 10px;display:grid;overflow-y:auto}.mobile-more-settings-row{border:none;border-top:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.mobile-more-settings-row:hover{background:var(--accent-soft)}.mobile-more-tile{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;font-family:inherit;display:flex}.mobile-more-tile:hover,.mobile-more-tile:active{background:var(--accent-soft)}.mobile-more-tile-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:11px;justify-content:center;align-items:center;display:flex}.mobile-more-tile-label{text-align:center;font-size:10.5px;font-weight:600;line-height:1.2}.mobile-scrim{z-index:15;opacity:0;pointer-events:none;background:#00000059;transition:opacity .2s;position:absolute;top:0;bottom:82px;left:0;right:0}.mobile-scrim--open{opacity:1;pointer-events:auto}.mobile-settings-list{flex-direction:column;gap:4px;padding:10px 14px;display:flex}.mobile-settings-row{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.mobile-settings-row:hover{border-color:var(--accent)}.mobile-settings-row--danger{color:var(--danger);margin-top:8px}.mobile-settings-row--danger:hover{border-color:var(--danger)}.tablet-page-body .field-row{flex-direction:column;gap:0}.tablet-page-body .form-card,.tablet-page-body .order-form-card,.tablet-page-body .wide-form-card{max-width:none;padding:16px}.tablet-page-body table.data-table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.tablet-page-body table.data-table thead,.tablet-page-body table.data-table tbody,.tablet-page-body table.data-table tr{table-layout:fixed;width:100%;display:table}.tablet-page-body table.data-table th:first-child,.tablet-page-body table.data-table td:first-child{background:var(--bg);box-shadow:1px 0 0 var(--border);position:sticky;left:0}.tablet-page-body .page-header{flex-direction:column;align-items:stretch;gap:10px}.tablet-page-body .page-header-actions{flex-wrap:wrap}.tablet-page-body .page{padding:12px 14px}.mobile-list-page{flex-direction:column;gap:10px;padding:10px 14px 0;display:flex}.mobile-search-field{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.mobile-search-field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:15px}.mobile-filter-row{gap:8px;display:flex}.mobile-filter-row .search-input{flex:1;min-width:0}.mobile-list-page-cta{width:100%}.mobile-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.mobile-item-list,.mobile-card-list{flex-direction:column;gap:8px;display:flex}.mobile-item-card,.mobile-row-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:inherit;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;font-family:inherit;display:flex}.mobile-item-card:active,.mobile-row-card:active{transform:scale(.985)}.mobile-item-card--obsolete{opacity:.6}.mobile-row-card--static{cursor:default}.mobile-row-card--static:active{transform:none}.mobile-item-icon,.mobile-row-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-item-body,.mobile-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mobile-item-title,.mobile-row-title{flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.mobile-item-sub,.mobile-row-sub{color:var(--muted);font-size:12.5px;font-family:var(--font-mono,ui-monospace, monospace);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-item-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.mobile-item-value{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.mobile-item-value--low{color:var(--warning)}.mobile-item-action{color:var(--accent);font-size:11px;font-weight:600}.mobile-chip{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 7px;font-size:10.5px;font-weight:650;display:inline-flex}.mobile-chip--neutral{background:var(--surface-raised);color:var(--muted);border:1px solid var(--border)}.mobile-chip--warning{background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--warning)}.mobile-chip--danger{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.mobile-chip--success{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.mobile-chip--accent{background:var(--accent-soft);color:var(--accent)}.mobile-stat-grid{flex-direction:column;gap:8px;display:flex}.mobile-stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.mobile-stat-tile-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:11.5px;font-weight:650}.mobile-stat-tile-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.2}.mobile-bar-chart{align-items:flex-end;gap:4px;width:100%;display:flex}.mobile-bar-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.mobile-bar-chart-bar{border-radius:3px 3px 0 0;width:100%;min-height:2px}.mobile-bar-chart-label{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:10px}@media (prefers-reduced-motion:reduce){.mobile-more-panel,.mobile-scrim{transition:none}}.mobile-calendar-layer-row{flex-wrap:wrap;gap:6px;display:flex}.mobile-calendar-layer-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.mobile-calendar-layer-chip--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile-calendar-layer-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.mobile-calendar-daynav{justify-content:center;align-items:center;gap:10px;display:flex}.mobile-calendar-daynav-label{text-align:center;margin-top:-4px;font-size:15px;font-weight:650}.mobile-calendar-strip{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mobile-calendar-strip-day{background:var(--surface);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 0 7px;font-family:inherit;display:flex}.mobile-calendar-strip-day--today{border-color:var(--accent);color:var(--accent)}.mobile-calendar-strip-day--selected{background:var(--accent);border-color:var(--accent);color:#fff}.mobile-calendar-strip-dow{text-transform:uppercase;opacity:.8;font-size:10px}.mobile-calendar-strip-num{font-size:15px;font-weight:700}.mobile-calendar-strip-dot{background:currentColor;border-radius:50%;width:4px;height:4px;margin-top:1px}.mobile-row-card.mobile-calendar-event{cursor:default;flex-direction:column;align-items:stretch;gap:8px}.mobile-calendar-event-main{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:0;margin:0;padding:0;font-family:inherit;display:flex}.mobile-calendar-reschedule{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.mobile-calendar-reschedule-label{color:var(--muted);font-size:11.5px;font-weight:600}.mobile-calendar-reschedule-input{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-family:inherit;font-size:12.5px}.mobile-calendar-sheet-backdrop{z-index:200;background:#00000073;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-calendar-sheet{background:var(--surface);width:100%;max-height:85vh;color:var(--text);border-top-left-radius:16px;border-top-right-radius:16px;padding:12px 16px 20px;overflow-y:auto;box-shadow:0 -8px 30px #0006}.mobile-calendar-sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.mobile-calendar-sheet-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mobile-calendar-sheet-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.mobile-calendar-sheet-actions button{width:100%}.customer-edit-sheet-backdrop{z-index:210;background:#00000080;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.customer-edit-sheet{background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-height:92vh;display:flex;box-shadow:0 -10px 34px #0006}.customer-edit-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:38px;height:4px;margin:10px auto 6px}.customer-edit-sheet-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 18px 12px;display:flex}.customer-edit-sheet-head h3{margin:0;font-size:15.5px;font-weight:700}.customer-edit-sheet-close{background:var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;border:none;border-radius:8px;font-size:15px}.customer-edit-sheet-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.customer-edit-sheet-tab{white-space:nowrap;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:100px;padding:7px 13px;font-size:12.5px;font-weight:600}.customer-edit-sheet-tab.current{background:var(--accent);border-color:var(--accent);color:#fff}.customer-edit-sheet-scroll{flex:1;padding:6px 18px 18px;overflow-y:auto}.customer-edit-sheet-section{padding-top:16px;scroll-margin-top:8px}.customer-edit-sheet-section h4{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:700}.customer-edit-sheet-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:10px;display:flex}.customer-edit-sheet-bar button{flex:1;min-height:46px;font-size:14px}.customer-edit-sheet .field{margin-bottom:14px}.customer-edit-sheet .field input,.customer-edit-sheet .field select,.customer-edit-sheet .field textarea{border-width:1.5px;border-radius:9px;min-height:46px;padding:12px 13px;font-size:15px}.company-brand{align-items:center;gap:8px;min-width:0;display:flex}.company-brand-logo{object-fit:contain;width:auto;display:block}.company-brand-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.icon-rail-company{border-top:1px solid var(--border);text-align:center;flex-direction:column;gap:3px;margin-top:6px;padding:6px 2px 2px}.icon-rail-company .company-brand-logo{max-width:60px;height:20px}.icon-rail-company .company-brand-name{max-width:64px;color:var(--muted);white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box}.login-brandbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-brandbar .login-logo{margin-bottom:0}.login-company{max-width:55%}.login-company .company-brand-logo{max-width:80px;height:22px}.login-company .company-brand-name{color:var(--muted);font-size:14px}[data-theme=light] .icon-rail-brand img,[data-theme=light] .mobile-brand-mark{filter:brightness(0)saturate()invert(57%)sepia()saturate(5000%)hue-rotate(237deg)brightness(88%)}@media print{.icon-rail,.tabstrip,.tabstrip-overflow,.app-statusbar,.no-print{display:none!important}body,.app-shell,.app-shell--iconrail,.iconrail-main,.main-content,.pane,.page{height:auto!important;overflow:visible!important}.form-card{box-shadow:none!important;border:none!important}tr{break-inside:avoid}}.lot-mode-toggle{border:1px solid var(--border);border-radius:6px;gap:0;margin:12px 0;display:inline-flex;overflow:hidden}.lot-toggle-btn{background:var(--surface);color:var(--text);cursor:pointer;border:none;padding:7px 14px;font-size:13px}.lot-toggle-btn+.lot-toggle-btn{border-left:1px solid var(--border)}.lot-toggle-btn.active{background:var(--accent);color:#fff;font-weight:600}.lot-badge{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.lot-shipped{color:#1d7a45;background:#228b5026}.lot-allocated{color:#9a6f00;background:#d69e172e}.lot-in_stock{background:var(--border);color:var(--muted)}.qc-pass{color:#1d7a45;background:#228b5026}.qc-fail{color:#b02020;background:#c82c2c26}.qc-rework,.qc-hold,.qc-scrap{color:#9a6f00;background:#d69e172e}.qc-use_as_is,.qc-pending,.qc-draft,.qc-in_progress{background:var(--border);color:var(--muted)}.ncr-open{color:#b02020;background:#c82c2c26}.ncr-investigating,.ncr-resolved{color:#9a6f00;background:#d69e172e}.ncr-closed{background:var(--border);color:var(--muted)}.wedge-scan-panel{z-index:9998;background:var(--surface);border:1px solid var(--accent);border-radius:8px;align-items:center;gap:12px;max-width:420px;padding:10px 12px;display:flex;position:fixed;bottom:40px;right:16px;box-shadow:0 4px 16px #00000059}.wedge-scan-body{flex-direction:column;gap:2px;min-width:0;display:flex}.wedge-scan-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:11px;font-weight:600}.wedge-scan-item{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.wedge-scan-onhand{color:var(--muted);font-size:12px}.wedge-scan-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.wedge-scan-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.wedge-scan-close:hover{color:var(--text)}.qb-conn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.qb-conn-head{align-items:center;gap:12px;display:flex}.qb-conn-head h3{margin:0}.qb-conn-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.qb-conn-table th{text-align:left;color:var(--muted);vertical-align:top;width:40%;padding:10px 12px 10px 0;font-weight:500}.qb-conn-table td{text-align:left;color:var(--text);word-break:break-word;vertical-align:top;padding:10px 0}.qb-conn-table tr+tr th,.qb-conn-table tr+tr td{border-top:1px solid var(--border)}.qb-env-pill{letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.qb-env-pill--sandbox{color:#f59e0b;background:#f59e0b29;border:1px solid #f59e0b66}.qb-env-pill--production{color:#9b3ff7;background:#8b2cf529;border:1px solid #8b2cf566}.manual-page{max-width:1200px}.manual{grid-template-columns:300px 1fr;align-items:start;gap:28px;display:grid}.manual-nav{align-self:start;max-height:calc(100vh - 40px);padding-right:4px;position:sticky;top:0;overflow-y:auto}.manual-search{align-items:center;margin-bottom:16px;display:flex;position:relative}.manual-search-icon{color:var(--muted);pointer-events:none;display:flex;position:absolute;left:10px}.manual-search-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:9px 30px 9px 34px;font-size:13px}.manual-search-input:focus{border-color:var(--accent);outline:none}.manual-search-input::-webkit-search-cancel-button{display:none}.manual-search-clear{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;right:8px}.manual-search-clear:hover{color:var(--text);background:var(--border)}.manual-results-count{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:11px}.manual-toc-group{margin-bottom:18px}.manual-toc-heading{text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--accent);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:6px;padding:0 4px;font-family:inherit;font-size:11px;font-weight:700;display:flex}.manual-toc-heading:hover{text-decoration:underline}.manual-toc-heading-icon{color:var(--accent);display:flex}.manual-toc-list{flex-direction:column;gap:2px;list-style:none;display:flex}.manual-toc-link{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:1px;padding:7px 10px;font-size:13px;line-height:1.35;display:flex}.manual-toc-link:hover{background:var(--surface)}.manual-toc-link--nested{border-left:2px solid var(--border);margin-left:10px;padding-left:12px}.manual-toc-link--nested .manual-toc-title{font-weight:400}.manual-toc-link--nested.active{border-left-color:var(--accent)}.manual-toc-link.active{background:var(--accent);color:#fff}.manual-toc-link.active .manual-toc-crumb{color:#ffffffbf}.manual-toc-title{font-weight:500}.manual-toc-crumb{color:var(--muted);font-size:11px}.manual-content{min-width:0}.manual-article{max-width:760px}.manual-breadcrumb{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.manual-breadcrumb-icon{display:flex}.manual-article-title{color:var(--text);margin-bottom:18px;font-size:26px;font-weight:700}.manual-p{color:var(--text);margin-bottom:14px;line-height:1.65}.manual-subhead{color:var(--text);margin:22px 0 8px;font-size:15px;font-weight:700}.manual-steps,.manual-bullets{margin:0 0 16px;padding-left:22px;line-height:1.6}.manual-steps li,.manual-bullets li{margin-bottom:8px;padding-left:4px}.manual-steps{counter-reset:manual-step}.manual-callout{border:1px solid var(--border);background:var(--surface);border-left-width:3px;border-radius:8px;flex-direction:column;gap:4px;margin:0 0 16px;padding:12px 14px;line-height:1.6;display:flex}.manual-callout-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.manual-callout--tip{border-left-color:var(--success)}.manual-callout--tip .manual-callout-label{color:var(--success)}.manual-callout--note{border-left-color:var(--accent)}.manual-callout--note .manual-callout-label{color:var(--accent)}.manual-callout--warn{border-left-color:var(--warning)}.manual-callout--warn .manual-callout-label{color:var(--warning)}.manual-hl{color:inherit;background:#f59e0b47;border-radius:3px;padding:0 1px}.manual-toc-link.active .manual-hl{background:#ffffff52}.manual-empty{color:var(--muted);padding:8px 4px;font-size:13px;line-height:1.6}@media (max-width:820px){.manual{grid-template-columns:1fr;gap:16px}.manual-nav{max-height:none;position:static;overflow:visible}}.overflow-menu{display:inline-flex;position:relative}.overflow-trigger{letter-spacing:1px;font-weight:700;line-height:1}.overflow-menu .tab-menu{top:calc(100% + 4px);right:0}.overflow-menu .tab-menu-item{padding:8px 12px;font-size:13px}.overflow-menu .tab-menu-item--danger:not(:disabled){color:var(--danger)}.overflow-menu .tab-menu-item--danger:hover:not(:disabled){color:#fff}.skeleton-row{background:linear-gradient(90deg, var(--surface) 25%, var(--border) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:6px;height:40px;margin:6px 0;animation:1.2s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-row{animation:none}}