@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary: #ededea;--bg-secondary: #f5f4f1;--bg-tertiary: #e5e3df;--bg-elevated: #dbd8d3;--bg-card: #ffffff;--bg-card-hover: #fafaf8;--text-primary: #111111;--text-secondary: #3a3a3a;--text-muted: #717171;--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .14);--border-active: rgba(0, 0, 0, .22);--stage-ny: #2b7ed8;--stage-ny-bg: rgba(43, 126, 216, .1);--stage-ny-border: rgba(43, 126, 216, .3);--stage-under_arbeid: #d19200;--stage-under_arbeid-bg: rgba(209, 146, 0, .1);--stage-under_arbeid-border: rgba(209, 146, 0, .3);--stage-pakket: #7c3aed;--stage-pakket-bg: rgba(124, 58, 237, .1);--stage-pakket-border: rgba(124, 58, 237, .3);--stage-klar_til_levering: #15803d;--stage-klar_til_levering-bg: rgba(21, 128, 61, .1);--stage-klar_til_levering-border: rgba(21, 128, 61, .3);--stage-levert: #525960;--stage-levert-bg: rgba(82, 89, 96, .08);--stage-levert-border: rgba(82, 89, 96, .22);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .14);--shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);color-scheme:light}[data-theme=dark]{--bg-primary: #181b2e;--bg-secondary: #1e2235;--bg-tertiary: #252940;--bg-elevated: #2d3250;--bg-card: #1e2235;--bg-card-hover: #262a42;--text-primary: #f4f6fb;--text-secondary: #c4cdd9;--text-muted: #7a89a3;--border-color: rgba(140, 160, 210, .1);--border-light: rgba(140, 160, 210, .14);--border-active: rgba(140, 160, 210, .22);--stage-ny: #5ba3f5;--stage-ny-bg: rgba(91, 163, 245, .12);--stage-ny-border: rgba(91, 163, 245, .25);--stage-under_arbeid: #f0b429;--stage-under_arbeid-bg: rgba(240, 180, 41, .12);--stage-under_arbeid-border: rgba(240, 180, 41, .25);--stage-pakket: #a78bfa;--stage-pakket-bg: rgba(167, 139, 250, .12);--stage-pakket-border: rgba(167, 139, 250, .25);--stage-klar_til_levering: #4ade80;--stage-klar_til_levering-bg: rgba(74, 222, 128, .12);--stage-klar_til_levering-border: rgba(74, 222, 128, .25);--stage-levert: #94a3b8;--stage-levert-bg: rgba(148, 163, 184, .1);--stage-levert-border: rgba(148, 163, 184, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--shadow-card: 0 1px 4px rgba(0, 0, 0, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit;border:none;background:none;outline:none}ul{list-style:none}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.stage-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.stage-ny{background:var(--stage-ny-bg);color:var(--stage-ny);border:1px solid var(--stage-ny-border)}.stage-under-arbeid{background:var(--stage-under_arbeid-bg);color:var(--stage-under_arbeid);border:1px solid var(--stage-under_arbeid-border)}.stage-pakket{background:var(--stage-pakket-bg);color:var(--stage-pakket);border:1px solid var(--stage-pakket-border)}.stage-klar-til-levering{background:var(--stage-klar_til_levering-bg);color:var(--stage-klar_til_levering);border:1px solid var(--stage-klar_til_levering-border)}.stage-levert{background:var(--stage-levert-bg);color:var(--stage-levert);border:1px solid var(--stage-levert-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;font-size:.85rem;transition:all .2s ease}.btn-sm{padding:5px 10px;font-size:.75rem;border-radius:var(--radius-sm)}.btn-primary{background:var(--stage-ny);color:#fff}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-light)}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-active)}.btn:disabled{opacity:.4;pointer-events:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;transition:background .3s ease,border-color .3s ease}.header-logo{display:flex;align-items:center;gap:12px}.header-logo-img{height:28px;width:auto;object-fit:contain}.header-logo-divider{width:1px;height:22px;background:var(--border-color);flex-shrink:0}.header-logo-subtitle{font-size:.82rem;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em;white-space:nowrap}.header-center{display:flex;align-items:center}.view-toggle{display:flex;background:var(--bg-primary);border-radius:var(--radius-md);padding:3px;border:1px solid var(--border-color)}.toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--text-muted);border-radius:7px;transition:all .2s ease}.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.header-right{display:flex;align-items:center;gap:1rem}.header-date{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.theme-toggle{display:flex;align-items:center;padding:0}.theme-toggle-track{position:relative;width:48px;height:26px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:space-between;padding:0 5px;cursor:pointer;transition:background .3s ease,border-color .3s ease}.theme-toggle-track:hover{border-color:var(--border-active)}.theme-icon{color:var(--text-muted);z-index:1;transition:color .2s ease}.sun-icon{color:#e5a100}[data-theme=dark] .moon-icon{color:#5ba3f5}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-card);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-thumb.dark{transform:translate(22px)}.app-header.mobile{padding:0 .85rem;height:46px;justify-content:center}.app-header.mobile .header-logo-img{height:22px}.order-list-container{display:flex;flex-direction:column;height:100%;padding:1.25rem;gap:.75rem}.list-top-bar{display:flex;flex-direction:column;gap:.65rem}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.7rem .85rem .7rem 2.5rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.88rem;transition:all .2s;box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.search-input::placeholder{color:var(--text-muted)}.search-count{position:absolute;right:12px;font-size:.72rem;color:var(--text-muted);font-weight:500;background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-full)}.filters-bar{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.15rem;-webkit-overflow-scrolling:touch}.filters-bar::-webkit-scrollbar{height:0}.filter-pill{display:flex;align-items:center;gap:5px;padding:6px 14px;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);font-size:.78rem;font-weight:600;transition:all .2s;white-space:nowrap;cursor:pointer;flex-shrink:0}.filter-pill:hover{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #2563eb40}.filter-pill.active .pill-count{background:#ffffff40}.pill-count{font-size:.68rem;padding:1px 6px;border-radius:var(--radius-full);background:var(--bg-tertiary);font-weight:700}.table-container{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:auto;box-shadow:var(--shadow-sm)}.order-table{width:100%;border-collapse:collapse;text-align:left}.order-table th{padding:.7rem .85rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0;z-index:5;-webkit-user-select:none;user-select:none}.order-table th.sortable{cursor:pointer;transition:color .15s}.order-table th.sortable:hover{color:var(--text-primary)}.sort-icon{opacity:.3;vertical-align:middle;margin-left:3px}.sort-icon.sort-active{opacity:1;color:var(--accent)}.order-row{border-bottom:1px solid var(--border-color);transition:background .12s;cursor:pointer}.order-row:hover{background:var(--bg-secondary)}.order-row.expanded{background:#2563eb08}.order-row td{padding:.65rem .85rem;vertical-align:middle;font-size:.85rem}.col-expand{width:32px;color:var(--text-muted);cursor:pointer}.col-id{width:110px}.order-num{font-weight:700;color:var(--text-primary);font-size:.82rem}.col-customer{min-width:160px}.customer-info{display:flex;flex-direction:column;gap:1px}.company{font-weight:600;color:var(--text-primary);font-size:.85rem}.contact{font-size:.75rem;color:var(--text-muted)}.col-location{min-width:100px}.location-info{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary)}.loc-icon{color:var(--text-muted);flex-shrink:0}.col-items{min-width:100px}.items-info{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-secondary)}.items-icon{color:var(--text-muted)}.items-qty{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.col-fulfillment{width:110px}.fulfill-bar-container{display:flex;align-items:center;gap:6px}.fulfill-bar{flex:1;height:6px;border-radius:3px;background:var(--bg-tertiary);overflow:hidden}.fulfill-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.fulfill-bar.pct-full .fulfill-bar-fill{background:#16a34a}.fulfill-bar.pct-partial .fulfill-bar-fill{background:#d97706}.fulfill-bar.pct-critical .fulfill-bar-fill{background:#dc2626}.fulfill-pct{font-size:.72rem;font-weight:700;font-family:var(--font-mono);min-width:32px;text-align:right}.fulfill-pct.pct-full{color:#16a34a}.fulfill-pct.pct-partial{color:#d97706}.fulfill-pct.pct-critical{color:#dc2626}[data-theme=dark] .fulfill-pct.pct-full{color:#4ade80}[data-theme=dark] .fulfill-pct.pct-partial{color:#fbbf24}[data-theme=dark] .fulfill-pct.pct-critical{color:#f87171}.col-date{min-width:120px}.date-info{display:flex;flex-direction:column;gap:1px}.date-day{font-size:.82rem;color:var(--text-secondary)}.date-time{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.col-stage{width:130px}.stage-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.order-details-row td{padding:0 .85rem .85rem 0;background:#2563eb05;border-bottom:2px solid var(--border-color)}.line-items-container{padding:.75rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-left:.85rem}.line-items-table{width:100%;border-collapse:collapse;font-size:.8rem}.line-items-table th{background:none;border-bottom:1px dashed var(--border-light);padding:.4rem .6rem;position:static;font-size:.68rem;text-align:left}.line-items-table td{padding:.4rem .6rem;border-bottom:1px solid var(--border-color)}.li-product{font-weight:500}.li-qty{font-family:var(--font-mono)}.li-fulfilled{font-family:var(--font-mono);font-weight:700}.li-fulfilled.pct-full{color:#16a34a}.li-fulfilled.pct-partial{color:#d97706}.li-fulfilled.pct-critical{color:#dc2626}.li-weight{font-family:var(--font-mono);color:var(--text-muted)}.total-row td{font-weight:700;color:var(--text-primary);border-top:2px solid var(--border-light);border-bottom:none}.total-row .pct-full{color:#16a34a}.total-row .pct-partial{color:#d97706}.total-row .pct-critical{color:#dc2626}.empty-state{text-align:center;padding:3rem!important;color:var(--text-muted);font-size:.88rem}@media (max-width: 768px){.order-list-container{padding:.75rem;gap:.5rem}.search-input{font-size:.82rem;padding:.6rem .75rem .6rem 2.2rem}.filters-bar{gap:.35rem}.filter-pill{padding:5px 10px;font-size:.72rem}.order-table thead{display:none}.order-table,.order-table tbody{display:block;width:100%}.order-row{display:flex;flex-wrap:wrap;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color);gap:0}.order-row td{padding:0;border:none}.col-expand{width:28px;flex-shrink:0}.col-id{flex:0 0 auto;font-size:.82rem;margin-right:.5rem}.col-stage{flex:0 0 auto;margin-left:auto}.col-customer{flex:1 1 100%;margin-top:4px;order:10}.col-location,.col-items,.col-fulfillment,.col-date{display:none}.order-details-row{display:block}.order-details-row td{display:block;padding:0 .75rem .75rem}.line-items-container{padding:.5rem;margin-left:0}}@media (min-width: 769px) and (max-width: 1200px){.order-table th,.order-row td{padding:.55rem .65rem}.col-location{display:none}}.kanban-container{display:flex;padding:1.25rem;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;-webkit-user-select:none;user-select:none}.kanban-container.is-dragging{cursor:grabbing}.kanban-container.is-dragging *{cursor:grabbing!important}.kanban-column{flex:1;min-width:260px;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;scroll-snap-align:start;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.kanban-column.drag-over{border-color:var(--col-color);box-shadow:0 0 0 2px var(--col-color),0 8px 24px #0000001a;background:color-mix(in srgb,var(--col-color) 4%,var(--bg-secondary));transform:scale(1.01)}.kanban-column.drag-source{opacity:.7}.column-color-bar{height:4px;width:100%;flex-shrink:0;transition:height .2s ease}.kanban-column.drag-over .column-color-bar{height:6px}.column-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--col-color);color:#fff;border-radius:0}.column-header-left{display:flex;align-items:center;gap:.65rem}.column-icon-wrap{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:#fff3!important;box-shadow:none}.column-title-group{display:flex;flex-direction:column;gap:1px}.column-header h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800;line-height:1.2;color:#fff!important}.column-desc{font-size:.68rem;color:#ffffffbf;font-weight:400}.column-count{background:#ffffff40;color:#fff;padding:3px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;font-family:var(--font-mono);transition:all .2s ease;min-width:28px;text-align:center}.kanban-column.drag-over .column-count{background:var(--col-color);color:#fff;transform:scale(1.1)}.column-content{padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.65rem}.drop-indicator{border:2px dashed;border-radius:var(--radius-md);padding:1rem;display:flex;align-items:center;justify-content:center;opacity:.7;animation:pulseIndicator 1.5s ease-in-out infinite}.drop-indicator span{font-size:.85rem;font-weight:600;opacity:.6}@keyframes pulseIndicator{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.01)}}.empty-column{text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic;border:1px dashed var(--border-light);padding:2rem 1rem;border-radius:var(--radius-md);background:var(--bg-card)}.column-overflow{text-align:center;font-size:.78rem;color:var(--text-muted);padding:.6rem;border-top:1px dashed var(--border-light);margin-top:.25rem}.draggable-card{cursor:grab;transition:opacity .2s ease,transform .2s ease;touch-action:auto;-webkit-user-select:none;user-select:none}.draggable-card:active{cursor:grabbing}.draggable-card.is-dragging{opacity:.25;transform:scale(.96);pointer-events:none}.kanban-container.is-dragging{touch-action:none;overflow:hidden}.kanban-container.is-dragging .draggable-card{touch-action:none}.drag-clone{transform:rotate(1.5deg) scale(1.04);box-shadow:0 20px 40px #00000040,0 8px 16px #0000001f;border-radius:var(--radius-md);opacity:.92;will-change:left,top,transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (pointer: coarse){.order-card{padding:1.15rem 1.2rem;min-height:60px}.quick-stage-btn{padding:.6rem 1rem;font-size:.82rem;min-height:42px}.drop-indicator{min-height:80px;font-size:1rem}.order-card:hover{transform:none;border-color:var(--border-color);box-shadow:var(--shadow-card)}.kanban-container{-webkit-tap-highlight-color:transparent}}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.1rem;cursor:pointer;transition:all .2s ease,background .3s ease;box-shadow:var(--shadow-card)}.order-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-company{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:3px;line-height:1.3}.card-contact{display:flex;align-items:center;gap:5px;font-size:.85rem;color:var(--text-secondary);margin-bottom:5px}.card-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-order-num{font-size:.78rem;font-weight:600;color:var(--text-muted)}.card-meta-dot{color:var(--text-muted);font-size:.65rem}.card-meta-item{display:flex;align-items:center;gap:3px;font-size:.78rem;color:var(--text-muted)}.card-date{font-size:.75rem;color:var(--text-muted);margin-left:auto}.card-time{opacity:.7;font-family:var(--font-mono);font-size:.68rem}.card-note{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:7px 10px;background:#fef9e7;border:1.5px solid #f5d56e;border-radius:6px;font-size:.76rem;color:#6b5c10;line-height:1.35}.card-note svg{flex-shrink:0;color:#d4a017;margin-top:1px}[data-theme=dark] .card-note{background:#f5d56e1f;border-color:#f5d56e59;color:#f5f0e0}.card-divider{height:1px;background:var(--border-color);margin:9px 0}.card-products{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.card-product-row{display:flex;align-items:center;gap:6px;font-size:.82rem}.prod-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.prod-dot.dot-full{background:#16a34a}.prod-dot.dot-partial{background:#d97706}.prod-dot.dot-critical{background:#dc2626}[data-theme=dark] .prod-dot.dot-full{background:#4ade80}[data-theme=dark] .prod-dot.dot-partial{background:#fbbf24}[data-theme=dark] .prod-dot.dot-critical{background:#f87171}.prod-qty{font-weight:700;color:var(--text-primary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.74rem;min-width:32px;text-align:center;font-family:var(--font-mono);transition:background .3s ease}.prod-name{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}[data-theme=dark] .prod-name{color:var(--text-primary)}.prod-weight{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto}[data-theme=dark] .prod-weight{color:var(--text-secondary)}.card-stats{display:flex;flex-direction:column;gap:5px}.card-stats-row{display:flex;justify-content:space-between;align-items:center}.card-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.stat-icon{opacity:.6;flex-shrink:0}.stat-label{font-weight:500}[data-theme=dark] .card-contact{color:var(--text-primary)}[data-theme=dark] .card-order-num,[data-theme=dark] .card-meta-item,[data-theme=dark] .card-meta-dot,[data-theme=dark] .card-date,[data-theme=dark] .card-stat{color:var(--text-secondary)}[data-theme=dark] .stat-icon{opacity:.8}[data-theme=dark] .stat-ordered{color:var(--text-primary)}.card-stat-fulfill{display:flex;align-items:center;gap:4px;font-size:.75rem;font-family:var(--font-mono)}.stat-ordered{color:var(--text-secondary);font-weight:500}.stat-arrow{color:var(--text-muted);font-size:.65rem}.stat-fulfilled{font-weight:700}.stat-fulfilled.card-fulfill-full{color:#16a34a}.stat-fulfilled.card-fulfill-partial{color:#d97706}.stat-fulfilled.card-fulfill-critical{color:#dc2626}[data-theme=dark] .stat-fulfilled.card-fulfill-full{color:#4ade80}[data-theme=dark] .stat-fulfilled.card-fulfill-partial{color:#fbbf24}[data-theme=dark] .stat-fulfilled.card-fulfill-critical{color:#f87171}.card-fulfill-badge{font-size:.68rem;font-weight:800;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--radius-full);letter-spacing:-.02em}.card-fulfill-badge.card-fulfill-full{background:#16a34a1a;color:#16a34a}.card-fulfill-badge.card-fulfill-partial{background:#d977061a;color:#d97706}.card-fulfill-badge.card-fulfill-critical{background:#dc26261a;color:#dc2626}[data-theme=dark] .card-fulfill-badge.card-fulfill-full{background:#16a34a26;color:#4ade80}[data-theme=dark] .card-fulfill-badge.card-fulfill-partial{background:#d9770626;color:#fbbf24}[data-theme=dark] .card-fulfill-badge.card-fulfill-critical{background:#dc262626;color:#f87171}.card-action{display:flex;justify-content:flex-end;margin-top:6px}.quick-stage-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;color:var(--stage-ny);background:var(--stage-ny-bg);border:1px solid var(--stage-ny-border);transition:all .15s ease}.quick-stage-btn:hover{filter:brightness(.95);transform:translate(2px);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.kanban-container{padding:.75rem;gap:.75rem;scroll-padding:.75rem}.kanban-column{min-width:calc(100vw - 1.5rem);flex:0 0 auto}.column-header{padding:.6rem .85rem}.column-icon-wrap{width:28px;height:28px;border-radius:7px}.column-icon-wrap svg{width:14px;height:14px}.column-header h3{font-size:.75rem}.column-desc{display:none}.column-content{padding:0 .6rem .6rem;gap:.5rem}.order-card{padding:.75rem}.card-company{font-size:.9rem}.order-card:hover{transform:none}.quick-stage-btn{padding:6px 12px;font-size:.72rem}}.m-card-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md)}.m-card-swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:16px;background:#16a34a1f;border-radius:var(--radius-md);transition:background .15s ease}.m-card-swipe-bg.threshold{background:#16a34a38}.m-card-swipe-action{display:flex;align-items:center;gap:6px;color:#16a34a;font-size:.78rem;font-weight:700}[data-theme=dark] .m-card-swipe-action{color:#4ade80}.m-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 32px 12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:transform .12s ease;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.m-card.swiping{transition:none}.m-card:active{background:var(--bg-secondary)}.m-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.m-card-company{font-size:.88rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.25}.m-card-badge{flex-shrink:0;font-size:.65rem;font-weight:800;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--radius-full);letter-spacing:-.02em}.m-card-badge.full{background:#16a34a1a;color:#16a34a}.m-card-badge.partial{background:#d977061a;color:#d97706}.m-card-badge.critical{background:#dc26261a;color:#dc2626}[data-theme=dark] .m-card-badge.full{background:#16a34a26;color:#4ade80}[data-theme=dark] .m-card-badge.partial{background:#d9770626;color:#fbbf24}[data-theme=dark] .m-card-badge.critical{background:#dc262626;color:#f87171}.m-card-meta{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:hidden}.m-card-ordernum{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--text-muted);flex-shrink:0}.m-card-dot{color:var(--text-muted);font-size:.6rem;opacity:.5}.m-card-meta-item{display:inline-flex;align-items:center;gap:2px;font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.m-card-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:.4}.m-board{display:flex;flex-direction:column;height:100%;padding-bottom:70px}.m-board-tabs-wrap{position:sticky;top:0;z-index:50;background:var(--bg-primary);padding:10px 10px 0;border-bottom:1px solid var(--border-color)}.m-board-tabs{display:flex;gap:5px;padding-bottom:10px}.m-board-tab{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 4px;border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex:1;min-width:0}.m-board-tab:active{transform:scale(.96)}.m-board-tab.active{border-color:transparent;box-shadow:0 2px 8px #00000026}.m-tab-label{font-size:.72rem}.m-tab-count{font-family:var(--font-mono);font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);min-width:18px;text-align:center}.m-board-tab.active .m-tab-count{color:#ffffffe6}.m-board-stage-info{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.m-board-stage-desc{font-size:.72rem;color:var(--text-muted);font-weight:500}.m-board-stage-total{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);font-weight:600}.m-board-list{display:flex;flex-direction:column;gap:6px;padding:0 12px 20px;flex:1;overflow-y:auto}.m-board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:3rem 1rem;color:var(--text-muted);font-size:.82rem;text-align:center}.m-board-empty svg{opacity:.25}.m-board-overflow{text-align:center;padding:12px;font-size:.72rem;color:var(--text-muted);font-weight:500}.mobile-nav{display:none}@media (max-width: 768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--bg-card);border-top:1px solid var(--border-color);padding:6px 0 env(safe-area-inset-bottom,8px);justify-content:space-around;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 16px;border:none;background:none;color:var(--text-muted);font-size:.62rem;font-weight:600;letter-spacing:.02em;cursor:pointer;border-radius:var(--radius-md);transition:color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;min-width:60px}.mobile-nav-tab:active{background:var(--bg-secondary);transform:scale(.95)}.mobile-nav-tab.active{color:var(--accent)}.mobile-nav-tab.active svg{filter:drop-shadow(0 0 4px rgba(59,130,246,.3))}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1050}.dialog-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;animation:modalIn .25s ease-out forwards;overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.dialog-header-info{display:flex;align-items:center;gap:.65rem}.dialog-header h3{font-size:1rem;font-weight:700}.dialog-order-num{font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.icon-btn-small{color:var(--text-muted);padding:6px;display:flex;border-radius:var(--radius-sm);transition:all .15s}.icon-btn-small:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dialog-body{padding:1.25rem;overflow-y:auto;max-height:65vh}.error-alert{background:#ef444414;color:#dc2626;padding:.6rem .8rem;border-radius:var(--radius-sm);margin-bottom:.85rem;font-size:.8rem;border:1px solid rgba(239,68,68,.15)}.stage-transition{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-color);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.25rem}.stage-box{display:flex;flex-direction:column;gap:6px;flex:1}.to-stage{align-items:flex-end}.stage-label-sm{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.transition-arrow{color:var(--text-muted);padding:0 .5rem;display:flex;align-items:center;align-self:stretch;padding-top:20px}.stage-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.stage-selector{position:relative}.stage-selector-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease;white-space:nowrap}.stage-selector-trigger:hover{filter:brightness(.95)}.selector-chevron{transition:transform .2s ease;opacity:.6;margin-left:2px}.selector-chevron.rotated{transform:rotate(180deg)}.stage-selector-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000001f,0 4px 12px #0000000f;padding:4px;z-index:100;animation:selectorSlideIn .15s ease-out}@keyframes selectorSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stage-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background .12s ease;font-size:.82rem;text-align:left}.stage-option:hover:not(:disabled){background:var(--bg-secondary)}.stage-option.selected{background:var(--bg-secondary)}.stage-option.is-current{opacity:.45;cursor:not-allowed}.stage-option-left{display:flex;align-items:center;gap:8px}.stage-option-text{display:flex;flex-direction:column}.stage-option-label{font-weight:600;color:var(--text-primary);font-size:.82rem;line-height:1.2}.stage-option-desc{font-size:.68rem;color:var(--text-muted);font-weight:400}.stage-option-check{color:var(--accent);flex-shrink:0}.stage-option-current-badge{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-full)}[data-theme=dark] .stage-selector-dropdown{box-shadow:0 12px 32px #00000059,0 4px 12px #0003}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.8rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:5px}.label-icon{color:var(--accent)}.text-input,.textarea-input{background:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-primary);padding:.65rem .8rem;border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .15s}.text-input:focus,.textarea-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb14}.textarea-input{resize:vertical}.photo-section{margin-top:.25rem}.photo-help{font-size:.72rem;color:var(--text-muted);margin:0;line-height:1.3}.photo-upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-md);padding:.75rem;background:var(--bg-secondary)}.photo-file-input{display:none}.photo-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.photo-btn{display:flex;align-items:center;gap:6px;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;flex:1;justify-content:center}.photo-btn-camera{background:var(--accent);color:#fff}.photo-btn-camera:hover{filter:brightness(1.1)}.photo-btn-upload{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-light)}.photo-btn-upload:hover{border-color:var(--accent);color:var(--accent)}.photo-uploading{text-align:center;padding:.5rem;font-size:.78rem;color:var(--accent);font-weight:500;animation:pulse .8s infinite}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border-color)}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#dc2626e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;opacity:0;transition:opacity .15s}.photo-preview-item:hover .photo-remove-btn{opacity:1}.photo-number{position:absolute;bottom:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#0009;color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.photo-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:1.25rem 0;color:var(--text-muted);font-size:.75rem}.photo-empty svg{opacity:.4}.sig-header{display:flex;justify-content:space-between;align-items:flex-end}.text-btn{font-size:.72rem;color:var(--accent);font-weight:600}.text-btn:hover{text-decoration:underline}.sig-container{background:var(--bg-secondary);border:1.5px dashed var(--border-light);border-radius:var(--radius-sm);height:100px;overflow:hidden}.sig-canvas{width:100%;height:100%;cursor:crosshair}.dialog-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.6rem;background:var(--bg-secondary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}@media (max-width: 768px){.dialog-overlay{padding:0;align-items:flex-end}.dialog-content{max-width:100%;width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:dialogSheetUp .3s cubic-bezier(.2,0,0,1) forwards}@keyframes dialogSheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dialog-content:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--border-color);margin:8px auto 0}.dialog-header{position:sticky;top:0;background:var(--bg-card);z-index:10;padding:.75rem 1rem}.dialog-body{padding:1rem;overflow-y:auto}.text-input,.textarea-input{font-size:16px!important;padding:12px}.stage-transition{flex-direction:row;gap:8px}.stage-chip,.stage-selector-trigger{font-size:.78rem;padding:8px 12px}.sig-container{height:100px;border-radius:var(--radius-md)}.photo-buttons{flex-direction:row;gap:8px}.photo-btn{flex:1;padding:14px!important;font-size:.85rem;border-radius:var(--radius-md)}.photo-preview-grid{grid-template-columns:repeat(3,1fr)}.dialog-footer{position:sticky;bottom:0;background:var(--bg-card);border-top:1px solid var(--border-color);padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.dialog-footer .btn{flex:1;justify-content:center;padding:12px;font-size:.88rem}.stage-selector-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));animation:selectorSheetUp .2s ease-out}@keyframes selectorSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stage-option{padding:14px 12px}.stage-option-label{font-size:.88rem}.stage-option-desc{font-size:.72rem}}.print-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#e5e7eb;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.print-toolbar{position:sticky;top:0;z-index:10;width:100%;padding:.75rem 1.5rem;background:#1e293b;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0003}.print-toolbar h3{font-size:.95rem;font-weight:600}.print-toolbar-actions{display:flex;gap:.5rem}.print-toolbar .btn{display:inline-flex;align-items:center;gap:6px}.print-page{width:210mm;min-height:297mm;background:#fff;color:#1a1a2e;padding:20mm 18mm 15mm;margin:1.5rem auto;box-shadow:0 4px 24px #00000026;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:10pt;line-height:1.5;position:relative;box-sizing:border-box}.slip-header{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}.slip-header-left{flex:1}.slip-logo{margin-bottom:1.2rem}.slip-logo-img{height:auto;width:120px;object-fit:contain}.slip-customer-address{font-size:10pt;line-height:1.6}.slip-header-right{width:220px;flex-shrink:0}.slip-info-card{background:#f8f9fb;border:1px solid #e2e5ea;border-radius:10px;overflow:hidden}.slip-company-info{padding:16px 18px 14px;font-size:8pt;line-height:1.55;color:#1a1a2e}.slip-company-info strong{font-size:9.5pt;display:block;margin-bottom:3px;color:#0f172a}.slip-info-spacer{height:6px}.slip-info-divider{height:1px;background:#d5d9e0;margin:0 18px}.slip-order-info{padding:14px 18px 16px;font-size:9pt;line-height:1.65;color:#1a1a2e}.slip-order-info strong{color:#0f172a}.slip-order-title{font-size:11pt;font-weight:800;letter-spacing:.04em;margin-bottom:6px;color:#0f172a;text-decoration:underline;text-underline-offset:3px}.slip-shipping{display:flex;gap:3rem;padding:12px 0;border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;margin-bottom:1.5rem}.slip-ship-label{font-size:8pt;color:#6b7280;margin-bottom:2px}.slip-ship-col{font-size:10pt}.slip-note{padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-left:3px solid #3b82f6;border-radius:4px;font-size:9pt;color:#374151;margin-bottom:1.5rem;white-space:pre-line}.slip-table{width:100%;border-collapse:collapse;font-size:10pt;margin-top:.5rem}.slip-table th{text-align:left;padding:8px 10px;font-size:8pt;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;border-bottom:2px solid #1a1a2e}.slip-table td{padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}.slip-table tbody tr:last-child td{border-bottom:2px solid #1a1a2e}.col-code{width:70px}.col-desc{min-width:150px}.col-unit{width:55px}.col-ordered,.col-delivered{width:70px;text-align:right}.slip-table th.col-ordered,.slip-table th.col-delivered{text-align:right}.slip-footer{position:absolute;bottom:15mm;right:18mm}.slip-generated{font-size:8pt;color:#9ca3af}@media print{body *{visibility:hidden}.no-print,.print-toolbar{display:none!important}.print-overlay{position:static;background:none;overflow:visible}.print-page,.print-page *{visibility:visible}.print-page{position:absolute;left:0;top:0;width:100%;margin:0;padding:15mm 18mm;box-shadow:none;min-height:auto}@page{size:A4;margin:0}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 24px 80px #0000002e,0 8px 24px #00000014;display:flex;flex-direction:column;max-height:90vh;animation:modalIn .25s cubic-bezier(.2,0,0,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.order-detail-modal{width:100%;max-width:820px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.header-title-group{display:flex;align-items:center;gap:.85rem}.header-title-group h2{font-size:1.2rem;font-family:var(--font-mono);font-weight:800;letter-spacing:-.01em}.icon-btn{color:var(--text-muted);border-radius:var(--radius-sm);padding:6px;display:flex;transition:all .15s}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.stage-badge-lg{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.modal-body{padding:1rem 1.5rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.85rem}.detail-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem}.note-section{border-left:3px solid #e8b930;background:#fef9e7}.note-section .section-label-row{color:#9a7e1a}.note-section .section-label-row svg{color:#d4a017}[data-theme=dark] .note-section{background:#f5d56e14;border-left-color:#f5d56e80}[data-theme=dark] .note-section .section-label-row{color:#f5e6a0}.customer-note-text{font-size:.88rem;color:#5a4d10;line-height:1.5;white-space:pre-line}[data-theme=dark] .customer-note-text{color:#f5f0e0}.section-label-row{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.65rem}.section-header-row{display:flex;justify-content:space-between;align-items:center}.section-meta{display:flex;align-items:center;gap:.5rem}.item-count{font-size:.72rem;color:var(--text-muted);font-weight:500}.partial-badge{font-size:.68rem;font-weight:700;color:#b45309;background:#d977061a;padding:2px 8px;border-radius:var(--radius-full)}[data-theme=dark] .partial-badge{color:#fbbf24;background:#d9770626}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem}.detail-col{padding:0}.detail-col .section-label-row{margin-bottom:.35rem}.detail-primary{font-size:.92rem;font-weight:600;color:var(--text-primary);line-height:1.3}.detail-secondary{font-size:.78rem;color:var(--text-muted);margin-top:1px}.order-lines-table{margin-top:.5rem}.lines-header{display:grid;grid-template-columns:1fr 80px 120px 90px;gap:0;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:2px}.lines-header>div{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.lh-qty,.lh-fulfilled{text-align:center}.lh-weight{text-align:right}.lines-row{display:grid;grid-template-columns:1fr 80px 120px 90px;gap:0;padding:.6rem .75rem;align-items:center;border-bottom:1px solid var(--border-color);transition:background .15s ease}.lines-row:last-of-type{border-bottom:none}.lines-row:hover{background:#00000004}[data-theme=dark] .lines-row:hover{background:#ffffff05}.product-name{font-size:.88rem;font-weight:500;color:var(--text-primary)}.lr-qty{text-align:center}.qty-ordered{font-size:.88rem;font-weight:500;color:var(--text-muted);font-family:var(--font-mono)}.lr-fulfilled{display:flex;justify-content:center}.lr-weight{text-align:right;font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono)}.lines-row.fulfill-full{background:#16a34a08}.lines-row.fulfill-partial{background:#d977060d}.lines-row.fulfill-critical{background:#dc26260d}[data-theme=dark] .lines-row.fulfill-partial{background:#d9770614}[data-theme=dark] .lines-row.fulfill-critical{background:#dc262614}.fulfilled-display{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:6px;font-size:.88rem;font-weight:700;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.fulfilled-display svg{color:var(--text-muted);opacity:.5;transition:opacity .15s}.fulfilled-display:hover{border-color:var(--accent);background:#2563eb0a}.fulfilled-display:hover svg{opacity:1;color:var(--accent)}.fulfilled-display.fulfill-full{border-color:#16a34a;background:#16a34a0f;color:#15803d}.fulfilled-display.fulfill-full svg{color:#16a34a;opacity:.6}[data-theme=dark] .fulfilled-display.fulfill-full{background:#16a34a1f;color:#4ade80;border-color:#166534}.fulfilled-display.fulfill-partial{border-color:#d97706;background:#d977060f;color:#b45309}.fulfilled-display.fulfill-partial svg{color:#d97706;opacity:.7}[data-theme=dark] .fulfilled-display.fulfill-partial{background:#d977061f;color:#fbbf24;border-color:#92400e}.fulfilled-display.fulfill-critical{border-color:#dc2626;background:#dc26260f;color:#b91c1c}.fulfilled-display.fulfill-critical svg{color:#dc2626;opacity:.7}[data-theme=dark] .fulfilled-display.fulfill-critical{background:#dc26261f;color:#f87171;border-color:#991b1b}.lf-fulfilled.fulfill-full{color:#16a34a;font-weight:700}.lf-fulfilled.fulfill-partial{color:#d97706;font-weight:700}.lf-fulfilled.fulfill-critical{color:#dc2626;font-weight:700}.fulfilled-display.is-saved{border-color:#16a34a;background:#16a34a0f;color:#15803d}.icon-saved{color:#16a34a!important;opacity:1!important;animation:checkPop .3s ease-out}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.fulfilled-edit-group{display:flex;align-items:center;gap:4px}.fulfilled-input{width:58px;padding:4px 6px;border:2px solid var(--accent);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.88rem;font-weight:700;font-family:var(--font-mono);text-align:center;box-shadow:0 0 0 3px #2563eb1f;outline:none;-moz-appearance:textfield}.fulfilled-input::-webkit-outer-spin-button,.fulfilled-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fulfilled-saving{font-size:.65rem;color:var(--accent);font-weight:500;white-space:nowrap;animation:pulse .8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.icon-edit-hint{opacity:0;color:var(--text-muted);transition:opacity .15s}.fulfilled-display:hover .icon-edit-hint{opacity:.7}.lines-footer{display:grid;grid-template-columns:1fr 80px 120px 90px;gap:0;padding:.65rem .75rem;background:var(--bg-secondary);border-top:2px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:2px}.lf-label{font-size:.82rem;font-weight:700;color:var(--text-primary)}.lf-qty{text-align:center;font-size:.82rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.lf-fulfilled{text-align:center;font-size:.88rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono)}.lf-fulfilled.is-partial{color:#b45309}[data-theme=dark] .lf-fulfilled.is-partial{color:#fbbf24}.lf-weight{text-align:right;font-size:.82rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.activity-log{margin-top:.35rem}.log-empty{font-size:.82rem;color:var(--text-muted);font-style:italic;padding:.5rem 0}.log-timeline{display:flex;flex-direction:column}.log-entry{display:flex;gap:.75rem;min-height:48px}.log-dot-line{display:flex;flex-direction:column;align-items:center;width:16px;flex-shrink:0;padding-top:5px}.log-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);flex-shrink:0}.log-dot-active{background:var(--accent);box-shadow:0 0 0 3px #2563eb26}.log-line{width:2px;flex:1;background:var(--border-color);margin:3px 0}.log-content{flex:1;padding-bottom:.85rem}.log-action{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.log-stage-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.log-arrow{color:var(--text-muted);flex-shrink:0}.log-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.log-person{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.log-time{font-size:.72rem;color:var(--text-muted)}.log-notes{font-size:.78rem;color:var(--text-secondary);font-style:italic;margin-top:3px;padding:4px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.log-photos{margin-top:6px}.log-photos-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.log-photos-grid{display:flex;gap:6px;flex-wrap:wrap}.log-photo-thumb{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border-color);display:block;transition:all .15s}.log-photo-thumb:hover{border-color:var(--accent);transform:scale(1.08);box-shadow:0 4px 12px #00000026}.log-photo-thumb img{width:100%;height:100%;object-fit:cover}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;background:var(--bg-card);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.flex-align{display:flex;align-items:center}.icon-mr{margin-right:6px;flex-shrink:0}.font-medium{font-weight:500}@media (max-width: 768px){.modal-backdrop{padding:0;align-items:flex-end}.modal-content{border-radius:16px 16px 0 0;max-height:92vh;width:100%;max-width:100%;animation:sheetSlideUp .3s cubic-bezier(.2,0,0,1) forwards}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-content:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--border-color);margin:8px auto 4px}.modal-header{padding:.5rem 1rem .75rem;position:sticky;top:0;background:var(--bg-card);z-index:10}.header-title-group h2{font-size:1rem}.modal-body{padding:.75rem;gap:.65rem}.detail-grid{grid-template-columns:1fr 1fr;gap:.75rem}.detail-primary{font-size:.85rem}.lines-header,.lines-row,.lines-footer{grid-template-columns:1fr 60px 90px}.lh-weight,.lr-weight,.lf-weight{display:none}.fulfilled-input{width:48px;font-size:.82rem}.product-name{font-size:.82rem}.modal-footer{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));position:sticky;bottom:0;background:var(--bg-card);border-top:1px solid var(--border-color)}.modal-footer .btn{flex:1;justify-content:center}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.dashboard-container.is-mobile{min-height:100dvh;padding-top:env(safe-area-inset-top,0px)}.dashboard-main{flex:1;overflow:auto;position:relative}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:4rem;color:var(--text-muted);font-size:1rem}.error-message{padding:1.5rem;color:#dc2626;background:#ef44440f;text-align:center;border-radius:var(--radius-md);margin:1rem;border:1px solid rgba(239,68,68,.12)}.app-container{min-height:100vh;display:flex;flex-direction:column}