body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#1a1a2e;--primary-light:#16213e;--accent:#0f3460;--bg:#f5f7fa;--bg-card:#fff;--bg-hover:#f0f4f8;--bg-stripe:#fafbfc;--bg-input:#fff;--text:#333;--text-light:#666;--text-muted:#6b6b6b;--border:#e0e4e8;--border-light:#f0f0f0;--shadow:0 2px 8px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius:8px;--radius-lg:12px;--navbar-h:56px;--transition:.2s ease;--login-gradient-start:#f5f7fa;--login-gradient-end:#e4e8ed;--comment-other-bg:#f0f2f5;--attachment-bg:#f8f9fb;--group-header-bg:#f0f4f8;--sub-order-bg:#f5f8fc;--sub-order-hover:#eaf0f7;--group-header-hover:#e4ecf4;--heading-color:#1a1a2e;--focus-ring:#2196f34d;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--cache-warming-bg:#e8f4fd;--cache-warming-text:#1565c0;--cache-warming-border:#90caf9;--cache-progress-bg:#bbdefb;--dealer-unlinked-bg:#fff3e0;--dealer-unlinked-text:#e65100;--dealer-unlinked-border:#ffcc80;--color-interactive:#2196f3;--color-success:#4caf50;--color-danger:#e53935;--color-warning:#ff9800;--color-info:#1976d2;--color-brand:var(--primary);--z-sticky-col:5;--z-sticky-col-head:6;--z-table-head:10;--z-col-resize:11;--z-dropdown:50;--z-navbar:100;--z-modal:200;--z-toast:300;--z-skip-link:1000;--z-notification:1000;--z-preview:1100;--z-tooltip:10000}[data-theme=dark]{--primary:#0d0d1a;--primary-light:#1a1a30;--accent:#1a3a6a;--bg:#121218;--bg-card:#1e1e2a;--bg-hover:#282838;--bg-stripe:#1a1a26;--bg-input:#252535;--text:#e0e0e8;--text-light:#a0a0b0;--text-muted:#9090a0;--border:#2e2e40;--border-light:#252535;--shadow:0 2px 8px #0000004d;--shadow-lg:0 8px 32px #00000080;--login-gradient-start:#121218;--login-gradient-end:#1a1a26;--comment-other-bg:#252535;--attachment-bg:#1a1a26;--group-header-bg:#1a1a2e;--sub-order-bg:#1a1a30;--sub-order-hover:#1e1e35;--group-header-hover:#222240;--heading-color:#e8e8f0;--focus-ring:#2196f359;--cache-warming-bg:#0d2a4a;--cache-warming-text:#64b5f6;--cache-warming-border:#1a4a7a;--cache-progress-bg:#1a3a5a;--dealer-unlinked-bg:#3d2600;--dealer-unlinked-text:#ffb74d;--dealer-unlinked-border:#5a3a00;--color-interactive:#42a5f5;--color-success:#66bb6a;--color-danger:#ef5350;--color-warning:#ffa726;--color-info:#42a5f5;--color-brand:var(--primary)}[data-theme=dark] .status-late{color:#f8a0a0;background:#4a1c1c}[data-theme=dark] .status-on-track,[data-theme=dark] .status-staged{color:#a5d6a7;background:#1c4a22}[data-theme=dark] .status-scheduling{color:#ffcc80;background:#4a3000}[data-theme=dark] .status-shipping{color:#90caf9;background:#143560}[data-theme=dark] .status-hold{color:#ffe082;background:#4a3a00}[data-theme=dark] .status-loaded{color:#ffcc80;background:#4a3000}[data-theme=dark] .status-default{color:#b0b0c0;background:#303040}[data-theme=dark] .status-reservation{color:#b39ddb;background:#311b52}[data-theme=dark] .btn-primary:hover{background:#1565c0}[data-theme=dark] .btn-icon:hover{background:var(--bg-hover)}[data-theme=dark] .drop-zone:hover,[data-theme=dark] .drop-zone.active{background:#2196f314}[data-theme=dark] .login-error{color:#f48a8a;background:#3d1515}[data-theme=dark] .column-picker-dropdown{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .col-resize-handle:hover,[data-theme=dark] .col-resize-handle:active{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#444}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#666}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar{background:var(--primary);color:#fff;height:56px;z-index:var(--z-navbar);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0003}.navbar-brand{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.navbar-user{align-items:center;gap:16px;display:flex}.navbar-user .user-name{opacity:.9;font-size:14px}.navbar-user .role-badge{background:var(--color-interactive);text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:11px}.btn-logout{color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 16px;font-size:13px}.btn-logout:hover{background:#fff3}.navbar-hamburger{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);background:0 0;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:0;display:none}.navbar-hamburger:hover{background:#ffffff26}.navbar-mobile-links{display:none}.skip-link{background:var(--color-interactive);color:#fff;z-index:var(--z-skip-link);border-radius:0 0 6px 6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:0}.page-container{max-width:100%;margin:0 auto;padding:24px}.dashboard-page{height:calc(100vh - var(--navbar-h));flex-direction:column;display:flex;overflow:hidden}.dashboard-page>*{flex-shrink:0}.table-container-virtuoso{flex:1 1 0;min-height:200px;overflow:hidden}.table-container-paginated{flex:1 1 0;min-height:200px;overflow:auto}.customer-bar{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;display:flex}.customer-info{flex-direction:column;flex:none;min-width:0;padding-right:4px;display:flex}.customer-info h2{color:var(--heading-color);margin:0;font-size:14px;font-weight:700;line-height:1.25}.customer-info span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;line-height:1.3}.customer-bar .stats-bar{flex:auto;min-width:0;margin-bottom:0}.customer-bar .customer-selector{margin-left:auto}.customer-selector{align-items:center;gap:12px;display:flex}.customer-selector select{border:1px solid var(--border);background:var(--bg-input);min-width:220px;color:var(--text);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px}.customer-selector select:focus{border-color:var(--color-interactive);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filters-toggle-mobile{display:none}.search-input{border:1px solid var(--border);min-width:200px;color:var(--text);background:var(--bg-input);border-radius:6px;flex:1;padding:8px 16px;font-size:14px}.search-input:focus{border-color:var(--color-interactive);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.filter-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px}.cache-status-banner{border-radius:8px;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.cache-status-banner .cache-status-text{align-items:center;gap:8px;display:flex}.cache-status-banner.cache-warming{background:var(--cache-warming-bg);color:var(--cache-warming-text);border:1px solid var(--cache-warming-border)}.cache-status-banner.cache-refreshing{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);flex-direction:row;padding:8px 16px}.cache-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite cache-spin;display:inline-block}@keyframes cache-spin{to{transform:rotate(360deg)}}.cache-status-banner.cache-dealer-unlinked{background:var(--dealer-unlinked-bg);color:var(--dealer-unlinked-text);border:1px solid var(--dealer-unlinked-border)}.cache-progress-bar{background:var(--cache-progress-bg);border-radius:3px;height:3px;overflow:hidden}.cache-progress-bar-inner{background:var(--cache-warming-text);border-radius:3px;width:30%;height:100%;animation:1.5s ease-in-out infinite cache-progress}@keyframes cache-progress{0%{transform:translate(-100%)}to{transform:translate(433%)}}.table-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto}.top-scrollbar{min-height:12px;overflow:auto hidden}.top-scrollbar::-webkit-scrollbar{height:8px}.top-scrollbar::-webkit-scrollbar-track{background:0 0}.top-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.top-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1400px;font-size:13px}.table-container-paginated .data-table thead,.table-container-virtuoso .data-table thead{z-index:var(--z-table-head);position:sticky;top:0}.data-table thead th{background:var(--primary);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:var(--z-table-head);cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;padding:11px 14px;font-size:11px;font-weight:500;position:sticky;top:0;overflow:hidden}.data-table thead th:hover{background:var(--primary-light)}.data-table thead th .sort-icon{opacity:.6;margin-left:4px;font-size:10px}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:var(--transition)}.data-table tbody tr:nth-child(2n){background:var(--bg-stripe)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody td{white-space:nowrap;text-overflow:ellipsis;padding:10px 14px;overflow:hidden}.data-table tbody td:has(.btn-icon){overflow:visible}.data-table tbody td:has(.cell-overflow-visible){overflow:visible}.data-table .order-number{color:var(--color-interactive);cursor:pointer;font-weight:600}.data-table .order-number:hover{text-decoration:underline}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-late{color:#c62828;background:#fde8e8}.status-on-track,.status-staged{color:#2e7d32;background:#e8f5e9}.status-scheduling{color:#bf360c;background:#fff3e0}.status-shipping{color:#1565c0;background:#e3f2fd}.status-hold{color:#8e5700;background:#fff8e1}.status-loaded{color:#bf360c;background:#fff3e0}.status-default{color:#616161;background:#f5f5f5}.status-reservation{color:#4527a0;background:#ede7f6}.action-btns{gap:6px;display:flex}.btn-icon{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;width:32px;height:32px;transition:var(--transition);color:var(--text-light);border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.btn-icon:hover{border-color:var(--color-interactive);color:var(--color-interactive);background:var(--bg-hover)}.btn-icon .badge-count{background:var(--color-danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-6px;right:-6px}.btn-primary{background:var(--color-interactive);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500}.btn-primary:hover{background:#1976d2}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:6px;padding:8px 20px;font-size:14px}.btn-secondary:hover{border-color:var(--color-interactive);color:var(--color-interactive)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:4px 12px;font-size:12px}.btn-md{padding:6px 16px;font-size:13px}.btn-danger{background:var(--color-danger);color:#fff;cursor:pointer;font-size:var(--text-sm);border:none;border-radius:6px;padding:8px 16px}.btn-danger:hover{background:#c62828}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{z-index:var(--z-modal);background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:90%;max-width:560px;max-height:80vh;animation:.2s slideUp;display:flex}.modal-header{background:var(--color-interactive);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{font-size:16px;font-weight:600}.modal-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px;font-size:20px}.modal-close:hover{opacity:1}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.comment-thread{flex-direction:column;gap:12px;max-height:400px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.comment-bubble{border-radius:12px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.5}.comment-bubble.own{background:var(--color-interactive);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.comment-bubble.other{background:var(--comment-other-bg);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.comment-meta{opacity:.7;margin-top:4px;font-size:11px}.comment-input-bar{border-top:1px solid var(--border-light);align-items:center;gap:8px;padding-top:12px;display:flex}.comment-input-bar input,.comment-input-bar textarea{border:1px solid var(--border);background:var(--bg-input);color:var(--text);resize:none;border-radius:20px;flex:1;padding:10px 14px;font-size:13px}.comment-input-bar input:focus,.comment-input-bar textarea:focus{border-color:var(--color-interactive);outline:none}.btn-send{background:var(--color-interactive);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-send:hover{background:#1976d2}.btn-send:disabled{background:var(--border);cursor:not-allowed}.mention-dropdown{background:var(--bg-card);border:1px solid var(--border);max-height:200px;box-shadow:var(--shadow-lg);z-index:var(--z-navbar);border-radius:8px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.mention-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.mention-item:hover,.mention-item.active{background:var(--bg-hover)}.mention-name-row{align-items:center;gap:6px;display:flex}.mention-name{color:var(--text);font-weight:600}.mention-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.mention-badge.ksc{background:var(--color-interactive);color:#fff;opacity:.85}.mention-badge.dealer{background:var(--color-warning);color:#1a1a2e;opacity:1}.mention-email{color:var(--text-muted);font-size:11px}.mention-highlight{color:var(--color-interactive);font-weight:600}.comment-bubble.own .mention-highlight{color:#fff;text-decoration:underline}.mention-highlight.mention-external{color:var(--color-interactive);border:1px solid var(--color-interactive);background:0 0;border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.comment-bubble.own .mention-highlight.mention-external{color:#fff;border-color:#ffffffb3;text-decoration:none}.mention-external-icon{opacity:.85;font-size:11px;line-height:1}.mention-item-external .mention-name{font-weight:500}.mention-item-freeform .mention-name{font-style:italic}.mention-badge.external{color:var(--color-interactive);border:1px solid var(--color-interactive);background:0 0}.comment-reply-indicator{opacity:.7;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;display:flex}.comment-reply-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:8px;padding:0;font-size:11px;text-decoration:underline}.comment-reply-btn:hover{opacity:1}.comment-input-area{margin-top:0}.comment-reply-bar{background:var(--bg-hover);color:var(--text-muted);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 12px;font-size:12px;display:flex}.comment-reply-cancel{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:2px;display:flex}.comment-reply-cancel:hover{color:var(--text)}.edit-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.form-group input,.form-group select{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:6px;padding:8px 12px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--color-interactive);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.attachment-list{flex-direction:column;gap:8px;display:flex}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:32px}.drop-zone:hover,.drop-zone.active{border-color:var(--color-interactive);background:var(--bg-hover);color:var(--color-interactive)}.login-page{background:linear-gradient(135deg, var(--login-gradient-start) 0%, var(--login-gradient-end) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:48px 40px}.login-card h1{text-align:center;color:var(--heading-color);margin-bottom:4px;font-size:24px}.login-card .subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:14px}.login-card .form-group{margin-bottom:16px}.login-card input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:6px;padding:10px 14px;font-size:14px}.login-type{justify-content:center;gap:24px;margin-bottom:24px;display:flex}.login-type label{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:14px;display:flex}.login-card .btn-primary{width:100%;padding:12px;font-size:15px}.login-error{color:#c62828;text-align:center;background:#fde8e8;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{white-space:nowrap}.login-tabs{border:1px solid var(--border);border-radius:var(--radius);gap:0;margin:24px 0 20px;display:flex;overflow:hidden}.login-tab{cursor:pointer;background:var(--bg);color:var(--text-muted);transition:background-color var(--transition), color var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.login-tab:hover{background:var(--bg-card);color:var(--text)}.login-tab.active{background:var(--bg-card);color:var(--color-interactive);box-shadow:inset 0 -2px 0 var(--color-interactive)}.login-panel{min-height:180px}.combobox-wrapper{flex:1;min-width:220px;position:relative}.combobox-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);cursor:text;border-radius:6px;padding:8px 32px 8px 16px;font-size:14px}.combobox-input:focus{border-color:var(--color-interactive);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.combobox-chevron{pointer-events:none;color:var(--text-muted);font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.combobox-listbox{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-height:240px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.combobox-option{cursor:pointer;color:var(--text);padding:8px 16px;font-size:14px;transition:background-color .1s}.combobox-option:hover,.combobox-option[aria-selected=true],.combobox-option.focused{background:var(--bg-hover)}.combobox-no-results{color:var(--text-muted);text-align:center;padding:12px 16px;font-size:13px}.view-mode-toggle{flex-shrink:0;gap:0;display:flex}.view-mode-toggle .btn-secondary{white-space:nowrap;border-right-width:0;border-radius:0;min-width:0;margin:0}.view-mode-toggle .btn-secondary:first-child{border-radius:6px 0 0 6px}.view-mode-toggle .btn-secondary:last-child{border-right-width:1px;border-radius:0 6px 6px 0}.view-mode-toggle .btn-secondary.active{background:var(--color-interactive);color:#fff;border-color:var(--color-interactive)}tr.reservation-soon{background:#ffc10726!important}tr.reservation-soon:hover{background:#ffc10740!important}tr.reservation-overdue{background:#f443361f!important}tr.reservation-overdue:hover{background:#f4433638!important}[data-theme=dark] tr.reservation-soon{background:#ffc1071a!important}[data-theme=dark] tr.reservation-soon:hover{background:#ffc1072e!important}[data-theme=dark] tr.reservation-overdue{background:#f443361a!important}[data-theme=dark] tr.reservation-overdue:hover{background:#f443362e!important}.pagination{border-top:1px solid var(--border-light);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.pagination-info{white-space:nowrap}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-pages{white-space:nowrap;color:var(--text);font-weight:500}.export-controls{gap:4px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state p{font-size:14px}.past-due-banner{border-radius:var(--radius);color:#c62828;cursor:pointer;background:#f4433614;border:1px solid #f443364d;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px 16px;font-size:14px;transition:background .15s,border-color .15s;display:flex}.past-due-banner:hover{background:#f4433624;border-color:#f4433680}.past-due-banner-active{background:#f4433626;border-color:#f44336}.past-due-banner-active:hover{background:#f4433638}.past-due-clear{opacity:.8;align-items:center;gap:4px;margin-left:auto;font-size:12px;text-decoration:underline;display:flex}.past-due-clear:hover{opacity:1}[data-theme=dark] .past-due-banner{color:#ef9a9a;background:#f443361a;border-color:#f4433640}[data-theme=dark] .past-due-banner:hover{background:#f443362e;border-color:#f4433666}[data-theme=dark] .past-due-banner-active{background:#f4433633;border-color:#ef5350}.stats-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex:1;min-width:90px;padding:4px 10px}.stat-card .stat-value{color:var(--heading-color);font-size:18px;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;line-height:1.3}.toast-container{z-index:var(--z-toast);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;box-shadow:var(--shadow-lg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:280px;padding:12px 20px;font-size:13px;animation:.2s slideUp;display:flex}.toast-dismiss{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px}.toast-dismiss:hover{opacity:1}.toast-content{align-items:center;gap:8px;display:flex}.toast-icon{flex-shrink:0;font-size:16px}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}.toast-info{background:var(--color-interactive)}.group-header-row{cursor:pointer;background:var(--group-header-bg)!important;border-top:2px solid var(--border)!important;border-bottom:1px solid var(--border)!important}.group-header-row:hover{background:var(--group-header-hover)!important}.group-header-row .order-number{font-weight:600}.group-toggle{align-items:center;gap:8px;display:flex}.expand-icon{color:var(--text-muted);text-align:center;width:14px;font-size:12px;transition:transform .15s;display:inline-block}.expand-icon.expanded{transform:rotate(90deg)}.sub-count{background:var(--color-interactive);color:#fff;letter-spacing:.3px;border-radius:10px;margin-left:4px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.sub-order-row{border-left:3px solid var(--color-interactive);background:var(--sub-order-bg)!important}.sub-order-row:hover{background:var(--sub-order-hover)!important}.sub-order-row td:first-child{padding-left:32px}.sub-order-row td.col-selection{padding-left:14px!important}.sub-order-row:last-child,.sub-order-row+tr:not(.sub-order-row){border-bottom:2px solid var(--border)!important}.sub-order-number{font-size:12px;color:var(--text-light)!important;font-weight:500!important}.sub-order-number:before{content:"└ ";color:var(--border);font-size:11px}.group-controls{align-items:center;gap:6px;display:flex}.group-controls .btn-sm{padding:4px 10px;font-size:11px}.theme-toggle{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.theme-toggle:hover{background:#fff3}.language-switcher{color:#fff;cursor:pointer;height:36px;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:0 8px;font-size:13px}.language-switcher:hover{background:#fff3}.language-switcher option{background:var(--bg);color:var(--text)}.login-page .language-switcher{background:var(--bg-card);border-color:var(--border);color:var(--text)}body,.navbar,.page-container,.customer-bar,.table-container,.data-table,.modal,.login-page,.login-card,.stat-card,.toast{transition:background-color .3s,color .3s,border-color .3s}.column-picker-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:200px;max-height:320px;margin-top:6px;padding:8px 0;position:absolute;top:100%;right:0;overflow-y:auto}.column-picker-item{color:var(--text);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 14px;font-size:13px;transition:background .1s;display:flex}.column-picker-item:hover{background:var(--bg-hover)}.column-picker-label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.column-picker-arrows{flex-shrink:0;gap:2px;display:flex}.column-picker-arrows .btn-icon.btn-xs{border-radius:4px;width:22px;height:22px;padding:0}.column-picker-arrows .btn-icon.btn-xs:disabled{opacity:.25}.column-picker-item input[type=checkbox]{accent-color:var(--color-interactive);cursor:pointer;width:15px;height:15px}.col-resize-handle{cursor:col-resize;width:6px;z-index:var(--z-col-resize);border-right:1px solid #ffffff26;position:absolute;top:0;bottom:0;right:0}.col-resize-handle:hover,.col-resize-handle:active{background:#ffffff40;border-right-color:#fff6}.data-table th.col-draggable{cursor:grab}.data-table th.col-draggable:active{cursor:grabbing}.data-table th.col-dragging{opacity:.4}.data-table th.col-drag-over{box-shadow:inset 3px 0 0 0 var(--color-interactive,#2563eb);background:#2563eb14}[data-theme=dark] .data-table th.col-drag-over{background:#60a5fa26}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-icon:focus-visible,.btn-logout:focus-visible,.btn-send:focus-visible,.btn-sm:focus-visible,.theme-toggle:focus-visible,.modal-close:focus-visible,.admin-link-card:focus-visible,.navbar-admin-link:focus-visible,.filter-select:focus-visible,.search-input:focus-visible,.column-picker-item:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.comment-input-bar input:focus-visible,.comment-input-bar textarea:focus-visible,.customer-selector select:focus-visible,.login-card input:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.modal-overlay.closing{animation:.15s forwards fadeOut}.modal-overlay.closing .modal,.toast.closing{animation:.2s forwards slideDown}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){.data-table{min-width:1100px}.admin-panels{grid-template-columns:1fr}.stats-bar{gap:6px}.stat-card{min-width:80px;padding:3px 8px}.stat-card .stat-value{font-size:16px}.stat-card .stat-label{font-size:10px}}@media (width<=768px){.page-container{padding:12px}:root{--navbar-h:48px}.navbar{flex-wrap:wrap;height:48px;padding:0 12px}.navbar-brand{gap:6px}.navbar-brand svg{width:20px;height:20px}.navbar-title{font-size:15px}.navbar-admin-links{display:none}.navbar-hamburger{display:flex}.navbar-user{border-top:1px solid #ffffff26;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:12px 0;display:none}.navbar-user--open{display:flex}.navbar-user .user-name{font-size:13px}.navbar-user .role-badge{align-self:flex-start}.navbar-user .btn-logout{text-align:center;width:100%;padding:10px}.navbar-user .theme-toggle{align-self:flex-start}.navbar-mobile-links{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:4px;margin-bottom:4px;padding-bottom:8px;display:flex}.navbar-mobile-link{color:#fff;background:#ffffff14;border-radius:6px;padding:8px 12px;font-size:14px;text-decoration:none}.navbar-mobile-link:hover{background:#ffffff26}.customer-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.customer-info h2{font-size:13px}.customer-bar .customer-selector{margin-left:0}.customer-selector{flex-direction:column;align-items:stretch;gap:8px}.customer-selector select{min-width:unset;width:100%}.filters-bar{flex-direction:column;align-items:stretch;gap:8px}.filters-bar .search-input{min-width:unset}.filters-bar .filter-select{width:100%}.filters-toggle-mobile{display:block!important}.filters-bar>:nth-child(n+4){display:none}.filters-bar.filters-expanded>*{display:block}.filters-bar.filters-expanded>label,.filters-bar.filters-expanded>div{display:flex}.stats-bar{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.stat-card{min-width:unset;padding:4px 8px}.stat-card .stat-value{font-size:16px}.stat-card .stat-label{font-size:10px}.table-container{border-radius:var(--radius)}.data-table{min-width:900px;font-size:12px}.data-table thead th,.data-table tbody td{padding:8px 10px}.btn-icon{width:44px;height:44px;font-size:16px}.btn-icon.btn-xs{border-radius:6px;width:44px;height:44px;padding:0}.btn-primary,.btn-secondary{min-height:44px;padding:12px 20px;font-size:14px}.btn-danger,.btn-logout{min-height:44px;padding:10px 16px}.theme-toggle{width:44px;height:44px;font-size:20px}.modal{border-radius:0;width:100%;max-width:100%;height:100vh;max-height:100vh}.modal-overlay{align-items:stretch}.modal-header{z-index:var(--z-table-head);border-radius:0;position:sticky;top:0}.modal-body{padding:16px}.modal-footer{z-index:var(--z-table-head);background:var(--bg-card);padding:12px 16px;position:sticky;bottom:0}.modal-header{padding:12px 16px}.edit-form{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:center;gap:8px;padding:10px 12px}.pagination-controls{flex-wrap:wrap;justify-content:center}.export-controls{justify-content:center}.action-btns{gap:4px}.column-picker-dropdown{min-width:180px}.cache-status-banner{padding:8px 12px;font-size:12px}.toast-container{bottom:12px;left:12px;right:12px}.toast{min-width:unset;width:100%}.admin-dashboard{padding:12px}.admin-dashboard-header h1{font-size:20px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.admin-stat-card{padding:12px}.admin-stat-value{font-size:20px}.admin-panels{grid-template-columns:1fr}.admin-panel{padding:12px}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:6px}.admin-links-grid{flex-direction:column}.admin-link-card{width:100%}.preview-container{border-radius:0;width:100%;max-width:100%}.attachment-item{flex-direction:column;align-items:flex-start;gap:8px}.drop-zone{padding:24px 12px;font-size:13px}.audit-entry{flex-direction:column;gap:4px}.audit-time{min-width:unset}.group-controls{flex-wrap:wrap}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}.admin-dashboard{max-width:1200px;margin:0 auto;padding:24px}.admin-dashboard-header{margin-bottom:24px}.admin-dashboard-header h1{color:var(--heading-color);margin:0;font-size:24px}.admin-dashboard h2{color:var(--heading-color);margin:0 0 12px;font-size:16px}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:16px;display:flex}.admin-stat-icon{font-size:28px}.admin-stat-value{color:var(--heading-color);font-size:24px;font-weight:700}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.admin-quick-links{margin-bottom:24px}.admin-links-grid{flex-wrap:wrap;gap:12px;display:flex}.admin-link-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:var(--transition);box-shadow:var(--shadow);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.admin-link-card:hover{background:var(--bg-hover);border-color:var(--color-interactive)}.admin-link-icon{font-size:18px}.admin-panels{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px;font-size:11px}.admin-table tbody tr{transition:background-color var(--transition)}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table td{border-bottom:1px solid var(--border-light);color:var(--text);padding:8px}.admin-table tr:last-child td{border-bottom:none}.admin-empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:13px}.admin-roles-summary{margin-bottom:24px}.admin-roles-grid{flex-wrap:wrap;gap:12px;display:flex}.admin-role-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px 16px;display:flex}.admin-role-count{color:var(--heading-color);font-size:20px;font-weight:700}.role-badge.role-admin{background:var(--color-interactive);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px}.role-badge.role-internal{background:var(--color-success);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px}.role-badge.role-dealer{background:var(--color-warning);color:#1a1a2e;border-radius:4px;padding:2px 8px;font-size:11px}.action-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.action-badge.action-create{color:#2e7d32;background:#e8f5e9}.action-badge.action-update{color:#1565c0;background:#e3f2fd}.action-badge.action-delete{color:#c62828;background:#fce4ec}.action-badge.action-login{color:#6a1b9a;background:#f3e5f5}[data-theme=dark] .action-badge.action-create{color:#66bb6a;background:#1b3d1e}[data-theme=dark] .action-badge.action-update{color:#64b5f6;background:#0d2744}[data-theme=dark] .action-badge.action-delete{color:#ef9a9a;background:#3e1520}[data-theme=dark] .action-badge.action-login{color:#ce93d8;background:#2a1533}@media (width<=768px){.admin-panels{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-bar{background:linear-gradient(90deg, var(--border-light) 25%, var(--bg-hover) 50%, var(--border-light) 75%);background-size:200px 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite shimmer}.skeleton-row td{padding:12px 8px}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex:1;min-width:150px;padding:16px 20px}.skeleton-bubble{background:var(--comment-other-bg);border-radius:12px;align-self:flex-start;max-width:70%;margin-bottom:8px;padding:12px 16px}.skeleton-bubble-right{background:var(--color-interactive);opacity:.3;align-self:flex-end}.skeleton-attachment-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 0;display:flex}.skeleton-attachment-item:last-child{border-bottom:none}.empty-state-illustrated{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state-illustrated .empty-icon{color:var(--border);margin-bottom:16px}.empty-state-illustrated h4{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.empty-state-illustrated p{max-width:320px;margin:0 auto 16px;font-size:13px}.error-state{text-align:center;color:var(--text-muted);padding:48px 24px}.error-state .error-icon{color:var(--color-danger);margin-bottom:16px}.error-state h4{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.error-state p{max-width:320px;margin:0 auto 16px;font-size:13px}.error-state .btn-retry{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--color-interactive);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.error-state .btn-retry:hover{background:var(--bg-hover);border-color:var(--color-interactive)}.upload-progress-text{color:var(--text-muted);text-align:center;font-size:11px}.breadcrumb-sep{color:var(--border)}.data-table th:first-child,.data-table td:first-child{z-index:var(--z-sticky-col);background:var(--bg-card);position:sticky;left:0}.data-table tbody tr:nth-child(2n) td:first-child{background:var(--bg-stripe)}.data-table tbody tr:hover td:first-child{background:var(--bg-hover)}.data-table thead th:first-child{z-index:var(--z-sticky-col-head);background:var(--primary)}.group-header-row td:first-child{background:var(--group-header-bg)}.sub-order-row td:first-child{background:var(--sub-order-bg)}@media (width<=768px){.toast-container{inset:64px 16px auto}.modal-header:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 8px;display:block}}.edit-form-section{border:1px solid var(--border-light);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.edit-form-section legend{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 var(--space-2);font-weight:600}.form-readonly-value{color:var(--text-muted);min-height:20px;padding:8px 0;font-size:14px}.form-readonly-value.empty{opacity:.7;font-style:italic}.breadcrumb{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3);align-items:center;gap:6px;display:flex}.breadcrumb a{color:var(--color-interactive);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text);font-weight:500}.order-detail-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.order-detail-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.order-detail-title-row h2{font-size:var(--text-xl);color:var(--heading-color);margin:0}.order-detail-meta{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.meta-item{flex-direction:column;gap:2px;display:flex}.meta-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.meta-value{font-size:var(--text-md);color:var(--text)}.order-detail-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.order-detail-section h3{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);color:var(--heading-color)}.order-link{color:var(--color-interactive);font-weight:500;text-decoration:none}.order-link:hover{text-decoration:underline}.order-detail-tabs{border-bottom:2px solid var(--border);top:var(--navbar-h);z-index:var(--z-table-head);background:var(--bg);gap:0;margin-bottom:0;display:flex;position:sticky}.order-tab{padding:var(--space-3) var(--space-5);color:var(--text-muted);font-size:var(--text-md);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;display:flex}.order-tab:hover{color:var(--text)}.order-tab.active{color:var(--color-interactive);border-bottom-color:var(--color-interactive);font-weight:600}.order-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:4px 4px 0 0}.tab-badge{background:var(--color-interactive);color:#fff;font-size:var(--text-xs);text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-weight:600}.order-detail-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);border-top:none;min-height:200px}.audit-log{gap:var(--space-3);flex-direction:column;display:flex}.audit-entry{gap:var(--space-3);padding:var(--space-3);background:var(--bg-stripe);border-radius:var(--radius);font-size:var(--text-sm);display:flex}.audit-time{color:var(--text-muted);font-size:var(--text-xs);flex-shrink:0;min-width:140px}.audit-detail{flex:1}.audit-user{color:var(--text);font-weight:600}.audit-field{color:var(--color-interactive);font-weight:500}.audit-values{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.attachments-section .drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:var(--space-5);text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition), background var(--transition)}.attachments-section .drop-zone:hover,.attachments-section .drop-zone.active{border-color:var(--color-interactive);background:#2196f30a}.attachment-item{padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:var(--space-2);background:var(--attachment-bg);justify-content:space-between;align-items:center;display:flex}.attachment-item .file-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.attachment-item .file-icon{color:var(--text-muted);flex-shrink:0}.attachment-item .file-name{font-size:var(--text-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.attachment-item .file-meta{font-size:var(--text-xs);color:var(--text-muted)}.upload-progress{margin-top:var(--space-2)}.upload-progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.upload-progress-bar-inner{background:var(--color-interactive);border-radius:2px;height:100%;transition:width .3s}.preview-overlay{z-index:var(--z-preview);padding:var(--space-5);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-container{background:var(--bg-card);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.preview-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.preview-filename{font-weight:600;font-size:var(--text-md);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-body{padding:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.preview-image{object-fit:contain;max-width:100%;max-height:75vh}.preview-pdf{border:none;width:80vw;height:75vh}@media (width<=768px){.order-detail-meta{grid-template-columns:repeat(2,1fr)}.order-detail-title-row{flex-direction:column;align-items:flex-start}.order-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.audit-entry{gap:var(--space-1);flex-direction:column}.audit-time{min-width:auto}.preview-pdf{width:100%}}.notification-bell-wrapper{position:relative}.notification-bell{color:#fff;cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex;position:relative}.notification-bell:hover{background:#ffffff26}.notification-bell:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.notification-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:0;right:-2px}.notification-settings-btn{color:#ffffffb3;cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.notification-settings-btn:hover{color:#fff;background:#ffffff26}.notification-settings-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.notification-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;max-height:480px;box-shadow:var(--shadow-lg);z-index:var(--z-notification);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-title{font-weight:600;font-size:var(--text-md);color:var(--text)}.notification-mark-all{color:var(--color-interactive);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px}.notification-mark-all:hover{background:#2196f314}.notification-dropdown-body{flex:1;overflow-y:auto}.notification-empty{align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.notification-item{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border-light);transition:background var(--transition);background:0 0;display:flex}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#2196f30a}.notification-item.unread:hover{background:#2196f314}.notification-item-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.notification-item.unread .notification-item-icon{color:var(--color-interactive)}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:var(--text-sm);color:var(--text);line-height:1.4}.notification-item.unread .notification-item-title{font-weight:600}.notification-item-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.notification-unread-dot{background:var(--color-interactive);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-prefs-grid{flex-direction:column;gap:0;display:flex}.notif-prefs-header{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1fr repeat(2,80px);font-weight:600;display:grid}.notif-prefs-channel-label{text-align:center}.notif-prefs-row{gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);grid-template-columns:1fr repeat(2,80px);align-items:center;display:grid}.notif-prefs-event-label{font-size:var(--text-md);color:var(--text);font-weight:500}.notif-prefs-event-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.notif-prefs-toggle{cursor:pointer;justify-content:center;display:flex}.notif-prefs-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-switch{background:var(--border);width:36px;height:20px;transition:background var(--transition);border-radius:10px;position:relative}.toggle-switch:after{content:"";width:16px;height:16px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.notif-prefs-toggle input:checked+.toggle-switch{background:var(--color-interactive)}.notif-prefs-toggle input:checked+.toggle-switch:after{transform:translate(16px)}.notif-prefs-toggle input:focus-visible+.toggle-switch{box-shadow:0 0 0 2px var(--focus-ring)}@media (width<=768px){.notification-dropdown{width:auto;max-height:calc(100vh - 72px);position:fixed;top:56px;left:8px;right:8px}}.cross-dealer-summary{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.cross-dealer-summary .table-container{flex:1 1 0;min-height:0;overflow:auto}.cross-dealer-row{cursor:pointer;transition:background var(--transition)}.cross-dealer-row:hover{background:var(--bg-hover)}.cross-dealer-name{cursor:pointer;font-size:var(--text-md);text-align:left;background:0 0;border:none;padding:0}.cache-badge{font-size:var(--text-xs);text-transform:uppercase;border-radius:10px;padding:2px 8px;font-weight:600;display:inline-block}.cache-fresh{color:var(--color-success);background:#4caf501f}.cache-stale{color:var(--color-warning);background:#ff98001f}.cache-miss{color:var(--text-muted);background:#9e9e9e1f}.bulk-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);background:#2196f30f;border:1px solid #2196f333;display:flex}.bulk-count{font-size:var(--text-md);color:var(--color-interactive);font-weight:600}.row-selected{background:#2196f30f!important}.row-selected:hover{background:#2196f31a!important}.btn-secondary.active{background:var(--color-interactive);color:#fff;border-color:var(--color-interactive)}.btn-secondary.active:hover{background:#1976d2}.tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{z-index:var(--z-tooltip);background:var(--primary);color:#fff;max-width:260px;font-size:var(--text-sm);pointer-events:none;white-space:normal;box-shadow:var(--shadow);border-radius:6px;padding:6px 10px;line-height:1.4;animation:.15s tooltip-in;position:fixed}@keyframes tooltip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .tooltip{color:#121218;background:#e0e0e8}.help-icon{background:var(--border);width:16px;height:16px;color:var(--text-muted);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:10px;font-weight:700;display:inline-flex}.help-icon:hover{background:var(--color-interactive);color:#fff}.help-section{margin-bottom:16px}.help-section-title{font-size:var(--text-md);color:var(--heading-color);margin-bottom:6px;font-weight:600}.help-list{margin:0;padding:0;list-style:none}.help-list li{font-size:var(--text-base);color:var(--text);padding:4px 0 4px 18px;line-height:1.5;position:relative}.help-list li:before{content:"•";color:var(--color-interactive);font-weight:700;position:absolute;left:4px}.inline-edit-empty{border:1.5px dashed var(--text-muted);background:var(--bg-stripe);cursor:pointer;border-radius:4px;align-items:center;min-height:28px;margin:-3px -4px;padding:3px 8px;transition:border-color .15s,background .15s;display:flex}.inline-edit-empty:hover{border-color:var(--color-interactive);background:var(--bg-hover)}.inline-edit-empty-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-style:italic;overflow:hidden}.inline-edit-select{width:100%;color:var(--text);cursor:pointer;appearance:auto;background:0 0;border:1px solid #0000;border-radius:4px;min-height:28px;margin:-3px -4px;padding:3px 4px;font-size:13px;transition:border-color .15s,background .15s}.inline-edit-select:hover{border-color:var(--border);background:var(--bg-hover)}.inline-edit-select:focus{border-color:var(--color-interactive);outline:none;box-shadow:0 0 0 2px #3b82f640}.inline-edit-select-empty{color:var(--text-muted);border-style:dashed;border-color:var(--border);background:var(--bg-stripe);font-style:italic}.inline-edit-filled{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;min-height:28px;margin:-3px -4px;padding:3px 4px;transition:border-color .15s,background .15s;display:flex}.inline-edit-filled:hover{border-color:var(--border);background:var(--bg-hover)}.inline-edit-filled:after{content:"✎";color:var(--text-muted);opacity:0;margin-left:4px;font-size:11px;transition:opacity .15s}.inline-edit-filled:hover:after{opacity:1}.inline-edit-filled-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.inline-edit-copyable{align-items:center;gap:4px;width:100%;display:flex}.inline-edit-copyable>:first-child{flex:1;min-width:0}.btn-xs{padding:2px 6px;font-size:11px}.btn-icon.btn-xs{border-radius:4px;width:24px;height:24px;padding:0}.inline-edit-copy-btn,.inline-edit-paste-btn{opacity:.6;flex-shrink:0;transition:opacity .15s,color .15s}.inline-edit-copyable:hover .inline-edit-copy-btn,.inline-edit-copyable:hover .inline-edit-paste-btn{opacity:1}.inline-edit-copy-btn:hover,.inline-edit-paste-btn:hover{color:var(--color-interactive)}.inline-edit-active{border:2px solid var(--color-interactive);background:var(--bg-card);width:100%;color:var(--text);border-radius:4px;outline:none;min-height:28px;margin:-3px -4px;padding:2px 7px;font-size:13px}.inline-edit-active:focus{box-shadow:0 0 0 2px #3b82f640}.inline-edit-saving{opacity:.5;pointer-events:none}.inline-edit-filled-multiline{background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;align-items:stretch;width:100%;min-height:28px;margin:-3px -4px;padding:6px 8px;display:block}.inline-edit-filled-multiline:hover{border-color:var(--border);background:var(--bg-hover)}.inline-edit-filled-value-multiline{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.4;display:block}.inline-edit-active-multiline{resize:vertical;white-space:pre-wrap;width:100%;min-height:60px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.4}.cell-multiline-readonly{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:2px 0;font-size:12px;line-height:1.4;display:block}:is(.data-table tbody td:has(.inline-edit-filled-multiline),.data-table tbody td:has(.inline-edit-active-multiline),.data-table tbody td:has(.cell-multiline-readonly)){white-space:normal;text-overflow:clip;vertical-align:top;overflow:visible}@media print{.navbar,.filters-bar,.stats-bar,.bulk-toolbar,.toast-container,.pagination,.customer-selector,.group-controls,.export-controls,.top-scrollbar,.past-due-banner,.column-picker-dropdown,.btn-primary,.btn-secondary,.btn-danger,.btn-icon,.notification-dropdown,.help-drawer-overlay{display:none!important}body,.page-container,.dashboard-page{color:#000!important;background:#fff!important}.page-container{padding:0!important}.dashboard-page{height:auto!important;overflow:visible!important}.customer-bar{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:8px!important;padding:8px 0!important}.customer-bar h2{color:#000!important;font-size:16pt!important}.table-container{max-height:none!important;box-shadow:none!important;border:1px solid #ccc!important;overflow:visible!important}.data-table{min-width:0!important}.data-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#f0f0f0!important}.data-table td,.data-table th{border:1px solid #ddd!important;padding:4px 8px!important;font-size:9pt!important}.status-badge{color:#000!important;background:0 0!important;border:1px solid #999!important}tr.reservation-overdue,tr.reservation-soon{background:0 0!important}.order-detail-panel{box-shadow:none!important;border:1px solid #ccc!important}a{color:#000!important;text-decoration:none!important}a[href]:after{content:none!important}}