:root{--color-primary-900:#0f1a2e;--color-primary-800:#1b2a4a;--color-primary-700:#243660;--color-primary-600:#2e4376;--color-primary-500:#3a5490;--color-primary-400:#5b7ab5;--color-primary-300:#8aa0cc;--color-primary-200:#b8c9e2;--color-primary-100:#e2e9f3;--color-primary-50:#f0f3f9;--color-accent-800:#92400e;--color-accent-700:#b45309;--color-accent-600:#d97706;--color-accent-500:#f59e0b;--color-accent-400:#fbbf24;--color-accent-300:#fcd34d;--color-accent-200:#fde68a;--color-accent-100:#fef3c7;--color-accent-50:#fffbeb;--color-success-800:#065f46;--color-success-700:#047857;--color-success-600:#059669;--color-success-500:#10b981;--color-success-400:#34d399;--color-success-200:#a7f3d0;--color-success-100:#d1fae5;--color-success-50:#ecfdf5;--color-danger-700:#b91c1c;--color-danger-600:#dc2626;--color-danger-500:#ef4444;--color-danger-400:#f87171;--color-danger-300:#fca5a5;--color-danger-200:#fecaca;--color-danger-100:#fee2e2;--color-danger-50:#fef2f2;--color-warning-700:#b45309;--color-warning-600:#d97706;--color-warning-500:#f59e0b;--color-warning-400:#fbbf24;--color-warning-100:#fef3c7;--color-warning-50:#fffbeb;--color-neutral-950:#0a0f1a;--color-neutral-900:#111827;--color-neutral-800:#1f2937;--color-neutral-700:#374151;--color-neutral-600:#4b5563;--color-neutral-500:#6b7280;--color-neutral-400:#9ca3af;--color-neutral-300:#d1d5db;--color-neutral-200:#e5e7eb;--color-neutral-100:#f3f4f6;--color-neutral-50:#f9fafb;--color-neutral-0:#fff;--bg-page:var(--color-neutral-50);--bg-card:var(--color-neutral-0);--bg-card-hover:var(--color-neutral-50);--bg-surface:var(--color-neutral-100);--bg-secondary:var(--color-neutral-50);--bg-tertiary:var(--color-neutral-100);--bg-header:var(--color-primary-800);--bg-table-header:var(--color-neutral-100);--bg-table-stripe:var(--color-neutral-50);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-500);--text-quaternary:var(--color-neutral-500);--text-placeholder:var(--color-neutral-500);--text-inverse:var(--color-neutral-0);--text-accent:var(--color-accent-700);--text-success:var(--color-success-700);--text-warning:var(--color-warning-700);--text-danger:var(--color-danger-700);--border-default:var(--color-neutral-200);--border-light:var(--color-neutral-100);--border-focus:var(--color-primary-500);--focus-ring-width:3px;--focus-ring-color:var(--color-primary-500);--focus-ring-color-on-dark:var(--color-accent-400);--focus-ring:0 0 0 var(--focus-ring-width) var(--focus-ring-color);--focus-ring-on-dark:0 0 0 var(--focus-ring-width) var(--focus-ring-color-on-dark);--touch-min:48px;--font-heading:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;--shadow-inner:inset 0 2px 4px #0000000a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%}.skeleton,.skeleton-text{border-radius:6px;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-row{height:48px;margin-bottom:2px}.btn-press:active,button:active:not(:disabled){transform:scale(.97);transition:transform 80ms ease}.animate-fade-in{animation:fadeIn ease .2s cubic-bezier(.4,0,.2,1) forwards;animation:fadeIn var(--transition-base) ease forwards}.animate-slide-up{animation:slideUp ease .3s cubic-bezier(.4,0,.2,1) forwards;animation:slideUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn ease .2s cubic-bezier(.4,0,.2,1) forwards;animation:scaleIn var(--transition-base) ease forwards}:focus-visible{outline:3px solid #3a5490;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.app-header :focus-visible,.app-tab-bar :focus-visible,.on-dark :focus-visible{outline-color:#fbbf24;outline-color:var(--focus-ring-color-on-dark)}::placeholder{color:#6b7280;color:var(--text-placeholder);opacity:1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (pointer:coarse){.touch-target,[role=button],button,select{min-height:48px;min-height:var(--touch-min)}[role=button],button{min-width:48px;min-width:var(--touch-min)}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,1em)}input[type=checkbox],input[type=radio]{min-height:22px;min-width:22px}label:has(>input[type=checkbox]),label:has(>input[type=radio]){align-items:center;display:inline-flex;min-height:48px;min-height:var(--touch-min)}.barcode-input,.customer-select,.search-input{font-size:16px;min-height:44px}body,html{overscroll-behavior-y:none}}@media (prefers-reduced-motion:reduce){.btn-press:active,button:active:not(:disabled){transform:none;transition:none}.animate-fade-in,.animate-scale-in,.animate-slide-up{animation:none}*,:after,:before{scroll-behavior:auto!important}}@media print{.app-footer,.app-header,.app-tab-bar,.scan-flash,.scanner-off-bar,.toast-container,.toast-stack{display:none!important}.app-main{animation:none!important;max-width:none!important;padding:0!important}}body,html{touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;margin:0}code{font-family:var(--font-mono)}.login-page{align-items:center;background:var(--color-primary-800);background-image:radial-gradient(ellipse at 20% 50%,#3b54904d 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#d977061a 0,#0000 40%);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top, 0px)) 20px calc(20px + env(safe-area-inset-bottom, 0px))}.login-container{animation:slideUp var(--transition-slow) ease;max-width:420px;width:100%}.login-header{color:var(--text-inverse);margin-bottom:32px;text-align:center}.login-header h1{font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-bold);letter-spacing:-.03em;margin:0 0 6px}.login-header p{color:var(--color-neutral-300);font-size:var(--text-sm);font-weight:var(--font-normal);letter-spacing:.05em;margin:0;text-transform:uppercase}.login-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:32px}.login-card h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 24px;text-align:center}.login-error{background-color:var(--color-danger-50);border-left:4px solid var(--color-danger-500);color:var(--color-danger-700)}.login-error,.login-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:20px;padding:12px 15px}.login-success{background-color:var(--color-success-50);border-left:4px solid var(--color-success-500);color:var(--color-success-700)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em;margin-bottom:6px}.form-group input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:12px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.form-group input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed}.form-group input::placeholder{color:var(--text-placeholder)}.password-field{position:relative}.form-group .password-field input{padding-right:52px}.password-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:44px;justify-content:center;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px}.password-toggle:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}.password-toggle:active:not(:disabled){transform:translateY(-50%)}.login-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:14px 20px;transition:all var(--transition-fast);width:100%}.login-button:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-help{color:var(--text-tertiary);font-size:var(--text-sm);margin:20px 0 0;text-align:center}.login-footer{color:var(--color-neutral-300);font-size:var(--text-xs);letter-spacing:.02em;margin-top:32px;text-align:center}.login-footer p{margin:0}.loading-page{align-items:center;background-color:var(--bg-page);display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.loading-content{color:var(--text-secondary)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);height:40px;margin:0 auto 16px;width:40px}.access-denied-page{align-items:center;background-color:var(--bg-page);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.access-denied-container{animation:scaleIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:40px;text-align:center}.access-denied-icon{align-items:center;background-color:var(--color-danger-100);border-radius:var(--radius-full);color:var(--text-danger);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.access-denied-container h2{color:var(--text-danger);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 12px}.access-denied-container p{color:var(--text-primary);font-size:var(--text-sm);margin:0 0 10px}.access-denied-hint{color:var(--text-tertiary)!important;font-size:var(--text-sm)!important}.access-denied-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);margin-top:20px;padding:12px 28px;transition:all var(--transition-fast)}.access-denied-button:hover{background-color:var(--color-primary-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media screen and (max-width:480px){.login-header h1{font-size:1.5rem}.login-card{border-radius:var(--radius-lg);padding:24px 20px}.login-card h2{font-size:var(--text-lg)}.access-denied-container{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.access-denied-container,.login-container{animation:none}.loading-spinner{animation-duration:2.4s}}.toast-stack{display:flex;flex-direction:column;gap:12px;max-width:calc(100% - 32px);pointer-events:none;position:fixed;width:400px;z-index:9999}.toast-top-center{left:50%;transform:translateX(-50%)}.toast-top-center,.toast-top-right{top:calc(20px + env(safe-area-inset-top, 0px))}.toast-top-right{right:calc(20px + env(safe-area-inset-right, 0px))}.toast-bottom-center{left:50%;transform:translateX(-50%)}.toast-bottom-center,.toast-bottom-right{bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.toast-bottom-right{right:calc(20px + env(safe-area-inset-right, 0px))}.toast{align-items:center;animation:toast-slide-in .35s cubic-bezier(.21,1.02,.73,1) forwards;background-color:var(--bg-card);border:1px solid var(--border-default);border-left-width:6px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;overflow:hidden;padding:10px 6px 10px 14px;pointer-events:auto;position:relative}.toast-error{border-left-color:var(--color-danger-700)}.toast-success{border-left-color:var(--color-success-700)}.toast-warning{border-left-color:var(--color-warning-700)}.toast-info{border-left-color:var(--color-primary-600)}.toast-icon{align-items:center;border-radius:var(--radius-full);color:var(--text-inverse);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:12px;width:28px}.toast-error .toast-icon{background-color:var(--color-danger-700)}.toast-success .toast-icon{background-color:var(--color-success-700)}.toast-warning .toast-icon{background-color:var(--color-warning-700)}.toast-info .toast-icon{background-color:var(--color-primary-600)}.toast-message{color:var(--text-primary);flex:1 1;font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);overflow-wrap:anywhere}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-left:4px;transition:all var(--transition-fast);width:44px}.toast-close:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-40%)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.toast-bottom-center,.toast-bottom-right,.toast-stack,.toast-top-center,.toast-top-right{bottom:calc(12px + env(safe-area-inset-bottom, 0px));bottom:calc(12px + var(--tab-bar-height, 0px) + var(--toast-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));left:50%;max-width:480px;right:auto;top:auto;transform:translateX(-50%);width:calc(100% - 24px)}.toast{animation-name:toast-slide-up}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.meter{background:var(--color-neutral-100);border-radius:var(--radius-full);height:6px;overflow:hidden;width:100%}.meter-lg{height:12px}.meter-fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%;transition:width .4s ease}.meter-fill.complete{background:var(--color-success-600)}@media (prefers-reduced-motion:reduce){.meter-fill{transition:none}}.due-date{display:flex;flex-direction:column;gap:2px}.due-date.inline{align-items:baseline;display:inline-flex;flex-direction:row;gap:6px}.due-date-label{color:var(--text-primary);white-space:nowrap}.due-date-relative{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap}.due-soon .due-date-relative{color:var(--color-warning-700);font-weight:var(--font-semibold)}.due-overdue .due-date-label,.due-overdue .due-date-relative{color:var(--color-danger-700);font-weight:var(--font-semibold)}@media print{.meter{display:none!important}}.order-list-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.order-list-header{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px}.order-list-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.02em;margin:0}.order-list-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.toggle-view-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.toggle-view-button.view-active{background-color:var(--color-danger-600)}.toggle-view-button:hover{opacity:.9;transform:translateY(-1px)}.header-buttons{align-items:center;display:flex;gap:10px}.refresh-balance-button{align-items:center;background-color:var(--color-success-700);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.refresh-balance-button:hover:not(:disabled){background-color:var(--color-success-800);transform:translateY(-1px)}.refresh-balance-button:disabled{background-color:var(--color-neutral-400);cursor:not-allowed}.filters-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.search-container{flex:1 1;min-width:250px;position:relative}.search-input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901a}.search-input::placeholder{color:var(--text-placeholder)}.customer-filter{width:200px}.customer-select{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:10px 14px;transition:border-color var(--transition-fast);width:100%}.customer-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901a}.clear-filters-button{align-items:center;background-color:var(--color-neutral-200);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:10px 16px;transition:all var(--transition-fast)}.clear-filters-button:hover{background-color:var(--color-neutral-300);color:var(--text-primary)}.clear-filters-button:disabled{cursor:not-allowed;opacity:.5}.no-orders{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-base);gap:var(--space-3);padding:40px 0;text-align:center}.no-orders p{margin:0}.no-orders svg,.order-scan-hint{color:var(--text-tertiary)}.order-scan-hint{font-size:var(--text-sm);margin:var(--space-2) 0 0}.next-order-button{align-items:center;background-color:var(--color-primary-700);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);gap:var(--space-3);margin-bottom:var(--space-4);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.next-order-button:hover{background-color:var(--color-primary-800)}.next-order-label{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.05em;opacity:.85;text-transform:uppercase}.next-order-id{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold)}.next-order-customer{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refresh-balance-button .spin{animation:order-list-spin 1s linear infinite}@keyframes order-list-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.refresh-balance-button .spin{animation:none}}.orders-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:10px;width:100%}.orders-table{border-collapse:collapse;width:100%}.orders-table th{background-color:var(--bg-table-header);border-bottom:2px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;text-align:left}.orders-table tr:last-child td{border-bottom:none}.order-link{color:var(--text-primary);font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap}.order-link:hover{text-decoration:underline}.order-row{cursor:pointer;transition:all var(--transition-fast)}.order-row:hover{background-color:var(--bg-card-hover)}.order-status{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.01em;padding:4px 12px}.status-ready{background-color:var(--color-primary-100);color:var(--color-primary-800)}.status-in-progress{background-color:var(--color-accent-100);color:var(--color-accent-700)}.status-awaiting-confirmation{background-color:var(--color-warning-100);color:var(--color-warning-700)}.status-complete,.status-picked-complete{background-color:var(--color-success-100);color:var(--color-success-700)}.status-ready-to-pick{background-color:var(--color-primary-100);color:var(--color-primary-800)}.overdue-order td:first-child{box-shadow:inset 4px 0 0 var(--color-danger-600)}.order-list-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 14px}.order-list-count{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.order-list-overdue{color:var(--color-danger-700);font-weight:var(--font-semibold)}.picked-cell{width:140px}.order-pick-progress{display:flex;flex-direction:column;gap:5px}.order-pick-numbers{font-feature-settings:"tnum";color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.order-pick-numbers strong{color:var(--text-primary);font-size:var(--text-base)}.stale-warning-banner{animation:slideDown var(--transition-base) ease;margin-bottom:12px}.stale-warning-dismiss-btn{align-items:center;border:1px solid var(--color-warning-500);border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:4px 10px;transition:all var(--transition-fast)}.stale-warning-dismiss-btn:hover{background:var(--color-warning-700);color:var(--text-inverse)}.skeleton-table{width:100%}.skeleton-table-row{animation:fadeIn var(--transition-slow) ease;border-bottom:1px solid var(--border-light);display:flex;gap:16px;padding:14px 16px}.skeleton-table-row:first-child{animation-delay:0ms}.skeleton-table-row:nth-child(2){animation-delay:50ms}.skeleton-table-row:nth-child(3){animation-delay:.1s}.skeleton-table-row:nth-child(4){animation-delay:.15s}.skeleton-table-row:nth-child(5){animation-delay:.2s}.skeleton-table-cell{border-radius:var(--radius-sm);height:16px}.skeleton-table-cell:first-child{flex:2 1}.skeleton-table-cell:nth-child(2){flex:3 1}.skeleton-table-cell:nth-child(3){flex:2 1}.skeleton-table-cell:nth-child(4){flex:1 1}.filters-container.mobile-layout{flex-direction:column;gap:10px}.filters-container.mobile-layout .customer-filter,.filters-container.mobile-layout .search-container{width:100%}@media screen and (min-width:1201px){.order-list-container{padding:28px}}@media screen and (max-width:991px) and (min-width:769px){.order-list-container{padding:20px}.filters-container{flex-direction:row;flex-wrap:wrap}.customer-filter,.search-container{min-width:200px}}@media screen and (max-width:820px) and (min-width:768px){.order-list-title{flex-direction:row;gap:10px}.filters-container{gap:10px}}@media screen and (max-width:767px){.order-list-container{border-radius:var(--radius-md);padding:16px}.order-list-title{align-items:flex-start;flex-direction:column;gap:10px}.header-buttons{flex-wrap:wrap;width:100%}.header-buttons button{flex:1 1 auto;font-size:var(--text-base);justify-content:center;min-height:var(--touch-min)}.filters-container{flex-direction:column;gap:10px;margin-top:10px}.customer-filter,.search-container{min-width:auto;width:100%}.clear-filters-button,.customer-select,.search-input{font-size:var(--text-base);min-height:var(--touch-min)}.clear-filters-button{justify-content:center}.stale-warning-banner{flex-wrap:wrap;font-size:var(--text-base)}.stale-warning-dismiss-btn{font-size:var(--text-sm);min-height:var(--touch-min)}.orders-table-container{overflow-x:visible}.orders-table,.orders-table tbody{display:block}.orders-table thead{display:none}.orders-table tr.order-row{grid-gap:6px 12px;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);display:grid;gap:6px 12px;grid-template-areas:"id status" "customer customer" "due progress";grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px;padding:12px 14px;position:relative}.orders-table td{border-bottom:none;display:block;font-size:var(--text-base);min-width:0;padding:0}.orders-table td.order-id-cell{grid-area:id}.orders-table td.order-customer-cell{font-weight:var(--font-medium);grid-area:customer;overflow-wrap:anywhere}.orders-table td.order-due-cell{grid-area:due}.orders-table td.status-column{grid-area:status;justify-self:end}.orders-table td.picked-cell{grid-area:progress;width:120px}.order-link{font-size:var(--text-lg)}.order-link:after{border-radius:var(--radius-md);content:"";inset:0;position:absolute}.order-link:focus-visible{outline:none}.order-link:focus-visible:after{box-shadow:var(--focus-ring)}.overdue-order td:first-child{box-shadow:none}.orders-table tr.order-row.overdue-order{border-left:5px solid var(--color-danger-600)}.order-status{font-size:.8125rem;padding:4px 10px}}@media screen and (max-width:480px){.order-list-container{border-radius:var(--radius-sm);padding:12px}.orders-table td.picked-cell{width:100px}}.barcode-scanner{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:15px 0;padding:16px}.barcode-scanner.is-off{border-color:var(--color-danger-600)}.scanner-off-bar{align-items:center;background-color:var(--color-danger-700);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-medium);gap:var(--space-3);justify-content:center;letter-spacing:.02em;margin-bottom:14px;min-height:var(--touch-min);padding:12px 16px;position:sticky;top:env(safe-area-inset-top,0);width:100%;z-index:20}.scanner-off-bar strong{font-weight:var(--font-bold);letter-spacing:.06em}.scanner-off-bar:hover{background-color:var(--color-danger-600)}.scanner-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:14px}.scanner-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.barcode-scanner .scanner-toggle{align-items:center;background-color:var(--bg-card);border:2px solid var(--color-primary-800);border-radius:var(--radius-md);color:var(--color-primary-800);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);margin:0;min-height:var(--touch-min);padding:8px 14px;transition:background-color var(--transition-fast),color var(--transition-fast)}.barcode-scanner .scanner-toggle:hover{background-color:var(--color-primary-50)}.scanner-toggle-state{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.06em;padding:2px 8px}.scanner-toggle.active .scanner-toggle-state{background-color:var(--color-success-700);color:var(--text-inverse)}.scanner-toggle.inactive .scanner-toggle-state{background-color:var(--color-danger-700);color:var(--text-inverse)}.scanner-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:6px}.scanner-input-container{display:flex;gap:10px}.barcode-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:18px;min-height:var(--touch-min);padding:10px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.barcode-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.barcode-input::placeholder{color:var(--text-placeholder);font-family:var(--font-body)}.barcode-input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed}.scan-button{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;min-height:var(--touch-min);padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.scan-button:hover{background-color:var(--color-primary-700)}.scan-button:disabled{cursor:not-allowed;opacity:.5}.scanner-instruction{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:10px}.barcode-scanner.compact-layout{padding:12px}.barcode-scanner.compact-layout .scanner-header{margin-bottom:10px}.barcode-scanner.compact-layout .scanner-header h2{font-size:var(--text-base)}.barcode-scanner.compact-layout .scan-button{min-width:88px;padding:8px 14px}@media screen and (max-width:480px){.barcode-scanner,.barcode-scanner.compact-layout{padding:10px}.scanner-input-container{flex-direction:column;gap:8px}.barcode-scanner .scan-button{width:100%}.scanner-off-bar{font-size:var(--text-base)}}@media screen and (max-height:480px) and (orientation:landscape){.barcode-scanner{margin:10px 0;padding:10px}.scanner-input-container{flex-direction:row}.barcode-input{padding:8px 10px}}.modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease;background:#0f1a2e8c;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.modal{--modal-margin:var(--space-4);animation:scaleIn var(--transition-base) ease;background:var(--bg-card);border-radius:var(--radius-xl);border-top:4px solid #0000;box-shadow:var(--shadow-xl);color:var(--text-primary);display:flex;flex-direction:column;max-height:calc(100vh - var(--modal-margin)*2);max-height:calc(100dvh - var(--modal-margin)*2);overflow:hidden;width:100%}.modal:focus{outline:none}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:860px}.modal-tone-danger{border-top-color:var(--color-danger-600)}.modal-tone-success{border-top-color:var(--color-success-600)}.modal-tone-warning{border-top-color:var(--color-warning-500)}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-6)}.modal-title-icon{color:var(--color-primary-600);display:inline-flex;flex-shrink:0}.modal-tone-danger .modal-title-icon{color:var(--text-danger)}.modal-tone-success .modal-title-icon{color:var(--text-success)}.modal-tone-warning .modal-title-icon{color:var(--text-warning)}.modal-title{flex:1 1;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;margin-left:auto;transition:background-color var(--transition-fast),color var(--transition-fast);width:44px}.modal-close:hover{background:var(--color-neutral-100);color:var(--text-primary)}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-6)}.modal-footer{background:var(--bg-card);border-top:1px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;padding:var(--space-3) var(--space-6) var(--space-4)}@media screen and (max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal{--modal-margin:var(--space-3);animation:slideUp var(--transition-slow) ease;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:calc(100vh - var(--modal-margin));max-height:calc(100dvh - var(--modal-margin));max-width:none}.modal-header{padding-left:var(--space-4)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom, 0px))}.modal-footer>*{flex:1 1 100%}.modal-body:last-child{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom, 0px))}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}}@media print{.modal-overlay{display:none!important}}.last-scan{align-items:center;animation:last-scan-in .3s ease;background:var(--bg-card);border:2px solid var(--border-default);border-left-width:8px;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.last-scan-icon{flex-shrink:0}.last-scan-text{flex:1 1;min-width:0}.last-scan-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.last-scan-label{background:var(--color-neutral-600);border-radius:var(--radius-sm);color:var(--text-inverse);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.last-scan-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere}.last-scan-detail{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-base);margin-top:var(--space-1);overflow-wrap:anywhere}.last-scan-meta{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-1)}.last-scan-success{background:var(--color-success-50);border-color:var(--color-success-200);border-left-color:var(--color-success-600)}.last-scan-success .last-scan-icon{color:var(--text-success)}.last-scan-success .last-scan-label{background:var(--color-success-700)}.last-scan-error{background:var(--color-danger-50);border-color:var(--color-danger-200);border-left-color:var(--color-danger-600)}.last-scan-error .last-scan-icon{color:var(--text-danger)}.last-scan-error .last-scan-label{background:var(--color-danger-700)}.last-scan-warning{background:var(--color-warning-50);border-color:var(--color-accent-200);border-left-color:var(--color-warning-500)}.last-scan-warning .last-scan-icon{color:var(--text-warning)}.last-scan-warning .last-scan-label{background:var(--color-warning-700)}.last-scan-idle{border-left-color:var(--color-neutral-300);border-style:dashed dashed dashed solid}.last-scan-idle .last-scan-icon{color:var(--text-tertiary)}.last-scan-idle .last-scan-title{color:var(--text-secondary)}.last-scan-compact{border-left-width:6px;gap:var(--space-3);padding:var(--space-3)}.last-scan-compact .last-scan-title{font-size:var(--text-lg)}.last-scan-compact .last-scan-detail{font-size:var(--text-sm)}@keyframes last-scan-in{0%{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.last-scan{animation:none}}.order-detail-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px}.order-detail-header{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px;margin-bottom:0;padding-bottom:16px}.order-detail-header h2{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);letter-spacing:-.02em;margin:0}.header-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.print-production-btn{align-items:center;background-color:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.print-production-btn:disabled{cursor:not-allowed;opacity:.6}.print-production-btn:hover:not(:disabled){background-color:var(--color-primary-600);transform:translateY(-1px)}.header-print-actions{display:flex;flex-wrap:wrap;gap:8px}.label-address-preview{background-color:#fafafa;background-color:var(--color-neutral-50,#fafafa);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);display:flex;flex-direction:column;font-size:var(--text-base);gap:2px;margin-bottom:var(--space-4);padding:12px 14px}.label-address-preview .label-ref{color:var(--text-secondary);font-size:var(--text-sm);margin-top:6px}.label-boxes-field{color:var(--text-primary);display:flex;flex-direction:column;font-weight:var(--font-semibold);gap:6px}.label-boxes-field input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:18px;max-width:140px;min-height:var(--touch-min);padding:8px 12px}.label-hint{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:12px 0 0;margin:var(--space-3,12px) 0 0}.print-option-btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal-text,.print-modal-intro{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.print-modal-buttons{display:flex;flex-direction:column;gap:10px}.modal-danger-btn,.modal-secondary-btn,.print-option-btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);min-height:var(--touch-min);padding:12px 20px;transition:background-color var(--transition-fast)}.print-option-btn{background-color:var(--color-primary-600);border:none;color:var(--text-inverse)}.print-option-btn:hover{background-color:var(--color-primary-700)}.modal-secondary-btn{background-color:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary)}.modal-secondary-btn:hover:not(:disabled){background-color:var(--color-neutral-100)}.modal-danger-btn{background-color:var(--color-danger-700);border:none;color:var(--text-inverse)}.modal-danger-btn:hover:not(:disabled){background-color:var(--color-danger-600)}.modal-danger-btn:disabled,.modal-secondary-btn:disabled{cursor:not-allowed;opacity:.6}.delete-error{background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--text-danger);font-size:var(--text-sm);padding:10px 14px}.back-button{align-items:center;align-self:flex-start;background-color:var(--color-neutral-100);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);min-height:var(--touch-min);padding:8px 16px;transition:all var(--transition-fast)}.back-button:hover{background-color:var(--color-neutral-200);color:var(--text-primary)}.customer-info{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:20px;margin-top:10px}.customer-info p{margin:0}.customer-info strong{color:var(--text-primary);font-weight:var(--font-semibold)}.order-notes{background-color:var(--color-warning-100);border-left:4px solid var(--color-warning-500);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:10px;padding:10px 14px;width:100%}.progress-container{margin:0}.progress-bar{background-color:var(--color-neutral-200);height:24px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:6px;text-align:center}.confirm-pick-panel{align-items:center;background-color:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-md);color:var(--color-success-700);display:flex;flex-wrap:wrap;font-weight:var(--font-medium);gap:12px;justify-content:space-between;padding:14px 16px}.confirm-pick-panel p{margin:0}.confirm-pick-btn{align-items:center;background-color:var(--color-success-700);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:8px;padding:12px 24px}.confirm-pick-btn:hover:not(:disabled){background-color:var(--color-success-800)}.confirm-pick-btn:disabled{cursor:wait;opacity:.7}@media (max-width:768px){.confirm-pick-btn{justify-content:center;width:100%}}.items-list{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:0;padding:20px}.items-list h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:16px;margin-top:0}.scanner-container{background-color:var(--bg-surface);border-radius:var(--radius-lg);border-top:3px solid var(--color-primary-500);margin-bottom:0;padding:20px}.scanner-container h3{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:0}.items-table{border-collapse:collapse;margin-top:10px;width:100%}.items-table th{background-color:var(--bg-table-header);border-bottom:2px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);padding:12px 16px;text-align:left}.dispatch-date-line{align-items:baseline;display:inline-flex;gap:6px}.items-table tr.item-row td:first-child{box-shadow:inset 4px 0 0 var(--color-primary-500)}.items-table tr.item-row.picked td:first-child{box-shadow:inset 4px 0 0 var(--color-success-500)}.items-table tr.item-row.out-of-stock td{background-color:var(--color-danger-50)}.items-table tr.item-row.out-of-stock td:first-child{box-shadow:inset 4px 0 0 var(--color-danger-500)}.items-table tr.picked td{color:var(--text-tertiary)}.items-table tr.picked .quantity-cell{font-weight:var(--font-medium)}.status-indicator{align-items:center;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;white-space:nowrap}.status-indicator.picked{color:var(--color-success-700)}.status-indicator.pending{color:var(--color-primary-700)}.items-table .quantity-cell{font-feature-settings:"tnum";font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}.items-table .barcode-cell{color:var(--text-secondary);font-family:var(--font-mono)}.insufficient-stock .balance-value{color:var(--color-danger-700);font-weight:var(--font-semibold)}.short-by{color:var(--color-danger-700);display:block;font-size:var(--text-xs);font-weight:var(--font-bold);margin-top:2px;white-space:nowrap}.scan-progress{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);width:100%}.scan-progress-bar{background-color:var(--color-neutral-200);border-radius:var(--radius-full);height:6px;margin-top:4px;overflow:hidden}.scan-progress-fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-full);height:100%;transition:width .3s ease}@media screen and (max-width:820px) and (min-width:768px){.order-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.items-table{font-size:.95rem}}@media screen and (max-width:900px){.order-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.customer-info{margin-left:0;margin-top:10px}.items-list{padding:12px}.items-table,.items-table tbody{display:block}.items-table thead{display:none}.items-table tr{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-md);column-gap:14px;display:flex;flex-wrap:wrap;margin-bottom:10px;padding:10px 12px;row-gap:4px}.items-table td{border-bottom:none;display:block;padding:0}.items-table td:nth-child(2){flex:1 1;font-weight:var(--font-semibold);min-width:0;order:1;overflow-wrap:anywhere}.items-table td.status-column{flex:0 0 auto;order:2}.items-table td:nth-child(3){color:var(--text-secondary);flex:1 1 100%;font-size:var(--text-sm);order:3;word-break:break-all}.items-table td:nth-child(4){font-weight:var(--font-semibold);order:4}.items-table td:nth-child(4):before{color:var(--text-secondary);content:"Qty: ";font-weight:var(--font-normal)}.items-table td.warehouse-balance-column{order:5}.items-table td.warehouse-balance-column:before{color:var(--text-secondary);content:"Stock: ";font-weight:var(--font-normal)}.items-table td.warehouse-balance-column .short-by{display:inline;font-size:var(--text-sm);margin-left:6px}.items-table td{font-size:var(--text-base)}.items-table tr.item-row td:first-child{box-shadow:none}.items-table tr.item-row{border-left:4px solid var(--color-primary-500)}.items-table tr.item-row.picked{border-left-color:var(--color-success-500)}.items-table tr.item-row.out-of-stock{background-color:var(--color-danger-50);border-left-color:var(--color-danger-500)}.items-table tr.item-row.out-of-stock td:first-child{box-shadow:none}.items-table td.scan-progress-column{color:var(--text-secondary);flex:1 1 100%;font-size:var(--text-sm);min-width:0;order:6}}@media screen and (min-width:901px) and (max-width:1024px){.items-table .barcode-column{display:none}}@media screen and (max-width:480px){.order-detail-container{gap:16px;padding:12px}.items-table tr{padding:10px}.header-print-actions,.header-print-actions>button,.header-top-row>button{flex:1 1 auto;justify-content:center}}.items-table tr.highlighted-scan{outline:3px solid var(--color-accent-500);outline-offset:-3px}.items-table tr.highlighted-scan.highlight-0 td{animation:highlight-pulse-0 1.5s ease-in-out}.items-table tr.highlighted-scan.highlight-1 td{animation:highlight-pulse-1 1.5s ease-in-out}@keyframes highlight-pulse-0{0%,60%{background-color:var(--color-accent-200)}to{background-color:var(--color-accent-50)}}@keyframes highlight-pulse-1{0%,60%{background-color:var(--color-accent-200)}to{background-color:var(--color-accent-50)}}@media (prefers-reduced-motion:reduce){.items-table tr.highlighted-scan td{animation:none!important;background-color:var(--color-accent-100)}}.scanner-container .last-scan{margin-top:var(--space-3)}.scan-status-strip{align-items:stretch;background-color:var(--bg-card);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-3);margin:-8px -8px 0;padding:8px;position:sticky;top:env(safe-area-inset-top,0);z-index:21}.scan-status-strip-panel{flex:1 1;min-width:0}.scan-status-strip-panel .last-scan{height:100%}.strip-scanner-toggle{align-items:center;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex-direction:column;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:2px;justify-content:center;min-height:var(--touch-min);min-width:84px;padding:6px 10px}.strip-scanner-toggle.active{background-color:var(--color-success-50);border-color:var(--color-success-600);color:var(--text-success)}.strip-scanner-toggle.inactive{background-color:var(--color-danger-700);color:var(--text-inverse)}.strip-scanner-state{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:.05em}@media screen and (max-width:480px){.scan-status-strip{gap:var(--space-2)}.strip-scanner-toggle{min-width:64px;padding:4px 6px}}.confirmed-panel{align-items:center;background-color:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-md);color:var(--text-success);display:flex;flex-wrap:wrap;font-weight:var(--font-medium);gap:12px;justify-content:space-between;padding:14px 16px}.confirmed-panel p{align-items:center;display:inline-flex;gap:var(--space-2);margin:0}.confirmed-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.next-order-btn,.secondary-action-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;min-height:var(--touch-min);padding:10px 20px}.next-order-btn{background-color:var(--color-primary-700);border:none;color:var(--text-inverse)}.next-order-btn:hover:not(:disabled){background-color:var(--color-primary-800)}.next-order-btn:disabled{cursor:wait;opacity:.7}.secondary-action-btn{background-color:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary)}.secondary-action-btn:hover{background-color:var(--color-neutral-100)}@media (max-width:768px){.confirmed-actions,.confirmed-actions button{width:100%}}.no-items{color:var(--text-secondary);margin:0;padding:24px 0;text-align:center}.customer-info-skeleton{height:18px;width:60%}.order-missing h2{font-family:var(--font-heading);margin:var(--space-4) 0 var(--space-2)}.order-missing p{color:var(--text-secondary);margin:0}.order-danger-zone{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding-top:var(--space-4)}.delete-order-btn{align-items:center;background-color:var(--bg-card);border:1px solid var(--color-danger-300);border-radius:var(--radius-md);color:var(--text-danger);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);min-height:var(--touch-min);padding:10px 18px;transition:background-color var(--transition-fast)}.delete-order-btn:hover{background-color:var(--color-danger-50)}.order-detail-container{gap:10px;padding:20px}.order-detail-header{gap:8px;padding-bottom:12px}.order-detail-header .header-top-row{flex-wrap:wrap;gap:10px 16px}.order-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px 16px;min-width:0}.order-detail-header h2{font-size:var(--text-xl);white-space:nowrap}.order-detail-header .back-button{font-size:var(--text-sm);min-height:40px;padding:6px 12px}.order-detail-header .customer-info{align-items:baseline;gap:4px 18px;margin:0}.order-detail-header .header-print-actions{margin-left:auto}.order-detail-header .print-production-btn{background-color:var(--color-neutral-500);font-weight:var(--font-semibold);min-height:40px;padding:8px 16px}.order-detail-header .print-production-btn:hover:not(:disabled){background-color:var(--color-neutral-600);transform:none}.order-detail-header .order-notes{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;padding:6px 12px}.pick-overview{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:8px 20px;padding:6px}.pick-scanner{flex:1 1 520px;min-width:0}.pick-overview .barcode-scanner{align-items:center;background:none;border:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.pick-overview .barcode-scanner.is-off{border:2px solid var(--color-danger-600);padding:4px}.pick-overview .scanner-off-bar{flex:1 1 100%;font-size:var(--text-base);margin:0;min-height:40px;padding:8px 12px}.pick-overview .scanner-header{margin:0}.pick-overview .barcode-scanner .scanner-toggle{font-size:var(--text-sm);min-height:40px;padding:6px 12px}.pick-overview .scanner-label{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.pick-overview .scanner-input-container{flex:1 1 260px;gap:8px;min-width:0}.pick-overview .barcode-input{min-height:40px;padding:6px 12px}.pick-overview .scan-button{font-size:var(--text-sm);min-height:40px;padding:6px 16px}.pick-overview .scanner-instruction{display:none}.pick-summary{align-items:center;display:flex;gap:12px;margin-left:auto;padding:0 10px;white-space:nowrap}.pick-summary p{margin:0}.pick-summary .summary-remaining{color:var(--text-secondary);font-size:var(--text-sm)}.pick-summary .summary-remaining-value{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold)}.pick-summary .meter{background:var(--color-neutral-200);width:110px}.pick-summary .summary-detail{color:var(--text-secondary);font-size:var(--text-xs)}.order-detail-container>.last-scan{border-width:1px 1px 1px 6px;padding:6px 14px}.order-detail-container>.last-scan .last-scan-icon{height:24px;width:24px}.order-detail-container>.last-scan .last-scan-text{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 14px}.order-detail-container>.last-scan .last-scan-detail,.order-detail-container>.last-scan .last-scan-meta{margin:0}.items-list{border:none;border-radius:0;padding:0}.items-table{margin:0}.items-table th{background-color:var(--color-primary-800);border-bottom:none;color:var(--text-inverse);padding:9px 12px;position:sticky;top:0;z-index:5}.items-table th:first-child{border-top-left-radius:var(--radius-md)}.items-table th:last-child{border-top-right-radius:var(--radius-md)}.items-table td{padding:7px 12px}.items-table .item-name-cell{font-size:var(--text-base);font-weight:var(--font-medium)}.items-table td.warehouse-balance-column .short-by{display:inline;margin:0 0 0 8px}.items-table .scan-progress-bar{margin-top:3px}@media screen and (min-width:901px){.items-table .status-column{width:96px}.items-table .barcode-column{width:150px}.items-table .quantity-cell,.items-table .quantity-column{text-align:center;width:64px}.items-table .scan-progress-column{width:150px}.items-table .warehouse-balance-column{width:140px}}@media screen and (max-width:900px){.order-title-group{width:100%}.order-detail-header .header-print-actions{margin-left:0}.pick-overview{padding:6px 4px}.pick-summary{flex-wrap:wrap;margin-left:0;white-space:normal}.items-table th{position:static}.items-table tr{margin-bottom:6px;padding:8px 12px;row-gap:2px}.items-table td:nth-child(2){flex-basis:calc(100% - 130px);flex-grow:1;flex-shrink:1}.items-table td:nth-child(3){flex:0 1 auto}.items-table td.scan-progress-column{flex:1 1 auto;text-align:right}.items-table td.scan-progress-column .scan-progress{align-items:flex-end}.items-table td.scan-progress-column .scan-progress-bar{width:120px}}.settings-page{margin:0 auto;max-width:960px;padding:var(--space-6) 16px}.settings-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-xl);gap:8px;margin:0 0 16px}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:20px}.settings-lock{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:360px;text-align:center}.settings-lock p{color:var(--text-secondary);margin:0}.settings-lock-icon{color:var(--color-primary-600)}.settings-password{border:2px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-base);min-height:44px;padding:8px 12px;width:100%}.settings-password:focus{border-color:var(--color-primary-500);outline:none}.settings-password[aria-invalid=true]{border-color:var(--color-danger-500)}.settings-error{color:var(--color-danger-700);font-size:var(--text-sm)}.settings-btn,.settings-error{font-weight:var(--font-semibold)}.settings-btn{background-color:var(--color-primary-800);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--text-base);min-height:44px;width:100%}.settings-btn:disabled{cursor:default;opacity:.6}.settings-section-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);margin:0 0 12px}.settings-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.settings-row-text{display:flex;flex-direction:column;gap:4px}.settings-row-label{align-items:center;color:var(--text-primary);display:inline-flex;font-weight:var(--font-semibold);gap:6px}.settings-row-help{color:var(--text-secondary);font-size:var(--text-sm)}.settings-switch{align-items:center;background-color:var(--color-neutral-300);border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;padding:0 10px;position:relative;transition:background-color var(--transition-fast);width:84px}.settings-switch.on{background-color:var(--color-success-600)}.settings-switch:disabled{cursor:default;opacity:.6}.settings-switch-knob{background-color:var(--bg-card);border-radius:50%;box-shadow:0 1px 3px #00000040;height:32px;left:4px;position:absolute;top:4px;transition:transform var(--transition-fast);width:32px}.settings-switch.on .settings-switch-knob{transform:translateX(44px)}.settings-switch-text{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:auto}.settings-switch.on .settings-switch-text{color:var(--text-inverse);margin-left:0;margin-right:auto}.settings-card+.settings-card{margin-top:16px}.count-log-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.count-log-header .settings-section-title{align-items:center;display:inline-flex;gap:6px;margin:0}.count-log-refresh{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;min-height:40px;min-width:40px;transition:background-color var(--transition-fast),color var(--transition-fast)}.count-log-refresh:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--color-primary-700)}.count-log-refresh:disabled{cursor:default;opacity:.6}.count-log>.settings-row-help{display:block;margin:8px 0 16px;max-width:72ch}.count-log-filters{align-items:flex-end;background-color:var(--color-primary-50);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px}.count-log-field{display:flex;flex-direction:column;gap:4px;min-width:150px}.count-log-field>span:first-child{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.count-log-field select,.count-log-search-box{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);height:40px;padding:0 10px}.count-log-search{flex:1 1 240px}.count-log-search-box{align-items:center;color:var(--text-tertiary);display:flex;gap:6px}.count-log-search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font:inherit;height:100%;min-width:0;outline:none}.count-log-field select:focus-visible,.count-log-search-box:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.count-log-toggle{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px;height:40px;padding:0 14px;-webkit-user-select:none;user-select:none}.count-log-toggle:has(input:checked){background-color:var(--color-danger-50);border-color:var(--color-danger-300);color:var(--color-danger-700)}.count-log-toggle input{accent-color:var(--color-danger-600);height:16px;margin:0;width:16px}.count-log-clear{align-items:center;background:none;border:none;color:var(--color-primary-600);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:4px;height:40px;padding:0 6px}.count-log-clear:hover{text-decoration:underline;text-underline-offset:2px}.count-log-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:4px}.count-log-stat{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:12px;text-align:center}.count-log-stat .value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:1.6rem;font-weight:var(--font-bold);line-height:1.2}.count-log-stat .label{color:var(--text-tertiary);display:block;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.count-log-stat.good .value{color:var(--color-success-700)}.count-log-stat.warn .value{color:var(--color-warning-700)}.count-log-stat.bad .value{color:var(--color-danger-700)}.count-log-subtitle{align-items:baseline;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-sm);gap:8px;margin:20px 0 8px}.count-log-subtitle .count-log-muted{font-size:var(--text-xs);font-weight:400;font-weight:var(--font-normal,400)}.count-log-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.count-log-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.count-log-table td,.count-log-table th{border-bottom:1px solid var(--border-light);padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap}.count-log-table thead th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0}.count-log-table tbody th{color:var(--text-primary);font-weight:var(--font-semibold)}.count-log-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.count-log-table tbody tr:last-child td,.count-log-table tbody tr:last-child th{border-bottom:none}.count-log-table tbody tr:hover{background-color:var(--color-primary-50)}.count-log-table tbody tr.problem{background-color:var(--color-warning-50);box-shadow:inset 3px 0 0 var(--color-warning-500)}.count-log-table tbody tr.selected{background-color:var(--color-primary-100);box-shadow:inset 3px 0 0 var(--color-primary-600)}.count-log-people tbody tr{cursor:pointer}.count-log-counts .when{color:var(--text-secondary)}.count-log-counts td,.count-log-counts th{padding-left:8px;padding-right:8px}.count-log-counts thead th{line-height:1.25;white-space:normal}.count-log-counts .product{max-width:240px;min-width:170px;white-space:normal}.count-log-part{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.count-log-part-desc{color:var(--text-primary);font-weight:var(--font-medium);line-height:1.3;overflow-wrap:anywhere}.count-log-part-code{background-color:var(--bg-card);border:1px solid var(--color-primary-200);border-radius:var(--radius-sm);color:var(--color-primary-700);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);padding:1px 6px}.count-log-pill{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:3px 10px;white-space:nowrap}.count-log-pill.good{background-color:var(--color-success-100);color:var(--color-success-700)}.count-log-pill.warn{background-color:var(--color-warning-100);color:var(--color-warning-700)}.count-log-pill.bad{background-color:var(--color-danger-100);color:var(--color-danger-700)}.count-log-pill.neutral{background-color:var(--color-primary-50)}.count-log-empty,.count-log-muted,.count-log-pill.neutral{color:var(--text-secondary)}.count-log-empty{border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:20px;text-align:center}.count-log-big{color:var(--color-danger-700);font-weight:var(--font-semibold)}@media (max-width:720px){.count-log-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.count-log-field{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:0}.count-log-search{flex-basis:100%}.count-log-counts thead{display:none}.count-log-counts,.count-log-counts tbody,.count-log-counts tr{display:block;width:100%}.count-log-counts tr{grid-gap:6px 10px;border-bottom:1px solid var(--border-light);display:grid;gap:6px 10px;grid-template-columns:1fr 1fr 1fr;padding:12px}.count-log-counts td,.count-log-counts td.num{border:none;display:block;padding:0;text-align:left;white-space:normal}.count-log-counts td:before{color:var(--text-tertiary);content:attr(data-label);display:block;font-size:10px;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.count-log-counts td.product{grid-column:1/-1;min-width:0;order:-1}.count-log-counts td.product:before{content:none}.count-log-counts td.when{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.settings-switch,.settings-switch-knob{transition:none}}.stock-take-container{animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.stock-take-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.stock-take-header h2{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);letter-spacing:-.02em;margin:0}.stock-take-scanner{margin-bottom:20px}.stock-take-summary{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:20px;padding:12px 15px}.summary-label{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold)}.summary-value{color:var(--text-secondary);font-size:var(--text-sm)}.scanned-items-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px;overflow-x:auto}.scanned-items-table{border-collapse:collapse;width:100%}.scanned-items-table td,.scanned-items-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.scanned-items-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.scanned-items-table tbody tr:hover{background-color:var(--bg-surface)}.barcode-cell{font-size:var(--text-sm)}.barcode-cell,.count-cell{font-family:var(--font-mono)}.count-cell{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}.scanned-items-table:not(.ic-doc-table) .count-cell{font-size:var(--text-xl);font-weight:var(--font-bold)}.latest-scan td{animation:latest-scan-flash 1.6s ease-out}.latest-scan td:first-child{box-shadow:inset 4px 0 0 var(--color-primary-500)}@keyframes latest-scan-flash{0%{background-color:var(--color-primary-100)}to{background-color:initial}}@media (prefers-reduced-motion:reduce){.latest-scan td{animation:none}}.time-cell{color:var(--text-tertiary);font-size:var(--text-sm)}.actions-cell{white-space:nowrap}.count-controls{gap:6px}.count-button,.count-controls{align-items:center;display:flex}.count-button{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:1.1rem;font-weight:var(--font-bold);height:var(--touch-min);justify-content:center;transition:all var(--transition-fast);width:var(--touch-min)}.count-button.increment{border-color:var(--color-success-600);color:var(--text-success)}.count-button.increment:hover{background-color:var(--color-success-700);color:#fff}.count-button.decrement{border-color:var(--color-danger-600);color:var(--color-danger-600)}.count-button.decrement:hover{background-color:var(--color-danger-600);color:#fff}.remove-button{align-items:center;background-color:initial;border:1px solid var(--color-danger-600);border-radius:var(--radius-md);color:var(--color-danger-700);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);min-height:var(--touch-min);padding:6px 14px;transition:all var(--transition-fast)}.remove-button:hover{background-color:var(--color-danger-600);color:#fff}.stock-take-empty{color:var(--text-tertiary);padding:40px 20px;text-align:center}.stock-take-empty p{font-size:var(--text-base);margin:0}.stock-take-footer{align-items:center;background-color:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-default);bottom:calc(env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 0px) + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 12px #0f1a2e14;display:flex;gap:var(--space-4);justify-content:space-between;margin:20px -20px -20px;padding:var(--space-3) 20px;position:sticky;z-index:20}.submit-stock-take-button{align-items:center;background-color:var(--color-success-700);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;min-height:var(--touch-min);padding:12px 24px;transition:all var(--transition-fast)}.submit-stock-take-button:hover:not(:disabled){background-color:var(--color-success-800);transform:translateY(-1px)}.submit-stock-take-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.scan-mode-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:0;margin-bottom:20px;overflow:hidden;width:fit-content}.scan-mode-btn{background-color:var(--bg-surface);border:none;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:10px 20px;transition:all var(--transition-fast)}.scan-mode-btn:first-child{border-right:1px solid var(--border-default)}.scan-mode-btn.active{background-color:var(--color-primary-800);color:var(--text-inverse)}.scan-mode-btn:hover:not(.active){background-color:var(--color-neutral-100)}.ic-doc-input-section{background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.ic-doc-input-section h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 8px}.ic-doc-hint{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 15px}.ic-doc-input-row{align-items:center;display:flex;gap:10px}.ic-doc-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-base);padding:12px 15px;text-transform:uppercase;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ic-doc-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.ic-doc-load-btn{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:12px 24px;transition:all var(--transition-fast);white-space:nowrap}.ic-doc-load-btn:hover:not(:disabled){background-color:var(--color-primary-700)}.ic-doc-load-btn:disabled{cursor:not-allowed;opacity:.6}.ic-doc-info{background-color:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);margin-bottom:20px;padding:15px 20px}.ic-doc-info-header{align-items:center;display:flex;justify-content:space-between}.ic-doc-details h3{color:var(--color-success-700);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0 0 5px}.ic-doc-details p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.ic-doc-summary{align-items:stretch;flex-direction:column;gap:8px;gap:10px}.ic-summary-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between}.ic-summary-counted{color:var(--text-secondary);font-size:var(--text-sm)}.ic-summary-counted strong{font-feature-settings:"tnum";color:var(--color-primary-800);font-family:var(--font-heading);font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.ic-summary-breakdown{display:inline-flex;flex-wrap:wrap;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:4px 14px}.ic-summary-missing{color:var(--color-danger-700)}.ic-summary-short{color:var(--color-warning-700)}.ic-summary-over{color:var(--color-primary-700)}.ic-summary-done{color:var(--color-success-700)}.ic-doc-table .status-cell{width:90px}.ic-status{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold)}.ic-status.not_scanned{color:var(--color-danger-700)}.ic-status.partial{color:var(--color-warning-700)}.ic-status.complete{color:var(--color-success-700)}.ic-status.over{color:var(--color-primary-700)}.ic-doc-table tr td:first-child{box-shadow:inset 4px 0 0 #0000}.ic-row-not_scanned td:first-child{box-shadow:inset 4px 0 0 var(--color-danger-600)}.ic-row-partial td:first-child{box-shadow:inset 4px 0 0 var(--color-warning-500)}.ic-row-over td:first-child{box-shadow:inset 4px 0 0 var(--color-primary-500)}.ic-row-complete td:first-child{box-shadow:inset 4px 0 0 var(--color-success-500)}.ic-row-complete td{color:var(--text-tertiary)}.desc-cell{word-wrap:break-word;white-space:normal}.diff-cell{font-feature-settings:"tnum";font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}.diff-cell.negative{color:var(--color-danger-700)}.diff-cell.positive{color:var(--color-primary-700)}.diff-cell.zero{color:var(--text-quaternary);font-size:var(--text-sm);font-weight:var(--font-medium)}.submit-stock-take-button.ic-submit{background-color:var(--color-primary-800)}.submit-stock-take-button.ic-submit:hover:not(:disabled){background-color:var(--color-primary-700)}.confirm-summary{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 15px}.confirm-summary p{margin:0 0 8px}.confirm-summary ul{color:var(--text-secondary);margin:0;padding-left:20px}.confirm-summary li{margin-bottom:4px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.loading-content{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px 50px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-neutral-200);border:4px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-accent-600);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content p{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.loading-subtext{color:var(--text-tertiary)!important;font-size:var(--text-sm)!important;font-weight:var(--font-normal)!important;margin-top:8px!important}.error-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.stock-take-header-actions{align-items:center;display:flex;gap:15px}.view-toggle-buttons{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-toggle-btn{align-items:center;background-color:var(--bg-surface);border:none;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.view-toggle-btn:first-child{border-right:1px solid var(--border-default)}.view-toggle-btn.active{background-color:var(--color-accent-700);color:#fff}.view-toggle-btn:hover:not(.active){background-color:var(--color-neutral-100)}.scan-mode-btn.has-session:not(.active){background-color:var(--color-warning-100);border-color:var(--color-warning-500)}.ic-session-notice{align-items:center;background-color:var(--color-warning-100);border:1px solid var(--color-warning-500);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-3);justify-content:space-between;margin-bottom:15px;min-height:var(--touch-min);padding:10px 16px;text-align:left;transition:all var(--transition-fast);width:100%}.ic-session-notice:hover{background-color:var(--color-warning-200)}.ic-session-notice strong{color:var(--color-warning-700)}.notice-action{align-items:center;color:var(--text-warning);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-1)}.stock-take-history{padding:10px 0}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.history-header h3{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0}.refresh-history-btn{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.refresh-history-btn:hover{background-color:var(--color-primary-700)}.history-search{margin-bottom:20px;position:relative}.history-search-input{background-color:var(--bg-card);border:2px solid var(--color-primary-300);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);padding:12px 40px 12px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.history-search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.history-search-input::placeholder{color:var(--text-placeholder)}.history-search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.4rem;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:24px}.history-search-clear:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}.history-empty{color:var(--text-tertiary);padding:40px 20px;text-align:center}.history-list{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.history-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.history-table tbody tr:hover{background-color:var(--bg-surface)}.doc-number{color:var(--text-accent);font-family:var(--font-mono);font-weight:var(--font-semibold)}.view-doc-btn{align-items:center;background-color:var(--color-accent-700);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 14px;transition:all var(--transition-fast)}.view-doc-btn:hover{background-color:var(--color-accent-800)}.document-detail{padding:10px 0}.back-to-history-btn{align-items:center;background-color:var(--color-neutral-100);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);margin-bottom:20px;padding:8px 16px;transition:all var(--transition-fast)}.back-to-history-btn:hover{background-color:var(--color-neutral-200);color:var(--text-primary)}.document-header{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px;padding:15px 20px}.document-header h3{color:var(--text-accent);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0 0 5px}.document-date{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.document-items h4{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);margin:0 0 15px}.history-items-table{border-collapse:collapse;width:100%}.history-items-table td,.history-items-table th{border-bottom:1px solid var(--border-light);padding:10px 12px;text-align:left}.history-items-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.discrepancy-summary,.history-items-table tbody tr:hover{background-color:var(--bg-surface)}.discrepancy-summary{border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.discrepancy-summary h4{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 15px}.discrepancy-stats{display:flex;flex-wrap:wrap;gap:15px}.stat-box{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex:1 1;min-width:120px;padding:15px;text-align:center}.stat-box .stat-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:2rem;font-weight:var(--font-bold);line-height:1.2}.stat-box .stat-label{color:var(--text-tertiary);display:block;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;margin-top:5px;text-transform:uppercase}.stat-box.increase .stat-value{color:var(--text-success)}.stat-box.decrease .stat-value{color:var(--color-danger-600)}.stat-box.total .stat-value{color:var(--text-accent)}.stat-box.no-change .stat-value{color:var(--text-tertiary)}.number-col{font-weight:var(--font-semibold);text-align:right}.adjustment,.number-col{font-family:var(--font-mono)}.adjustment{font-weight:var(--font-bold)}.adjustment.positive{color:var(--text-success)}.adjustment.negative{color:var(--color-danger-600)}.adjustment.zero{color:var(--text-tertiary)}.row-increase{background-color:var(--color-success-50)}.row-increase:hover{background-color:#0596691f!important}.row-decrease{background-color:var(--color-danger-50)}.row-decrease:hover{background-color:#dc26261f!important}.item-info{display:flex;flex-direction:column;gap:2px}.item-desc{color:var(--text-primary);font-weight:var(--font-medium)}.item-barcode{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.number-col.after{color:var(--text-primary);font-weight:var(--font-bold)}.history-items-table.detailed td,.history-items-table.detailed th{vertical-align:middle}.history-items-table.detailed .number-col{font-family:var(--font-mono);text-align:right}@media screen and (max-width:768px){.scanned-items-table td,.scanned-items-table th{padding:10px 8px}.barcode-cell{font-size:var(--text-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis}.stock-take-header-actions{flex-direction:column;gap:10px;width:100%}.view-toggle-buttons{width:100%}.view-toggle-btn{flex:1 1;padding:10px 12px}.history-header{align-items:flex-start;flex-direction:column;gap:10px}.refresh-history-btn{justify-content:center;width:100%}.history-table td,.history-table th{font-size:var(--text-sm);padding:10px 8px}.history-search-input{font-size:var(--text-sm);padding:10px 36px 10px 12px}.discrepancy-stats{flex-direction:column}.stat-box{min-width:auto;padding:12px}.stat-box .stat-value{font-size:1.5rem}.adjustment{min-width:40px;padding:2px 6px}.adjustment,.item-desc{font-size:var(--text-sm)}.item-barcode{font-size:var(--text-xs)}}@media screen and (max-width:480px){.stock-take-header h2{font-size:var(--text-lg)}.stock-take-summary{align-items:flex-start;flex-direction:column;gap:4px}.submit-stock-take-button{justify-content:center;width:100%}.count-controls{gap:4px}.discrepancy-summary{padding:15px}.discrepancy-summary h4{font-size:var(--text-base)}.stat-box .stat-value{font-size:1.3rem}.stat-box .stat-label{font-size:var(--text-sm)}.history-items-table.detailed th{font-size:var(--text-xs);padding:8px 6px}.history-items-table.detailed td{font-size:var(--text-sm);padding:8px 6px}.item-barcode,.item-desc{font-size:var(--text-sm)}}.stock-take-container.has-bottom-bar{--toast-bottom-offset:84px}.st-mono{font-family:var(--font-mono)}.st-num-col{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.st-text-warning{color:var(--color-warning-700);font-weight:var(--font-semibold)}.st-text-danger{color:var(--text-danger)}.st-btn,.st-text-danger{font-weight:var(--font-semibold)}.st-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);gap:var(--space-2);justify-content:center;min-height:var(--touch-min);padding:10px 20px;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.st-btn:disabled{cursor:not-allowed;opacity:.5}.st-btn-block{width:100%}.st-btn-primary{background-color:var(--color-primary-800);color:var(--text-inverse)}.st-btn-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.st-btn-secondary{background-color:var(--bg-card);border-color:var(--border-default);color:var(--text-primary)}.st-btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-100)}.st-btn-warning{background-color:var(--color-warning-700);color:var(--text-inverse)}.st-btn-danger{background-color:var(--color-danger-600);color:var(--text-inverse)}.st-btn-danger:hover:not(:disabled){background-color:var(--color-danger-700)}.st-btn-danger-ghost{background-color:initial;border-color:var(--color-danger-300);color:var(--color-danger-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.st-btn-danger-ghost:hover:not(:disabled){background-color:var(--color-danger-50);border-color:var(--color-danger-600)}.st-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--touch-min);justify-content:center;width:var(--touch-min)}.st-icon-btn:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}.st-callout{align-items:flex-start;border-left:4px solid;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:var(--leading-normal);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4)}.st-callout svg{flex-shrink:0;margin-top:1px}.st-callout p{margin:0}.st-callout-warning{background-color:var(--color-warning-50);border-left-color:var(--color-warning-500);color:var(--text-primary)}.st-callout-warning svg{color:var(--color-warning-700)}.st-callout-danger{background-color:var(--color-danger-50);border-left-color:var(--color-danger-600);color:var(--text-primary)}.st-callout-danger svg{color:var(--color-danger-700)}.st-restore-notice{align-items:center;background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-bottom:15px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4)}.st-restore-notice>svg{color:var(--color-primary-600);flex-shrink:0}.st-restore-notice p{flex:1 1;margin:0}.st-save-status{flex-shrink:0}.st-save-chip{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:6px 12px;white-space:nowrap}.st-save-chip.is-saved{border-color:var(--color-success-200);color:var(--color-success-700)}.st-save-chip.is-saving{color:var(--text-secondary)}.st-save-chip.is-saving svg{animation:spin 1.2s linear infinite}.st-save-chip.is-error{background-color:var(--color-danger-50);border-color:var(--color-danger-300);color:var(--color-danger-700)}.st-save-chip.is-local{border-color:var(--color-warning-400);color:var(--color-warning-700)}@media (prefers-reduced-motion:reduce){.st-save-chip.is-saving svg{animation:none}}.st-scan-area{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.st-scan-area .barcode-scanner{margin:0}@media screen and (min-width:1025px){.st-scan-area{align-items:stretch;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.st-search{margin-bottom:var(--space-3);position:relative}.st-search-icon{color:var(--text-tertiary);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.st-search-input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);min-height:var(--touch-min);padding:10px 52px 10px 42px;width:100%}.st-search-clear{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:var(--touch-min);justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--touch-min)}.st-empty-filter,.st-filter-count{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3)}.st-empty-filter{padding:var(--space-6);text-align:center}.ic-doc-table .ic-row{cursor:pointer}.ic-doc-table .edit-cell{padding-bottom:4px;padding-top:4px;text-align:right;width:56px}.st-big-flag{align-items:center;background-color:var(--color-warning-100);border-radius:var(--radius-sm);color:var(--color-warning-700);display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);gap:2px;margin-left:var(--space-2);padding:1px 6px;text-transform:uppercase;vertical-align:middle}.st-big-flag,.st-count-btn{font-weight:var(--font-bold)}.st-count-btn{font-feature-settings:"tnum";background:#0000;border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;min-height:var(--touch-min);min-width:var(--touch-min);padding:4px 10px}.st-count-btn:hover{border-color:var(--color-primary-500);border-style:solid}.free-scan-table .remove-cell{padding-left:var(--space-6);text-align:right}.st-danger-zone{border-top:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}.st-bottom-progress{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:var(--text-sm);gap:6px;min-width:0}.st-bottom-progress strong{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.st-qty-item{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.st-qty-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 4px}.st-qty-barcode{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.st-qty-stats{display:flex;gap:var(--space-8);justify-content:center;margin:0 0 var(--space-4)}.st-qty-stats div{text-align:center}.st-qty-stats dt{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.st-qty-stats dd{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:4px 0 0}.st-qty-label{display:block;font-family:var(--font-heading);font-weight:var(--font-semibold);margin-bottom:var(--space-2);text-align:center}.st-qty-controls{display:flex;gap:var(--space-3)}.st-qty-controls,.st-qty-step{align-items:center;justify-content:center}.st-qty-step{background-color:var(--bg-card);border:2px solid var(--color-primary-700);border-radius:var(--radius-lg);color:var(--color-primary-800);cursor:pointer;display:inline-flex;height:56px;width:56px}.st-qty-step:hover:not(:disabled){background-color:var(--color-primary-50)}.st-qty-step:disabled{border-color:var(--border-default);color:var(--text-tertiary);cursor:not-allowed}.st-qty-input{background-color:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);height:56px;text-align:center;width:110px}.st-qty-input:focus{border-color:var(--color-primary-500)}.st-qty-input[aria-invalid=true]{border-color:var(--color-danger-600)}.st-qty-hint{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-4);text-align:center}.st-qty-total{background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);font-size:var(--text-lg);margin:var(--space-4) 0 0;padding:var(--space-3);text-align:center}.st-qty-total strong{font-family:var(--font-mono);font-size:var(--text-xl)}.st-review-stats{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:var(--space-3)}.st-review-stat{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-md);border-top:4px solid var(--border-default);color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-sm);padding:var(--space-2)}.st-review-stat span{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}.st-review-stat.is-ok{border-top-color:var(--color-success-500)}.st-review-stat.is-short{border-top-color:var(--color-warning-500)}.st-review-stat.is-over{border-top-color:var(--color-primary-500)}.st-review-stat.is-missing{border-top-color:var(--color-danger-600)}.st-review-units{color:var(--text-primary);margin:0 0 var(--space-3)}.st-review-list{border:1px solid var(--border-light);border-radius:var(--radius-md);max-height:40vh;overflow-y:auto}.st-review-table{border-collapse:collapse;width:100%}.st-review-table td,.st-review-table th{border-bottom:1px solid var(--border-light);padding:8px 10px;text-align:left;vertical-align:middle}.st-review-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0}.st-review-table .st-num-col{font-family:var(--font-mono);font-weight:var(--font-semibold);text-align:right}.st-review-table .diff-cell{font-size:var(--text-base);white-space:nowrap}.st-review-table tr td:first-child{box-shadow:inset 4px 0 0 #0000}.st-review-item{display:block;font-weight:var(--font-medium)}.st-review-barcode,.st-review-barcode-cell{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}.st-review-barcode-cell{color:var(--text-primary)}.st-review-allmatch{align-items:center;color:var(--color-success-700);display:flex;font-weight:var(--font-semibold);gap:var(--space-2)}.st-doc-confirm{background-color:var(--color-danger-50);border:2px solid var(--color-danger-600);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.st-doc-confirm label{color:var(--text-primary);display:block;margin-bottom:var(--space-2)}.st-text-input{background-color:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);min-height:var(--touch-min);padding:10px 14px;text-transform:uppercase;width:100%}.st-review-final{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-4) 0 0}.st-modal-lead{color:var(--text-primary);font-size:var(--text-base);margin:0 0 var(--space-3)}.st-modal-note{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-3) 0 0}.st-docno{background-color:var(--color-success-50);border:2px solid var(--color-success-600);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.st-docno-label{color:var(--text-secondary);display:block;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.st-docno-value{color:var(--color-success-700);display:block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold)}.st-result-list{color:var(--text-primary);margin:0;padding-left:20px}.st-skipped-list{margin:var(--space-2) 0 0;padding-left:18px}.st-skipped-reason{color:var(--text-secondary)}.st-error-message{background-color:var(--color-danger-50);border-left:4px solid var(--color-danger-600);border-radius:var(--radius-md);color:var(--text-primary);margin:0;padding:var(--space-3);white-space:pre-line}.st-details{margin-top:var(--space-4)}.st-details summary{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-semibold);min-height:var(--touch-min)}.st-submitted-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.st-submitted-list li{border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:6px 10px}.st-resume-card{grid-gap:var(--space-3);background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);margin:0;padding:var(--space-4)}.st-resume-card div{display:flex;gap:var(--space-4);justify-content:space-between}.st-resume-card dt{color:var(--text-secondary)}.st-resume-card dd{color:var(--text-primary);font-weight:var(--font-semibold);margin:0;text-align:right}.st-undo-bar{align-items:center;animation:slideUp var(--transition-base) ease;background-color:var(--color-neutral-900);border-radius:var(--radius-lg);bottom:calc(16px + env(safe-area-inset-bottom, 0px));bottom:calc(16px + var(--tab-bar-height, 0px) + var(--toast-bottom-offset, 0px) + env(safe-area-inset-bottom, 0px));box-shadow:var(--shadow-lg);color:var(--text-inverse);display:flex;gap:var(--space-2);left:50%;max-width:calc(100% - 24px);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);position:fixed;transform:translateX(-50%);width:max-content;z-index:9998}.st-undo-message{flex:1 1;font-size:var(--text-sm);min-width:0;overflow-wrap:anywhere}.st-undo-btn,.st-undo-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-1);justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min)}.st-undo-btn{color:var(--color-warning-400);padding:0 var(--space-3)}.st-undo-btn:hover,.st-undo-close:hover{background-color:#ffffff1f}.stock-take-container .st-undo-bar :focus-visible{outline-color:var(--focus-ring-color-on-dark)}@media (prefers-reduced-motion:reduce){.st-undo-bar{animation:none}}.st-history-error{align-items:center;background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.st-history-error>svg{color:var(--color-danger-700)}.st-history-error p{margin:0}.st-history-skeleton{padding:16px}.st-skel-wide{flex:2 1}.st-skel-mid{flex:1 1}.st-skel-btn{width:70px}.st-history-detail-wrap{overflow-x:auto}@media screen and (max-width:768px){.stock-take-footer{border-radius:0;margin-left:-20px;margin-right:-20px;padding:var(--space-3) var(--space-4)}.scanned-items-wrapper{overflow-x:visible}.free-scan-table,.free-scan-table tbody,.ic-doc-table,.ic-doc-table tbody{display:block}.free-scan-table thead,.ic-doc-table thead{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.free-scan-table td,.ic-doc-table td{border-bottom:none;padding:0}.ic-doc-table tr{grid-gap:4px var(--space-3);border-bottom:1px solid var(--border-light);box-shadow:inset 6px 0 0 #0000;display:grid;gap:4px var(--space-3);grid-template-areas:"status status edit" "desc desc desc" "barcode barcode barcode" "exp counted diff";grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4)}.ic-doc-table tr td:first-child{box-shadow:none}.ic-doc-table .ic-row-not_scanned{box-shadow:inset 6px 0 0 var(--color-danger-600)}.ic-doc-table .ic-row-partial{box-shadow:inset 6px 0 0 var(--color-warning-500)}.ic-doc-table .ic-row-over{box-shadow:inset 6px 0 0 var(--color-primary-500)}.ic-doc-table .ic-row-complete{box-shadow:inset 6px 0 0 var(--color-success-500)}.ic-doc-table .status-cell{align-self:center;grid-area:status;width:auto}.ic-doc-table .edit-cell{grid-area:edit;justify-self:end;padding:0;width:auto}.ic-doc-table .desc-cell{font-size:var(--text-base);font-weight:var(--font-semibold);grid-area:desc}.ic-doc-table .barcode-cell{color:var(--text-secondary);font-size:var(--text-sm);grid-area:barcode;max-width:none}.ic-doc-table td[data-label=Exp]{grid-area:exp}.ic-doc-table td[data-label=Counted]{grid-area:counted}.ic-doc-table td[data-label=Diff]{grid-area:diff}.ic-doc-table .ic-status{font-size:var(--text-base)}.ic-doc-table .st-num-col{font-size:var(--text-2xl);line-height:1.2;text-align:left}.ic-doc-table .st-num-col:before{color:var(--text-secondary);content:attr(data-label);display:block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.ic-doc-table .diff-cell.zero{font-size:var(--text-2xl)}.ic-doc-table .st-big-flag{display:flex;margin-left:0;margin-top:2px;width:fit-content}.free-scan-table tr{grid-gap:var(--space-1) var(--space-3);border-bottom:1px solid var(--border-light);display:grid;gap:var(--space-1) var(--space-3);grid-template-areas:"barcode remove" "time remove" "controls controls";grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4)}.free-scan-table .barcode-cell{font-size:var(--text-base);font-weight:var(--font-semibold);grid-area:barcode;max-width:none;overflow-wrap:anywhere}.free-scan-table .time-cell{grid-area:time}.free-scan-table .remove-cell{align-self:start;grid-area:remove;padding-left:0}.free-scan-table .count-cell{grid-area:controls;justify-self:center;z-index:1}.free-scan-table .actions-cell{grid-area:controls}.free-scan-table .count-controls{justify-content:space-between}.free-scan-table .count-button{height:56px;width:64px}.free-scan-table .latest-scan td:first-child{box-shadow:none}.free-scan-table .latest-scan{box-shadow:inset 4px 0 0 var(--color-primary-500)}.st-review-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.st-danger-zone{justify-content:stretch}.st-danger-zone .st-btn{flex:1 1 auto}}@media screen and (max-width:480px){.stock-take-footer .submit-stock-take-button{padding:12px 16px;width:auto}.st-bottom-progress strong{font-size:var(--text-lg)}.ic-doc-info-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.ic-doc-input-row{align-items:stretch;flex-direction:column}.ic-doc-load-btn{justify-content:center;min-height:var(--touch-min)}.st-qty-stats{gap:var(--space-6)}.history-items-table.detailed thead{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.history-items-table.detailed,.history-items-table.detailed tbody{display:block}.history-items-table.detailed tr{grid-gap:4px var(--space-2);border-bottom:1px solid var(--border-light);display:grid;gap:4px var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--space-3) var(--space-2)}.history-items-table.detailed td{border-bottom:none;padding:0}.history-items-table.detailed td:first-child{grid-column:1/-1}.history-items-table.detailed .number-col{font-size:var(--text-base);text-align:left}.history-items-table.detailed .number-col:before{color:var(--text-secondary);content:attr(data-label);display:block;font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase}}.report-production-container{--toast-bottom-offset:84px;animation:fadeIn var(--transition-slow) ease;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:400px;padding:20px}.report-production-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.view-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:0;overflow:hidden}.report-production-container .view-toggle-btn{align-items:center;background-color:var(--bg-surface);border:none;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.report-production-container .view-toggle-btn:first-child{border-right:1px solid var(--border-default)}.report-production-container .view-toggle-btn:hover{background-color:var(--color-neutral-100)}.report-production-container .view-toggle-btn.active{background-color:var(--color-primary-800);color:var(--text-inverse)}.work-orders-header-buttons{display:flex;gap:8px}.print-work-orders-btn{align-items:center;background-color:var(--color-neutral-500);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.print-work-orders-btn:hover:not(:disabled){background-color:var(--color-neutral-600)}.print-work-orders-btn:disabled{cursor:not-allowed;opacity:.6}.fetch-work-orders-btn{align-items:center;background-color:var(--color-success-700);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px;transition:all var(--transition-fast)}.fetch-work-orders-btn:hover:not(:disabled){background-color:var(--color-success-800)}.fetch-work-orders-btn:disabled{cursor:not-allowed;opacity:.6}.stale-warning-banner{align-items:center;background:var(--color-warning-100);border:1px solid var(--color-warning-500);border-radius:var(--radius-lg);color:var(--color-warning-700);display:flex;font-size:var(--text-sm);gap:12px;margin-bottom:15px;padding:12px 16px}.stale-warning-banner span{flex:1 1}.stale-warning-fetch-btn{align-items:center;background:var(--color-success-700);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);padding:6px 16px;transition:all var(--transition-fast);white-space:nowrap}.stale-warning-fetch-btn:hover{background:var(--color-success-800)}.stale-warning-fetch-btn:disabled{cursor:not-allowed;opacity:.6}.stale-warning-dismiss-btn{background:none;border:none;color:var(--color-warning-700);cursor:pointer;font-size:1.1rem;opacity:.7;padding:2px 6px;transition:opacity var(--transition-fast)}.stale-warning-dismiss-btn:hover{opacity:1}.last-fetch-time{color:var(--text-tertiary);font-size:var(--text-xs);margin-bottom:15px}.empty-state{color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-state p{margin:10px 0}.loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.production-action-bar{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);bottom:0;box-shadow:0 -4px 16px #0f172a14;display:flex;flex-wrap:wrap;gap:20px;margin-top:12px;padding:15px;position:sticky;z-index:20}.select-all-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px}.select-all-label input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;height:18px;width:18px}.selected-count{color:var(--text-secondary);font-size:var(--text-sm)}.selected-count strong{color:var(--text-primary);font-family:var(--font-mono)}.submit-production-btn{align-items:center;background-color:var(--color-primary-800);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-left:auto;padding:12px 24px;transition:all var(--transition-fast)}.submit-production-btn:hover:not(:disabled){background-color:var(--color-primary-700)}.submit-production-btn:disabled{cursor:not-allowed;opacity:.5}.activity-filter-tabs{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px}.activity-tab{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:8px 16px;transition:all var(--transition-fast)}.activity-tab:hover{border-color:var(--color-primary-500);color:var(--color-primary-700)}.activity-tab.active{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:#fff}.filter-controls-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.customer-filter{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.customer-filter-select{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);min-width:200px;padding:8px 12px;transition:border-color var(--transition-fast)}.customer-filter-select:focus,.customer-filter-select:hover{border-color:var(--color-primary-500)}.customer-filter-select:focus{box-shadow:0 0 0 3px #3b54901f}.work-order-search{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:8px;min-width:260px;padding:0 12px;transition:border-color var(--transition-fast)}.work-order-search:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.work-order-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);padding:8px 0}.search-clear-btn,.work-order-search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;padding:2px}.search-clear-btn:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}.clear-search-link{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--color-primary-700);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);margin-top:8px;padding:6px 16px}.clear-search-link:hover{border-color:var(--color-primary-500)}.group-sku-toggle{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;padding:8px 16px;transition:all var(--transition-fast)}.group-sku-toggle:hover{border-color:var(--color-primary-500);color:var(--color-primary-700)}.group-sku-toggle.active{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:#fff}.sku-group-row td{background-color:var(--color-primary-100)!important;border-bottom:1px solid var(--color-primary-200);border-top:2px solid var(--color-primary-300);padding-bottom:10px;padding-top:10px}.sku-group-row input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;height:20px;width:20px}.sku-group-info{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.sku-group-desc{color:var(--text-primary);font-weight:var(--font-semibold)}.sku-group-code{background-color:var(--bg-card);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);font-family:var(--font-mono);font-weight:var(--font-medium);padding:2px 8px}.sku-group-code,.sku-group-summary{color:var(--color-primary-700);font-size:var(--text-xs)}.sku-group-summary{font-weight:var(--font-semibold);margin-left:auto;white-space:nowrap}.colour-group-row td{background-color:var(--color-primary-800)!important;border-top:8px solid var(--bg-card);color:#fff;padding-bottom:10px;padding-top:10px}.colour-group-row input[type=checkbox]{accent-color:var(--color-primary-300);cursor:pointer;height:20px;width:20px}.colour-group-info{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.colour-group-label{font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.01em}.colour-group-summary{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:auto;opacity:.9;white-space:nowrap}.wo-card-colour{background-color:var(--color-primary-800);border-radius:var(--radius-lg);color:#fff;margin-top:12px;padding:12px 14px}.wo-card-colour .colour-group-info{flex:1 1;min-width:0}.work-order-row.sku-grouped{border-left:3px solid var(--color-primary-300)}.work-orders-table th.sortable-header{padding:0}.sort-header-btn{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;letter-spacing:inherit;min-height:44px;padding:14px 12px;text-align:left;text-transform:inherit;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:normal;width:100%}.sort-header-btn:hover{background-color:var(--color-primary-700)}.sort-header-btn:focus-visible{outline:2px solid var(--focus-ring-color-on-dark);outline-offset:-3px}.sort-icon{align-items:center;display:inline-flex;margin-left:4px;opacity:.3;vertical-align:middle}.sort-icon.active{opacity:1}.work-orders-table-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.work-orders-table{border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed;width:100%}.work-orders-table td,.work-orders-table th{border-bottom:1px solid var(--border-light);padding:14px 12px;text-align:left}.work-orders-table th{background-color:var(--color-primary-800);color:var(--text-inverse);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0;z-index:10}.work-orders-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.work-orders-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.work-orders-table tbody tr{transition:background-color var(--transition-fast)}.work-orders-table tbody tr:hover{background-color:var(--color-primary-50)}.work-orders-table tbody tr:nth-child(2n){background-color:var(--bg-surface)}.work-orders-table tbody tr:nth-child(2n):hover{background-color:var(--color-primary-50)}.work-order-row.selected{background-color:var(--color-primary-100)!important;border-left:3px solid var(--color-primary-500)}.work-order-row{cursor:pointer}.work-order-row input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;height:20px;width:20px}.col-checkbox{text-align:center;width:50px}.col-serial{color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-semibold);width:110px}.col-part{color:var(--text-secondary);min-width:180px}.part-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.part-description{color:var(--text-secondary);overflow-wrap:anywhere}.part-name{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-customer{color:var(--text-secondary);width:160px}.report-production-container .customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{color:var(--text-primary);overflow-wrap:anywhere}.sales-order{color:var(--color-primary-500);font-size:var(--text-xs);font-weight:var(--font-medium)}.col-date{color:var(--text-secondary);width:110px}.col-qty{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);width:80px}.col-qty .qty-badge{background-color:var(--color-neutral-100);border-radius:var(--radius-full);display:inline-block;padding:6px 12px}.col-reported{color:var(--text-success);font-family:var(--font-mono);font-weight:var(--font-semibold);width:95px}.work-orders-table .col-qty,.work-orders-table .col-report,.work-orders-table .col-reported{text-align:center}.work-orders-summary{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:16px;padding:18px 20px 16px}.summary-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;margin-bottom:12px}.summary-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.summary-remaining{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.summary-remaining-value{font-feature-settings:"tnum";color:var(--color-primary-800);font-family:var(--font-heading);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);line-height:1}.summary-detail{color:var(--text-secondary);font-size:var(--text-sm);margin:8px 0 0}.col-progress{width:150px}.wo-progress{display:flex;flex-direction:column;gap:5px;min-width:0}.wo-progress-numbers{font-feature-settings:"tnum";align-items:baseline;display:flex;font-family:var(--font-mono);font-variant-numeric:tabular-nums;gap:4px}.wo-progress-done{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold)}.wo-progress-planned{color:var(--text-tertiary);font-size:var(--text-sm)}.wo-progress-left{color:var(--text-secondary);font-size:var(--text-xs)}.shared-context{display:flex;flex-wrap:wrap;gap:8px 32px;margin-bottom:12px;padding:0 4px}.shared-context-item{align-items:baseline;display:flex;font-size:var(--text-sm);gap:10px}.shared-context-key{color:var(--text-tertiary)}.shared-context-value{align-items:baseline;color:var(--text-primary);display:inline-flex;font-weight:var(--font-medium);gap:8px}.to-report-hint{background:none;border:none;color:var(--color-primary-500);cursor:pointer;display:block;font-size:var(--text-xs);margin:4px auto 0;padding:2px 6px;text-decoration:underline;text-underline-offset:2px}.to-report-hint.over{background-color:var(--color-warning-100);border-radius:var(--radius-full);color:var(--color-warning-700);font-weight:var(--font-semibold);padding:2px 8px;text-decoration:none}.report-qty-input.is-over{background-color:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-700)}.to-report-hint:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary-500);outline-offset:1px}.wo-card.wo-changed,.work-order-row.wo-changed td{animation:woChanged 3s ease-out}@keyframes woChanged{0%,40%{background-color:var(--color-accent-100)}to{background-color:initial}}@media (prefers-reduced-motion:reduce){.wo-card.wo-changed,.work-order-row.wo-changed td{animation:none;box-shadow:inset 4px 0 0 var(--color-accent-500)}}.partial-report{background-color:var(--color-warning-50)!important}.partial-report:hover{background-color:var(--color-warning-100)!important}.partial-badge{background-color:var(--color-warning-700);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;margin-left:6px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.partial-badge.priority-partial{background-color:var(--color-accent-700)}.col-report{text-align:center;width:110px}.report-qty-input{background-color:var(--color-primary-50);border:2px solid var(--color-primary-500);border-radius:var(--radius-md);color:var(--color-primary-800);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);padding:10px 8px;text-align:center;transition:all var(--transition-fast);width:80px}.report-qty-input:focus{background-color:var(--bg-card);border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.report-qty-input:hover{border-color:var(--color-primary-700)}.col-reject{width:150px}.col-reject,.work-orders-table .col-reject{text-align:center}.reject-qty-input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-medium);padding:10px 8px;text-align:center;transition:all var(--transition-fast);width:70px}.reject-qty-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b54901f}.reject-qty-input:hover{border-color:var(--color-primary-300)}.reject-qty-input.has-rejects{background-color:var(--color-danger-50);border:2px solid var(--color-danger-500);color:var(--color-danger-700);font-weight:var(--font-bold)}.reject-qty-input::placeholder{color:var(--text-quaternary);font-weight:var(--font-normal)}.defect-code-select{background-color:var(--color-danger-50);border:1px solid var(--color-danger-300);border-radius:var(--radius-md);color:var(--color-danger-700);cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-sm);margin-top:6px;min-height:40px;padding:6px 8px;width:100%}.defect-code-select:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #dc262626}.short-badge{background-color:var(--color-danger-500);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;margin-left:6px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.missing-activity{color:var(--color-danger-600);font-size:var(--text-xs);font-style:italic}.history-table-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.report-production-container .history-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.report-production-container .history-table td,.report-production-container .history-table th{border-bottom:1px solid var(--border-light);padding:12px 15px;text-align:left}.report-production-container .history-table th{background-color:var(--bg-table-header);color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.report-production-container .history-table tbody tr:hover{background-color:var(--bg-surface)}.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 12px}.status-badge.success{background-color:var(--color-success-100);color:var(--color-success-700)}.status-badge.error{background-color:var(--color-danger-50);color:var(--color-danger-700)}.view-details-btn{align-items:center;background-color:initial;border:1px solid var(--color-primary-500);border-radius:var(--radius-md);color:var(--color-primary-700);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:6px 14px;transition:all var(--transition-fast)}.view-details-btn:hover{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:var(--text-inverse)}.item-serial{font-family:var(--font-mono);font-weight:var(--font-medium)}.item-part{display:flex;flex:1 1;flex-direction:column;gap:2px;margin:0 12px;min-width:0}.item-part-desc{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-part-name{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.history-view-toggle{display:flex;gap:10px;margin-bottom:20px}.history-toggle-btn{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:8px 16px;transition:all var(--transition-fast)}.history-toggle-btn:hover{background-color:var(--color-neutral-100)}.history-toggle-btn.active{background-color:var(--color-primary-800);border-color:var(--color-primary-800);color:var(--text-inverse)}.work-orders-history td{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-orders-history td:nth-child(2){max-width:300px}.report-no-cell{color:var(--color-primary-500);font-family:var(--font-mono);font-weight:var(--font-semibold)}.work-orders-cards{display:none;flex-direction:column;gap:10px}.wo-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.wo-card.selected{background-color:var(--color-primary-50);border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-500)}.wo-card.partial{background-color:var(--color-warning-50)}.wo-card.partial.selected{background-color:var(--color-primary-50)}.wo-card.grouped{border-left:4px solid var(--color-primary-300)}.wo-card-main{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.wo-card-main input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;flex-shrink:0;height:26px;margin-top:2px;width:26px}.wo-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.wo-card-part{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.block-packing{background-color:var(--color-primary-50);color:var(--color-primary-600)}.block-packing,.stock-balance{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:3px;padding:1px 6px;white-space:nowrap}.stock-balance{cursor:help}.stock-balance--ok{background-color:var(--color-success-50);color:var(--color-success-700)}.stock-balance--none{background-color:var(--color-warning-50);color:var(--color-warning-700)}.stock-balance--negative{background-color:var(--color-danger-50);color:var(--color-danger-700)}.stock-note{align-items:center;background-color:var(--color-success-50);border:1px solid var(--color-success-100);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:8px 12px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.stock-note--failed{background-color:var(--color-warning-50);border-color:var(--color-warning-100)}.stock-note-time{color:var(--text-tertiary)}.stock-note-refresh{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:5px;min-height:32px;padding:4px 10px}.stock-note-refresh:disabled{cursor:default;opacity:.6}.stock-note-refresh .spinning{animation:stock-spin 1s linear infinite}@keyframes stock-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.stock-note-refresh .spinning{animation:none}}.cutting-list{background-color:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-md);margin-bottom:12px;padding:12px 15px}.cutting-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}.cutting-list-scope{color:var(--text-tertiary);font-size:var(--text-xs)}.cutting-list-print{align-items:center;background-color:var(--bg-surface);border:1px solid var(--color-primary-600);border-radius:var(--radius-sm);color:var(--color-primary-600);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;margin-left:auto;padding:5px 12px}.cutting-list-print:hover{background-color:var(--color-primary-600);color:var(--text-inverse)}.cutting-list-heading{font-size:var(--text-sm);margin:0}.cutting-list-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary-700);cursor:pointer;display:inline-flex;font:inherit;gap:8px;margin-left:-6px;min-height:40px;padding:4px 6px}.cutting-list-summary,.cutting-list-title{font-weight:var(--font-semibold)}.cutting-list-summary{background-color:var(--color-primary-100);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:2px 8px}.cutting-list-chevron{transition:transform var(--transition-fast)}.cutting-list.collapsed .cutting-list-chevron{transform:rotate(-90deg)}.cutting-list.collapsed .cutting-list-header{margin-bottom:0}.cutting-list-boards[hidden]{display:none}.cutting-list-boards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.cutting-list-card{background-color:var(--bg-surface);border:1px solid var(--color-primary-100);border-radius:var(--radius-md);flex:1 1 340px;max-width:520px;overflow:hidden}.cutting-list-card-header{align-items:center;border-bottom:1px solid var(--color-primary-100);display:flex;flex-wrap:wrap;gap:4px 8px;padding:8px 12px}.cutting-list-board-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.cutting-list-code{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium)}.cutting-list-board{font-feature-settings:"tnum";border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums;width:100%}.cutting-list-board td,.cutting-list-board th{border-bottom:1px solid var(--border-default);padding:6px 12px;text-align:right}.cutting-list-board td+td,.cutting-list-board th+th{border-left:1px solid var(--border-default)}.cutting-list-board td:first-child,.cutting-list-board th:first-child{text-align:left}.cutting-list-board th{background-color:var(--color-primary-50);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.cutting-list-board tbody tr:nth-child(2n) td{background-color:var(--bg-secondary)}.cutting-list-board tfoot td{background-color:var(--color-primary-50);border-bottom:none;border-top:2px solid var(--color-primary-100);color:var(--text-primary);font-weight:var(--font-semibold)}.cutting-list-pull{background-color:var(--color-primary-600);border-radius:var(--radius-sm);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:auto;padding:2px 8px;white-space:nowrap}.wo-card-sku{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium)}.wo-card-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:4px 12px;margin-top:6px}.wo-card-meta .partial-badge{margin-left:0}.wo-card-serial{color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-semibold)}.wo-card-quantities{grid-gap:10px 12px;border-top:1px solid var(--border-light);display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;margin-top:12px;padding-top:12px}.wo-card-qty{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:0}.wo-card-qty-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.wo-card-qty-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold)}.wo-card-qty-value.reported{color:var(--text-success)}.wo-card-progress{align-items:stretch;grid-column:1/-1}.wo-card-reason{grid-column:1/-1}.wo-card-reason:empty{display:none}.wo-card-reason .defect-code-select{font-size:var(--text-base);margin-top:0;min-height:var(--touch-min)}.wo-card-progress .wo-progress{align-items:stretch}.wo-card .reject-qty-input,.wo-card .report-qty-input{font-size:var(--text-lg);min-height:var(--touch-min);min-width:0;padding:10px 4px;width:100%}.wo-card-qty .to-report-hint{margin-top:2px}.qty-stepper{align-items:stretch;display:flex;gap:6px;width:100%}.qty-stepper input{flex:1 1 auto}.qty-stepper-btn{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--color-primary-800);cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:var(--touch-min);width:var(--touch-min)}.qty-stepper-btn:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-500)}.qty-stepper-btn:disabled{cursor:not-allowed;opacity:.4}.wo-card-group{background-color:var(--color-primary-100);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-top:4px;padding:12px 14px}.wo-card-group-label{align-items:center;cursor:pointer;display:flex;gap:12px}.wo-card-group-label input[type=checkbox]{accent-color:var(--color-primary-800);cursor:pointer;flex-shrink:0;height:26px;width:26px}.wo-card-group-label .sku-group-info{flex:1 1;min-width:0}@media screen and (max-width:768px){.report-production-header{align-items:stretch;flex-direction:column}.view-toggle{width:100%}.report-production-container .view-toggle-btn{flex:1 1;justify-content:center}.fetch-work-orders-btn{justify-content:center;width:100%}.production-action-bar{align-items:stretch;flex-direction:column}.submit-production-btn{justify-content:center;margin-left:0;width:100%}.filter-controls-row{flex-wrap:wrap}.work-order-search{min-width:100%}}@media screen and (max-width:900px){.work-orders-table-container{display:none}.work-orders-cards{display:flex}}@media print{@page{size:landscape;margin:10mm}.activity-filter-tabs,.app-header,.col-checkbox,.filter-chips,.filter-controls-row,.last-fetch-time,.partial-badge,.production-action-bar,.production-history-view,.report-production-header,.sort-icon,.stale-warning-banner,.to-report-hint,.toast-container,.wo-progress-left,.work-orders-cards{display:none!important}.work-orders-summary{border:none!important;padding:0 0 6px!important}.work-orders-table-container{display:block!important}body,html{margin:0!important;padding:0!important}.report-production-container,.work-orders-table-container,.work-orders-view{background:none!important;border:none!important;box-shadow:none!important;margin:0!important;max-height:none!important;overflow:visible!important;padding:0!important}.work-orders-table{border-collapse:collapse;font-size:10pt;table-layout:auto!important;width:100%}.work-orders-table td,.work-orders-table th{border:1px solid #999;padding:6px 8px;white-space:nowrap}.work-orders-table th{background-color:var(--color-primary-800)!important;color:#fff!important;font-size:9pt;position:static;-webkit-print-color-adjust:exact;print-color-adjust:exact}.work-orders-table tbody tr{background:none!important}.work-orders-table tbody tr:nth-child(2n){background-color:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.work-orders-table tr{page-break-inside:avoid}.col-part{max-width:none!important;min-width:200px;width:auto!important}.col-part,.part-description,.part-info,.part-name{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.col-customer,.col-serial{width:auto!important}.col-customer{display:table-cell!important}.col-date,.col-progress,.col-reject,.col-report{width:auto!important}.report-qty-input{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;border:2px solid #333!important;color:#0000!important;display:block!important;font-size:0!important;height:25px!important;margin:0 auto!important;padding:0!important;width:45px!important}.report-qty-input::-webkit-inner-spin-button,.report-qty-input::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important}.reject-qty-input{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;border:2px solid #333!important;color:#0000!important;display:block!important;font-size:0!important;height:25px!important;margin:0 auto!important;padding:0!important;width:45px!important}.reject-qty-input::-webkit-inner-spin-button,.reject-qty-input::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important}.work-order-row.selected{background-color:initial!important;border-left:none!important}.colour-group-row td{background-color:#222!important;border-top:1px solid #999!important;color:#fff!important;font-size:11pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.colour-group-row{break-after:avoid;page-break-after:avoid}.colour-group-row:not(:first-child){break-before:page;page-break-before:always}.colour-group-info{white-space:normal!important}.sku-group-row td{background-color:#e5e5e5!important;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sku-group-info{white-space:normal!important}.work-order-row.sku-grouped{border-left:none!important}.sort-header-btn{display:none!important}.work-orders-table th.sortable-header{padding:6px 8px!important}.cutting-list-boards[hidden]{display:flex!important}}.select-all-filter,.submit-label-short{display:none}.filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-chip{align-items:center;background-color:var(--color-primary-50);border:1px solid var(--color-primary-300);border-radius:var(--radius-full);color:var(--color-primary-800);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;min-height:36px;padding:4px 10px 4px 14px}.filter-chip:hover{background-color:var(--color-primary-100)}.link-btn{background:none;border:none;color:var(--color-primary-600);cursor:pointer;font-family:var(--font-body);padding:6px 4px;text-decoration:underline;text-underline-offset:2px}.hidden-selected-hint,.link-btn,.selected-hidden{font-size:var(--text-sm);font-weight:var(--font-medium)}.hidden-selected-hint,.selected-hidden{color:var(--text-warning)}.production-btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;min-height:44px;padding:10px 20px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.production-btn.primary{background-color:var(--color-primary-800);border:1px solid var(--color-primary-800);color:var(--text-inverse)}.production-btn.primary:hover:not(:disabled){background-color:var(--color-primary-700)}.production-btn.secondary{background-color:var(--bg-card);border:1px solid var(--border-default);color:var(--text-primary)}.production-btn.secondary:hover:not(:disabled){background-color:var(--bg-surface);border-color:var(--color-primary-300)}.production-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-blocker{align-self:center;color:var(--text-warning);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 auto 0 0}.production-note{align-items:flex-start;border:1px solid;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:10px;line-height:var(--leading-normal);margin:0 0 12px;padding:10px 14px}.production-note p{margin:0}.production-note svg{flex-shrink:0;margin-top:2px}.production-note.warning{background-color:var(--color-warning-50);border-color:var(--color-warning-400);color:var(--color-warning-700)}.production-note.info{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-800)}.production-pill{border-radius:var(--radius-full);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;white-space:nowrap}.production-pill.info{background-color:var(--color-primary-100);color:var(--color-primary-800)}.production-pill.warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.production-pill.danger{background-color:var(--color-danger-100);color:var(--color-danger-700)}.production-pill.success{background-color:var(--color-success-100);color:var(--color-success-700)}.shelf-count{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-left:4px solid var(--color-primary-500);border-radius:var(--radius-md);margin-bottom:16px;padding:14px}.shelf-count-help{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 10px}.shelf-count-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.shelf-count-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.shelf-count-item.recount{background-color:var(--color-warning-50);border-color:var(--color-warning-500)}.shelf-count-label{display:flex;flex-direction:column;gap:2px;min-width:0}.shelf-count-desc{color:var(--text-primary);font-weight:var(--font-semibold)}.shelf-count-sku{color:var(--text-tertiary);font-size:var(--text-xs)}.shelf-count-recount{color:var(--color-warning-700);font-size:var(--text-xs);font-weight:var(--font-semibold)}.shelf-count-input{border:2px solid var(--border-default);border-radius:var(--radius-sm);flex:0 0 auto;font-size:var(--text-lg);font-weight:var(--font-semibold);min-height:44px;padding:6px 10px;text-align:center;width:96px}.shelf-count-input:focus{border-color:var(--color-primary-500);outline:none}.shelf-count-now{color:var(--color-primary-700);font-weight:var(--font-bold)}.shelf-count-error{color:var(--color-danger-700);font-size:var(--text-xs);margin-top:2px}.confirm-employee-picker{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-left:4px solid var(--color-warning-500);border-radius:var(--radius-md);margin-bottom:16px;padding:14px}.confirm-employee-picker.done{border-left-color:var(--color-success-600)}.confirm-section-title{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-semibold);gap:6px;margin:0 0 10px}.confirm-section-title,.employee-confirmed{align-items:center;display:flex;font-size:var(--text-base)}.employee-confirmed{flex-wrap:wrap;gap:8px 16px}.employee-filter{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-tertiary);display:flex;gap:8px;margin-bottom:10px;padding:0 12px}.employee-filter input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--text-base);min-height:44px}.employee-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:240px;overflow-y:auto}.employee-option{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);min-height:var(--touch-min);padding:8px 12px;text-align:left}.employee-option:hover{background-color:var(--color-primary-50)}.employee-option.current,.employee-option:hover{border-color:var(--color-primary-500)}.employee-none{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.confirm-table{font-feature-settings:"tnum";border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums;width:100%}.confirm-table td,.confirm-table th{border-bottom:1px solid var(--border-light);padding:10px 8px;text-align:left;vertical-align:top}.confirm-table thead th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.confirm-table .num{text-align:right;width:90px}.confirm-table tbody tr.is-hidden{background-color:var(--color-primary-50)}.confirm-table tfoot td,.confirm-table tfoot th{border-bottom:none;border-top:2px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-semibold)}.confirm-wo{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px}.confirm-wo-serial{color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-semibold)}.confirm-wo-part{color:var(--text-secondary);margin-top:2px;overflow-wrap:anywhere}.confirm-wo-note{color:var(--text-warning);font-size:var(--text-xs);margin-top:2px}.confirm-good{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-bold)}.confirm-reject{color:var(--text-danger);font-weight:var(--font-semibold)}.confirm-reason{color:var(--text-secondary);display:block;font-size:var(--text-xs);margin-top:2px;overflow-wrap:anywhere}.confirm-zero{color:var(--text-quaternary)}.confirm-table+.production-note{margin-top:12px}.over-ack{align-items:flex-start;cursor:pointer;display:flex;font-weight:var(--font-semibold);gap:10px;margin-top:8px}.over-ack input{accent-color:var(--color-warning-700);flex-shrink:0;height:22px;margin:0;width:22px}.result-summary{color:var(--text-primary);font-size:var(--text-base);margin:0 0 12px}.result-report-no{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 12px}.result-report-no strong{color:var(--text-primary);font-family:var(--font-mono)}.result-section{margin-top:16px}.result-section-title{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.result-section-title.ok{color:var(--text-success)}.result-section-title.failed{color:var(--text-danger)}.history-lines,.result-lines{border:1px solid var(--border-light);border-radius:var(--radius-md);list-style:none;margin:0;padding:0}.result-lines.ok{border-left:4px solid var(--color-success-600)}.result-lines.failed{border-left:4px solid var(--color-danger-600)}.history-line,.result-line{border-bottom:1px solid var(--border-light);font-size:var(--text-sm);min-width:0;padding:10px 12px}.history-line:last-child,.result-line:last-child{border-bottom:none}.history-line-head,.result-line-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 12px}.result-line-serial{color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-semibold)}.result-line-part{color:var(--text-secondary);flex:1 1 160px;min-width:0;overflow-wrap:anywhere}.history-line-qty,.result-line-qty{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.result-line-al{background-color:var(--color-success-100);border-radius:var(--radius-sm);color:var(--color-success-700);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:8px;padding:1px 6px}.result-line-reason{color:var(--text-danger);font-weight:var(--font-semibold);margin:4px 0 0}.technical-details{color:var(--text-secondary);font-size:var(--text-xs);margin-top:6px}.technical-details summary{cursor:pointer;display:inline-block;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.technical-details pre{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);margin:4px 0 0;max-height:160px;overflow:auto;overflow-wrap:anywhere;padding:8px 10px;white-space:pre-wrap}.production-submitting{color:var(--text-primary);padding:var(--space-6) 0 var(--space-4);text-align:center}.production-submitting p{font-weight:var(--font-semibold);margin:0}.production-submitting .production-submitting-sub{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-normal);margin-top:4px}.production-spinner{animation:productionSpin .8s linear infinite;border:4px solid var(--color-primary-100);border-radius:50%;border-top-color:var(--color-primary-700);height:40px;margin:0 auto var(--space-4);width:40px}@keyframes productionSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.production-spinner{animation-duration:2.4s}}.history-detail-facts{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 0 16px}.history-detail-facts dt{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.history-detail-facts dd{color:var(--text-primary);font-size:var(--text-sm);margin:2px 0 0}.error-text{color:var(--text-danger)}.history-line.failed{background-color:var(--color-danger-50)}.history-line .item-part{flex:1 1 160px;margin:0}.history-line-meta{color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:4px 12px;margin-top:2px}.label-fieldset{border:none;margin:0 0 16px;padding:0}.label-fieldset legend{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:8px;padding:0}.label-layout-option.active{background-color:var(--color-primary-50);border-color:var(--color-primary-700);box-shadow:0 0 0 1px var(--color-primary-700)}.label-copies{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:8px 16px;justify-content:space-between;margin-bottom:16px}.label-copies .qty-stepper{width:auto}.label-copies-input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);text-align:center;width:72px}.label-wo-list{border:1px solid var(--border-light);border-radius:var(--radius-md);max-height:220px;overflow-y:auto}.label-wo-option{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;font-size:var(--text-sm);gap:10px;min-height:44px;padding:6px 12px}.label-wo-option:last-child{border-bottom:none}.label-wo-option input{accent-color:var(--color-primary-800);flex-shrink:0;height:20px;width:20px}.label-wo-serial{font-family:var(--font-mono);font-weight:var(--font-semibold)}.label-wo-part{color:var(--text-secondary);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-wo-qty{font-feature-settings:"tnum";color:var(--text-secondary);font-variant-numeric:tabular-nums}.history-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.history-toolbar .history-view-toggle{margin-bottom:0}.history-filters{display:flex;flex:1 1 320px;flex-wrap:wrap;gap:8px;justify-content:flex-end}.history-filters .work-order-search{flex:1 1 220px;max-width:360px}.history-date-input{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);min-height:40px;padding:6px 10px}.history-actions{white-space:nowrap}@media screen and (max-width:768px){.history-table-container{border:none;overflow:visible}.report-production-container .history-cards thead{display:none}.report-production-container .history-cards,.report-production-container .history-cards tbody,.report-production-container .history-cards td,.report-production-container .history-cards tr{display:block;width:100%}.report-production-container .history-cards tr{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:10px;padding:10px 14px}.report-production-container .history-cards td{border-bottom:1px solid var(--border-light);display:flex;gap:12px;justify-content:space-between;max-width:none;padding:6px 0;text-align:right;white-space:normal}.report-production-container .history-cards td:last-child{border-bottom:none}.report-production-container .history-cards td[data-label]:before{color:var(--text-tertiary);content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-align:left;text-transform:uppercase}.report-production-container .history-cards .part-info{align-items:flex-end;min-width:0}.history-actions{justify-content:flex-end!important;padding-top:10px!important}.history-actions .view-details-btn{min-height:44px;padding:8px 16px}.history-filters{justify-content:stretch}.history-filters .work-order-search{max-width:none}.label-layout-options{align-items:stretch;flex-direction:column}.label-layout-option{flex-direction:row;justify-content:flex-start;width:100%}.layout-preview{flex-shrink:0;height:65px;width:50px}.activity-filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:12px;overflow-x:auto;padding:8px;scrollbar-width:none}.activity-filter-tabs::-webkit-scrollbar{display:none}.activity-tab{flex-shrink:0;min-height:44px;white-space:nowrap}}@media screen and (max-width:480px){.report-production-container{--toast-bottom-offset:72px;padding:12px}.report-production-header{gap:10px;margin-bottom:12px;padding-bottom:12px}.print-work-orders-btn{display:none}.work-orders-header-buttons{width:100%}.last-fetch-time{margin-bottom:8px}.work-orders-summary{margin-bottom:10px;padding:10px 12px}.summary-detail,.work-orders-summary .meter{display:none}.summary-heading{align-items:baseline;flex-wrap:nowrap;margin-bottom:0}.summary-title{font-size:var(--text-base);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-remaining{flex-shrink:0}.summary-remaining-value{font-size:var(--text-xl)}.select-all-filter{display:flex;min-height:44px}.select-all-filter input[type=checkbox]{height:22px;width:22px}.select-all-bar{display:none}.production-action-bar{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px;margin-left:-4px;margin-right:-4px;padding:8px 10px}.selected-count{flex:1 1;font-size:var(--text-sm);min-width:0}.selected-total{display:none}.submit-production-btn{flex-shrink:0;min-height:var(--touch-min);padding:10px 18px;width:auto}.submit-label-long{display:none}.submit-label-short{display:inline}.confirm-table .num{width:64px}}.history-actions .view-details-btn+.view-details-btn{margin-left:6px}.report-production-header{margin-bottom:12px;padding-bottom:12px}.fetch-age,.work-orders-header-buttons{align-items:center}.fetch-age{color:var(--text-tertiary);display:inline-flex;font-size:var(--text-xs);gap:6px;margin-right:4px;white-space:nowrap}.fetch-age--stale{background-color:var(--color-warning-50);border:1px solid var(--color-warning-100);border-radius:var(--radius-full);color:var(--color-warning-700);font-weight:var(--font-semibold);padding:6px 12px}.fetch-work-orders-btn.fetch-work-orders-btn--stale{box-shadow:0 0 0 3px var(--color-warning-100)}.print-only{display:none}.wo-overview{align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:10px;padding:6px}.wo-overview .activity-filter-tabs{background:none;border:none;flex:1 1 auto;gap:6px;margin:0;min-width:0;padding:0}.wo-overview .activity-tab{padding:6px 14px}.wo-overview>.summary-title{font-size:var(--text-base);margin:0;padding-left:8px}.wo-overview .work-orders-summary{align-items:center;background:none;border:none;display:flex;gap:12px;margin:0 0 0 auto;padding:0 10px;white-space:nowrap}.wo-overview .summary-remaining-value{font-size:var(--text-2xl)}.wo-overview .meter{background:var(--color-neutral-200);margin:0;width:110px}.wo-overview .summary-detail{font-size:var(--text-xs);margin:0}.filter-controls-row{flex-wrap:wrap;margin-bottom:10px}.filter-controls-row .shared-context{align-items:center;gap:6px 20px;margin:0 0 0 auto;padding:0}.shelf-count-pill{align-items:center;background-color:var(--color-success-50);border:1px solid var(--color-success-100);border-radius:var(--radius-full);color:var(--color-success-700);cursor:help;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:5px;padding:4px 10px;white-space:nowrap}.work-orders-table th{padding-bottom:10px;padding-top:10px}.work-orders-table td{padding-bottom:8px;padding-top:8px}.work-orders-table .wo-progress{align-items:baseline;flex-direction:row;flex-wrap:wrap;gap:3px 10px}.work-orders-table .wo-progress .meter{flex-basis:100%;order:3}.colour-group-row td,.sku-group-row td{padding-bottom:7px;padding-top:7px}@media screen and (max-width:768px){.wo-overview .activity-filter-tabs{flex:1 1 100%}.wo-overview .activity-tab{min-height:44px}.wo-overview .work-orders-summary{margin-left:0;padding:0 6px 4px}.filter-controls-row .shared-context{margin-left:0}}@media print{.print-only{display:block!important}.fetch-age,.shelf-count-pill{display:none!important}.wo-overview{background:none;border:none;padding:0 0 6px}.wo-overview>.summary-title{font-size:13pt;padding:0}.work-orders-view .filter-controls-row{display:flex!important;margin-bottom:6px}.work-orders-view .filter-controls-row>:not(.shared-context){display:none!important}.work-orders-view .filter-controls-row .shared-context{margin-left:0}.wo-overview .meter,.work-orders-table .wo-progress .meter{display:none}}.production-modal .modal-header{padding-bottom:10px;padding-top:12px}.production-modal .modal-body{padding-bottom:14px;padding-top:14px}.confirm-step-row{align-items:center;display:flex;gap:10px;min-height:32px}.confirm-step{align-items:center;background-color:var(--color-primary-800);border-radius:50%;color:var(--text-inverse);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:26px;justify-content:center;width:26px}.confirm-step.done{background-color:var(--color-success-600)}.confirm-employee-picker,.confirm-employee-picker.done{background:none;border:none;border-bottom:1px solid var(--border-light);border-radius:0;margin:0 0 14px;padding:0 0 14px}.confirm-section-title{margin:0}.confirm-employee-picker .employee-list{margin-top:10px}.confirm-employee-picker .employee-options{gap:6px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:168px}.confirm-employee-picker .employee-option{min-height:48px;padding:6px 12px;text-align:center}.employee-confirmed{gap:4px 14px}.confirm-report .shelf-count-help{margin:4px 0 10px 36px}.confirm-items{display:flex;flex-direction:column;gap:8px;list-style:none;margin:10px 0 0;padding:0}.confirm-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:16px;padding:8px 12px}.confirm-item.is-hidden{background-color:var(--color-primary-50)}.confirm-item.recount{background-color:var(--color-warning-50);border-color:var(--color-warning-500)}.confirm-item-main{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.confirm-item-main.single{align-items:center;column-gap:16px;flex-direction:row;flex-wrap:wrap}.confirm-item-main.single .confirm-item-title{flex:1 1 260px}.confirm-item-main.single .confirm-line{flex:0 1 auto}.confirm-item-main.single .shelf-count-recount{flex-basis:100%}.confirm-item-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px 10px}.confirm-item-desc{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);overflow-wrap:anywhere}.confirm-item-sku{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.confirm-line{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:4px 16px}.confirm-line .confirm-wo{flex:1 1 auto}.confirm-line .confirm-wo-serial{color:var(--text-secondary);font-size:var(--text-sm)}.confirm-line .confirm-wo-note{margin:0}.confirm-figures{display:flex;gap:16px;margin-left:auto}.confirm-figure{align-items:baseline;display:inline-flex;gap:6px}.confirm-figure-key{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.confirm-figure .confirm-good{font-size:var(--text-xl)}.confirm-figure .confirm-reject{font-size:var(--text-lg)}.confirm-figure .confirm-reason{display:inline;margin:0}.confirm-count{align-items:center;border-left:1px solid var(--border-light);cursor:text;display:flex;flex-direction:column;flex-shrink:0;gap:3px;padding-left:16px}.confirm-count-key{color:var(--color-primary-700);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.confirm-count .shelf-count-input{border-color:var(--color-primary-300);font-size:var(--text-2xl);min-height:48px;width:110px}.confirm-count .shelf-count-input::placeholder{color:var(--text-placeholder);font-size:var(--text-base);font-weight:var(--font-medium)}.confirm-item .shelf-count-recount{margin-top:2px}.confirm-report+.production-note{margin-top:12px}.production-modal .modal-footer{align-items:center;padding-bottom:12px;padding-top:10px}.confirm-total{color:var(--text-secondary);font-size:var(--text-sm);margin:0 auto 0 0}.confirm-total strong{color:var(--text-primary);font-size:var(--text-base)}.confirm-total .confirm-blocker{display:block;margin:2px 0 0}@media screen and (max-width:600px){.confirm-item{flex-wrap:wrap}.confirm-count{border-left:none;border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;padding:8px 0 0;width:100%}.confirm-report .shelf-count-help{margin-left:0}}.scan-flash{--flash-color:var(--color-success-500);animation:scan-flash-fade .4s ease-out forwards;box-shadow:inset 0 0 0 6px var(--flash-color),inset 0 0 48px 12px var(--flash-color);inset:0;pointer-events:none;position:fixed;z-index:10000}.scan-flash-error{--flash-color:var(--color-danger-600)}.scan-flash-warning{--flash-color:var(--color-warning-500)}@keyframes scan-flash-fade{0%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion:reduce){.scan-flash{animation:none;box-shadow:inset 0 0 0 6px var(--flash-color)}}*{box-sizing:border-box;margin:0;padding:0}.app{--app-gutter:1.5rem;--tab-bar-height:0px;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-header{background-color:var(--bg-header);box-shadow:var(--shadow-md);color:var(--text-inverse);padding:calc(1rem + env(safe-area-inset-top, 0px)) calc(1.5rem + env(safe-area-inset-right, 0px)) 1rem calc(1.5rem + env(safe-area-inset-left, 0px));position:relative;z-index:10}.update-banner{background-color:var(--color-warning-100);color:var(--color-warning-700);display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;padding:10px 16px;text-align:center}.update-banner,.update-banner-button{align-items:center;font-weight:var(--font-semibold)}.update-banner-button{background-color:var(--color-warning-700);border:none;border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;display:inline-flex;gap:6px;min-height:40px;padding:0 16px}.app-main{animation:fadeIn var(--transition-slow) ease;flex:1 1;margin:0 auto;max-width:1600px;padding:var(--app-gutter);padding-left:calc(var(--app-gutter) + env(safe-area-inset-left, 0px));padding-right:calc(var(--app-gutter) + env(safe-area-inset-right, 0px));width:100%}.app-footer{background-color:var(--color-primary-900);color:var(--color-neutral-300);font-size:var(--text-sm);letter-spacing:.02em;margin-top:auto;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));text-align:center}.app-header-content{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin:0 auto;max-width:1600px}.app-header-text{min-width:0;text-align:left}.app-header-text h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:-.03em;margin:0}.app-header-text h1 .app-title-short{display:none}.app-header-text p{color:var(--color-neutral-300);display:none;font-size:var(--text-sm);margin:.25rem 0 0}.header-actions{gap:var(--space-3)}.header-actions,.header-nav{align-items:center;display:flex}.header-nav,.nav-link{gap:var(--space-2)}.nav-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:8px 16px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{background:#ffffff2e;border-color:#ffffff40;transform:translateY(-1px)}.nav-link.active{background:var(--color-accent-700);border-color:var(--color-accent-400)}.nav-link.active:hover{background:var(--color-accent-800)}.header-icon-button,.sign-out-button{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:var(--radius-md);color:var(--color-neutral-300);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;min-height:40px;padding:8px 14px;transition:all var(--transition-fast);white-space:nowrap}.header-icon-button{min-width:40px;padding:8px}.header-icon-button:hover,.sign-out-button:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--text-inverse)}.header-icon-button.active{background:#ffffff26;border-color:#ffffff59;color:var(--text-inverse)}.header-icon-button[aria-pressed=false]{border-style:dashed;color:var(--color-neutral-300)}.app-tab-bar{display:none}@media screen and (min-width:1201px){.app{--app-gutter:2rem}}@media screen and (max-width:1024px){.app{--app-gutter:1.25rem}}@media screen and (max-width:768px){.app{--app-gutter:1rem}.app-header{padding:calc(.625rem + env(safe-area-inset-top, 0px)) calc(1rem + env(safe-area-inset-right, 0px)) .625rem calc(1rem + env(safe-area-inset-left, 0px))}.app-header-text h1{font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-text h1 .app-title-full{display:none}.app-header-text h1 .app-title-short{display:inline}.app-header-text p{display:none}.header-actions{flex-shrink:0;gap:var(--space-2)}.app.has-tab-bar .header-nav{display:none}.sign-out-button{min-width:40px;padding:8px}.sign-out-label{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app.has-tab-bar{--tab-bar-height:64px}.app.has-tab-bar .app-main{padding-bottom:calc(var(--app-gutter) + var(--tab-bar-height) + env(safe-area-inset-bottom, 0px))}.app.has-tab-bar .app-footer{display:none}.app-tab-bar{background-color:var(--bg-header);border-top:1px solid #ffffff1f;bottom:0;box-shadow:0 -4px 16px #0000001f;display:flex;left:0;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;right:0;z-index:50}.app-tab{-webkit-tap-highlight-color:transparent;align-items:center;border-top:4px solid #0000;color:var(--color-neutral-300);display:flex;flex:1 1;flex-direction:column;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);gap:2px;justify-content:center;min-height:var(--tab-bar-height);text-decoration:none}.app-tab.active{background:#ffffff14;border-top-color:var(--color-accent-400);color:var(--text-inverse);font-weight:var(--font-bold)}.app-tab:focus-visible{outline-offset:-4px}}@media screen and (max-width:480px){.app{--app-gutter:0.75rem}}@media screen and (max-height:480px) and (orientation:landscape){.app{--app-gutter:0.5rem}.app-header{padding-bottom:.5rem;padding-top:calc(.5rem + env(safe-area-inset-top, 0px))}.app-header-text h1{font-size:1.125rem}.app-header-text p{display:none}.app-footer{font-size:.8rem;padding:.5rem}.app.has-tab-bar{--tab-bar-height:52px}}@media (prefers-reduced-motion:reduce){.app-main,.nav-link:hover{animation:none;transform:none}}
/*# sourceMappingURL=main.d1b4165b.css.map*/