.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}:root{--color-navy: #1a2332;--color-navy-light: #243044;--color-navy-lighter: #2d3d56;--color-orange: #e67e22;--color-orange-light: #f39c12;--color-orange-dark: #d35400;--color-success: #27ae60;--color-success-bg: #eafaf1;--color-warning: #f39c12;--color-warning-bg: #fef9e7;--color-danger: #e74c3c;--color-danger-bg: #fdedec;--color-info: #3498db;--color-info-bg: #ebf5fb;--color-bg: #f0f2f5;--color-surface: #ffffff;--color-surface-hover: #f8f9fa;--color-border: #e2e8f0;--color-border-light: #edf2f7;--color-text: #1a202c;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-card-bg: #f8f9fa;--color-card-border: #e9ecef;--color-die-card-bg: #f0f7ff;--color-die-card-border: #d4e5f7;--color-die-badge: #4a90d9;--color-notes-bg: #fff8e1;--color-notes-border: #f9a825;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(230, 126, 34, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--sidebar-width: 80px;--sidebar-width-expanded: 220px;--header-height: 64px;--touch-target: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;overflow:hidden;height:100dvh}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}img{max-width:100%;display:block}.app-layout{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-navy);display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) 0;padding-top:max(var(--space-lg),env(safe-area-inset-top,0px));transition:width var(--transition-normal);flex-shrink:0;z-index:100}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-navy-lighter);margin-bottom:var(--space-xl);width:100%}.sidebar-brand-icon{width:44px;height:44px;background:var(--color-orange);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-lg)}.sidebar-brand-text{color:#fff;font-size:var(--font-size-xs);font-weight:500;opacity:.7;text-align:center;line-height:1.2}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex:1;width:100%;overflow-y:auto;min-height:0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-md) var(--space-sm);width:100%;color:#ffffff80;font-size:var(--font-size-xs);transition:all var(--transition-fast);border-left:3px solid transparent;min-height:var(--touch-target);justify-content:center}.sidebar-link i{font-size:1.25rem;margin-bottom:2px}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#ffffff14}.sidebar-link.active{border-left-color:var(--color-orange);color:var(--color-orange)}.sidebar-badge{background:var(--color-danger);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;right:12px;box-shadow:0 0 0 2px var(--color-navy);line-height:1}.sidebar-link{position:relative}.sidebar-footer{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-navy-lighter)}.sidebar-status-container{margin-bottom:var(--space-xs);width:100%;display:flex;justify-content:center}.sidebar-user{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-navy-lighter);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--color-navy-light)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:var(--header-height);gap:var(--space-lg)}.page-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.filter-bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.search-input{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);min-width:220px;transition:border-color var(--transition-fast)}.search-input:focus-within{border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.search-input i{color:var(--color-text-muted);margin-right:var(--space-sm);font-size:var(--font-size-sm)}.search-input input{border:none;background:transparent;outline:none;width:100%;color:var(--color-text)}.search-clear{color:var(--color-text-muted);cursor:pointer;padding:4px;margin-left:var(--space-xs);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);opacity:.6;font-size:.9em}.search-clear:hover{background:#0000000d;color:var(--color-text);opacity:1}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);min-height:var(--touch-target);cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-checkbox{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:var(--touch-target);padding:0 var(--space-sm)}.filter-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-orange);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);min-height:var(--touch-target);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-orange);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-orange-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-sm)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#219a52}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:32px}.btn-icon{width:var(--touch-target);height:var(--touch-target);padding:0;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.6;white-space:nowrap}.badge-rush{background:var(--color-danger);color:#fff}.badge-normal{background:var(--color-card-bg);color:var(--color-text-secondary);border:1px solid var(--color-card-border)}.badge-low{background:var(--color-info-bg);color:var(--color-info)}.badge-queued{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fdebd0}.badge-in-production{background:var(--color-info-bg);color:var(--color-info);border:1px solid #d4e6f1}.badge-completed{background:var(--color-success-bg);color:var(--color-success);border:1px solid #d5f5e3}.badge-on-hold{background:#f5f5f5;color:#888;border:1px solid #ddd}.badge-cancelled{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f5c6cb}.badge-item-count{background:var(--color-card-bg);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:1px 8px;border:1px solid var(--color-card-border)}.badge-code{background:var(--color-die-badge);color:#fff;border-radius:3px;padding:2px 6px;font-size:var(--font-size-xs);font-weight:600;font-family:monospace;white-space:nowrap}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--color-orange);transform:translateY(-1px)}.card-clickable:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.kanban-container{display:flex;gap:var(--space-lg);padding:var(--space-xl);height:calc(100% - var(--header-height));overflow-x:auto;align-items:flex-start}.kanban-column{flex:1;min-width:280px;max-width:400px;background:var(--color-bg);border-radius:var(--radius-xl);display:flex;flex-direction:column;max-height:100%}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.kanban-column-count{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:400}.kanban-column-cards{flex:1;overflow-y:auto;padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.job-card{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.job-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.job-card-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.job-card-pills{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.job-card-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text)}.job-card-customer{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.job-card-created{font-size:var(--font-size-sm);color:var(--color-text-muted)}.job-card-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:2px}.job-card-date{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.job-card-date.overdue{color:var(--color-danger);font-weight:500}.quote-changes-icon{display:inline-flex;align-items:center;justify-content:center;color:#e67e22;font-size:14px;width:24px;height:24px;border-radius:4px;background:#e67e221a;animation:quoteChangePulse 2s ease-in-out infinite;flex-shrink:0}@keyframes quoteChangePulse{0%,to{opacity:1}50%{opacity:.6}}.job-card-items-count{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.job-card-items-count i{font-size:10px;opacity:.6}.job-card-changes-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e67e221f;color:#d35400;animation:quoteChangePulse 2s ease-in-out infinite;flex-shrink:0;white-space:nowrap}.job-card-changes-pill i{font-size:10px}.job-card-linked-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 10px;border-radius:10px;background:#3498db1f;color:#2980b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:fit-content}.job-card-linked-pill i{font-size:9px;flex-shrink:0}.job-card-plain-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 10px;border-radius:10px;background:#27ae601f;color:#27ae60;white-space:nowrap;width:fit-content}.job-card-plain-pill i{font-size:9px}.job-card-created-inline{font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-muted)}.job-card-progress{display:flex;align-items:center;gap:8px;margin-top:2px}.job-card-progress-bar{flex:1;height:5px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.job-card-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-orange),var(--color-orange-light, #f5a623));border-radius:var(--radius-full);transition:width var(--transition-normal);min-width:2px}.job-card-progress-fill.complete{background:linear-gradient(90deg,var(--color-success),#2ecc71)}.job-card-progress-text{font-size:10px;font-weight:600;color:var(--color-text-muted);white-space:nowrap;min-width:32px;text-align:right}.job-detail{padding:var(--space-xl);max-width:1400px}.job-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl)}.job-detail-title{font-size:var(--font-size-2xl);font-weight:700}.job-detail-customer{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-top:var(--space-xs)}.job-detail-badges{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-sm)}.job-detail-actions{display:flex;gap:var(--space-sm);flex-shrink:0;align-items:center}.user-picker{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card, var(--color-surface));color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;min-width:160px;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.user-picker:focus{border-color:var(--color-primary, var(--color-orange));outline:none;box-shadow:0 0 0 2px #3498db33}.user-picker--empty{border-color:var(--color-warning, #f39c12);color:var(--color-text-muted)}.progress-bar-container{margin-bottom:var(--space-xl)}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-bar-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.progress-bar-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-orange)}.progress-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-orange),var(--color-orange-light));border-radius:var(--radius-full);transition:width var(--transition-normal);min-width:2px}.line-items-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.line-items-table thead{background:var(--color-orange)}.line-items-table thead th{color:#fff;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-md) var(--space-md);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:10}.line-items-table thead th:first-child{padding-left:var(--space-lg)}.line-items-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.line-items-table tbody tr:hover{background:var(--color-surface-hover)}.line-items-table tbody tr:last-child{border-bottom:none}.line-items-table tbody td{padding:var(--space-md);font-size:var(--font-size-sm);vertical-align:middle}.line-items-table tbody td:first-child{padding-left:var(--space-lg)}.line-items-row-info{background:#fef9ec;border-left:3px solid #f0ad4e}.line-items-row-info:hover{background:#fdf3d7!important}.line-items-row-info td{font-size:var(--font-size-sm)}.info-line-content{display:flex;align-items:center;gap:var(--space-sm);font-weight:500;color:var(--color-text)}.info-line-icon{color:#3498db;font-size:var(--font-size-sm);flex-shrink:0}.info-line-qty{color:var(--color-text-muted);font-weight:400;font-size:var(--font-size-xs)}.line-superseded td{text-decoration:line-through;opacity:.45;color:var(--color-text-muted)!important}.line-superseded .badge-code{text-decoration:line-through;opacity:.5}.line-superseded:hover{background:var(--color-surface)!important}.badge-superseded{display:inline-block;background:var(--color-danger-bg);color:var(--color-danger);font-size:9px;font-weight:600;padding:1px 6px;border-radius:3px;margin-left:6px;text-decoration:none;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}.line-change-banner td{padding:6px 12px!important;font-size:var(--font-size-xs)!important;font-weight:500;border-bottom:none!important;border-left:3px solid}.line-change-banner:hover{background:transparent!important}.line-change-banner.warning td{background:#ff980014;border-left-color:#f0ad4e;color:#c57d12}.line-change-banner.info td{background:#00bcd414;border-left-color:var(--color-info);color:var(--color-info)}.line-change-banner.success td{background:#27ae6014;border-left-color:var(--color-success);color:var(--color-success)}.badge-new-addition{display:inline-block;background:var(--color-success-bg);color:var(--color-success);font-size:9px;font-weight:600;padding:1px 6px;border-radius:3px;margin-left:6px;text-decoration:none;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}.qty-old{text-decoration:line-through;color:var(--color-text-muted);opacity:.6;margin-right:6px;font-weight:400}.qty-new{color:var(--color-success);font-weight:700}.touch-checkbox{width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.touch-checkbox:active{transform:scale(.9)}.touch-checkbox-inner{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background:var(--color-surface)}.touch-checkbox.checked .touch-checkbox-inner{background:var(--color-success);border-color:var(--color-success);color:#fff}.touch-checkbox.checked .touch-checkbox-inner i{font-size:14px}.touch-checkbox:hover .touch-checkbox-inner{border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.touch-checkbox.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.touch-checkbox.crossed .touch-checkbox-inner{background:#f8d7da;border-color:#e74c3c;color:#c0392b}.touch-checkbox.crossed .touch-checkbox-inner i{font-size:14px;font-weight:700}.checkbox-label{display:none}.audit-history-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.audit-history-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto}.audit-history-entry{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light)}.audit-history-entry:last-child{border-bottom:none}.audit-action-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:capitalize;min-width:64px;text-align:center;flex-shrink:0}.audit-action-do{background:var(--color-success-bg);color:var(--color-success)}.audit-action-undo{background:var(--color-danger-bg);color:var(--color-danger)}.audit-history-user{font-weight:500;color:var(--color-text);display:inline-flex;align-items:center}.audit-history-user--system{font-style:italic;color:var(--color-text-muted);font-weight:400}.audit-history-time{color:var(--color-text-muted);margin-left:auto;white-space:nowrap}.modal-overlay,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:30px var(--space-xl);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal,.modal-dialog,.modal-card,.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:none;height:auto;margin:0 auto;animation:slideUp .3s ease}.modal.print-modal{overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--space-xl)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-light)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);min-height:var(--touch-target);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.form-input-lg{font-size:var(--font-size-lg);padding:var(--space-lg);min-height:56px}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.pref-cards{display:flex;gap:var(--space-md);flex-wrap:wrap}.pref-card{flex:1;min-width:160px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;transition:all var(--transition-fast)}.pref-card.editing{box-shadow:0 0 0 2px var(--color-orange)}.pref-card-icon{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.pref-card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.pref-card-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.pref-card-edit{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#bbb;opacity:0;transition:all var(--transition-fast);font-size:var(--font-size-xs)}.pref-card:hover .pref-card-edit{opacity:1}.pref-card-edit:hover{color:var(--color-orange);background:#0000000a}.pref-card-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.notes-callout{background:var(--color-notes-bg);border-left:4px solid var(--color-notes-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg);position:relative}.notes-callout-icon{color:var(--color-notes-border);margin-right:var(--space-sm)}.notes-callout-text{white-space:pre-line;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}.notes-callout-edit{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:#bbb;opacity:0;transition:opacity var(--transition-fast);font-size:var(--font-size-xs)}.notes-callout:hover .notes-callout-edit{opacity:1}.notes-callout-edit:hover{color:var(--color-orange)}.job-photos-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.job-photos-section .section-header{margin-bottom:var(--space-md)}.job-photos-section .section-badge{margin-left:var(--space-sm);background:var(--color-info-bg);color:var(--color-info);padding:2px 8px;border-radius:10px;font-size:var(--font-size-xs);font-weight:600}.job-photos-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.die-card{background:var(--color-die-card-bg);border:1px solid var(--color-die-card-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;gap:var(--space-lg);align-items:center}.die-card-image{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-card-bg);flex-shrink:0}.die-card-info{flex:1;min-width:0}.die-card-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.die-card-size{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.die-card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.die-card-selectable{cursor:pointer;transition:all var(--transition-fast)}.die-card-selectable:hover{border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.die-card-selectable:active{transform:scale(.98)}.die-card-current{border-color:var(--color-success)!important;background:#eafaf1!important}.die-card-current:hover{border-color:var(--color-success)!important;box-shadow:0 0 0 3px #27ae6033}.section-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding-bottom:var(--space-md);margin-bottom:var(--space-lg);border-bottom:3px solid var(--color-orange)}.section-header.blue{border-bottom-color:var(--color-die-badge)}.section-header i{font-size:var(--font-size-md)}.info-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-top:var(--space-xl)}.info-panel-section{margin-bottom:var(--space-2xl)}.info-panel-section:last-child{margin-bottom:0}.branding-images{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.branding-image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.branding-image:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-light) 50%,#1e3a5f 100%);padding:var(--space-xl)}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-3xl);width:100%;max-width:420px}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-2xl)}.login-brand-icon{width:64px;height:64px;background:var(--color-orange);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.login-brand-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.login-brand-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.login-error{background:var(--color-danger-bg);border:1px solid #f5c6cb;border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.btn-xero{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#13b5ea,#0fa0d1);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #13b5ea4d}.btn-xero:hover{background:linear-gradient(135deg,#0fa0d1,#0d8fb8);box-shadow:0 4px 14px #13b5ea66;transform:translateY(-1px)}.btn-xero:active{transform:scale(.98) translateY(0);box-shadow:0 1px 4px #13b5ea4d}.btn-xero svg{width:22px;height:22px;flex-shrink:0}.loading-spinner{display:inline-flex;align-items:center;justify-content:center}.loading-spinner:after{content:"";width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-orange);border-radius:50%;animation:spin .6s linear infinite}.loading-spinner.lg:after{width:32px;height:32px;border-width:3px}.loading-page{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:var(--space-lg);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.empty-state i{font-size:2.5rem;margin-bottom:var(--space-lg);opacity:.4}.empty-state-text{font-size:var(--font-size-md)}.poll-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.poll-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease infinite}.refresh-flash{animation:flash .4s ease}.status-select{font-weight:600;font-size:var(--font-size-sm)}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) 0;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.back-button:hover{color:var(--color-orange)}.inline-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:200px;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.inline-notes:hover{background:var(--color-surface-hover)}.inline-notes-input{width:100%;min-width:150px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--color-orange);border-radius:var(--radius-sm);outline:none;box-shadow:var(--shadow-focus)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes flash{0%{background-color:transparent}50%{background-color:#e67e220d}to{background-color:transparent}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.offline-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;font-size:var(--font-size-sm);font-weight:600;z-index:50;animation:slideDown .3s ease}.offline-badge{background:#ffffff40;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);margin-left:auto}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.windows-update-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:filter .2s ease;animation:slideDown .3s ease}.windows-update-banner:hover{filter:brightness(1.08)}.windows-update-banner .fa-windows{font-size:1.1rem;opacity:.9}.windows-update-banner strong{font-weight:700}.windows-update-critical{background:linear-gradient(135deg,#e74c3c,#c0392b)}.sync-toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--color-success);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;animation:slideDown .3s ease}.sync-toast:hover{background:#219a52}.customer-name-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-xs)}.customer-name-link:hover{color:var(--color-orange)}.customer-name-link i{font-size:var(--font-size-xs);opacity:0;transition:opacity var(--transition-fast)}.customer-name-link:hover i{opacity:1}.account-view{padding:var(--space-xl);max-width:1200px}.account-view-header{margin-bottom:var(--space-2xl)}.account-view-title{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-sm)}.account-section{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.account-section-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);border:none;background:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);text-align:left;transition:background var(--transition-fast)}.account-section-toggle:hover{background:var(--color-bg)}.account-section-icon{color:var(--color-orange);font-size:var(--font-size-base);width:20px;text-align:center}.account-section-toggle-label{flex:1}.account-section-badge{background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;padding:2px 10px;border-radius:12px}.account-section-chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform .2s ease}.account-section-chevron.rotated{transform:rotate(180deg)}.account-section-body{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border-light)}.section-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.account-subsection-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:var(--space-lg) 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-sm)}.account-subsection-title i{color:var(--color-orange);font-size:var(--font-size-sm)}.account-view-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);padding-top:var(--space-sm)}@media(max-width:700px){.contact-info-grid{grid-template-columns:1fr}}.contact-info-col{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);padding:var(--space-xs) 0}.contact-row-icon{width:18px;text-align:center;color:var(--color-orange);font-size:var(--font-size-xs);flex-shrink:0}.contact-row-label{color:var(--color-text-muted);font-weight:500;min-width:60px}.contact-row-value{color:var(--color-text);font-weight:500}.contact-row-link{color:var(--color-navy);text-decoration:none}.contact-row-link:hover{text-decoration:underline}.address-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-md)}.address-card-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.address-card-value{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.branding-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.branding-gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-light);aspect-ratio:1}.branding-gallery-img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform var(--transition-fast)}.branding-gallery-img:hover{transform:scale(1.03)}.branding-gallery-delete{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity var(--transition-fast)}.branding-gallery-delete:hover{background:#dc2626}.branding-upload-area{padding-top:var(--space-xs)}.die-grid-card{position:relative}.die-grid-card-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.die-grid-card:hover .die-grid-card-actions{opacity:1}.die-grid-card-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1.5rem}.btn-icon{width:30px;height:30px;border-radius:var(--radius-md);border:none;background:#ffffffe6;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-icon:hover{background:#fff;color:var(--color-orange)}.btn-icon--danger:hover{color:#ef4444}.history-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.history-table thead th{text-align:left;padding:var(--space-sm) var(--space-md);font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.history-table tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.history-table-row{cursor:pointer;transition:background var(--transition-fast)}.history-table-row:hover,.history-table-row--expanded{background:var(--color-bg)}.quote-expand-icon{font-size:10px;color:var(--color-text-muted);transition:transform .2s ease}.quote-expand-icon.rotated{transform:rotate(90deg)}.quote-detail-row td{padding:0!important;border-bottom:1px solid var(--color-border)}.quote-detail-panel{background:var(--color-bg);padding:var(--space-md) var(--space-lg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-dialog{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light)}.modal-header h3{font-size:var(--font-size-lg);font-weight:700;margin:0}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-body{padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-light)}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-field input,.form-field select,.form-field textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-orange);outline:none;box-shadow:var(--shadow-focus)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.account-notes-textarea{width:100%;min-height:100px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;resize:vertical;transition:border-color var(--transition-fast);background:var(--color-notes-bg)}.account-notes-textarea:focus{outline:none;border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.die-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.die-grid-card{background:var(--color-die-card-bg);border:1px solid var(--color-die-card-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md);align-items:flex-start}.die-grid-card-img{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-border-light);flex-shrink:0}.die-grid-card-info h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-xs)}.die-grid-card-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.die-grid-card-products{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-xs)}.die-grid-card-products .badge-code{font-size:10px;padding:1px 5px}.branding-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.branding-gallery-img{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--color-border-light);background:var(--color-surface-hover);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.branding-gallery-img:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.quotes-table-container{padding:var(--space-xl);overflow-x:auto}.quotes-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.quotes-table thead{background:var(--color-orange)}.quotes-table thead th{color:#fff;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-md) var(--space-md);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:10}.quotes-table thead th:first-child{padding-left:var(--space-md)}.quotes-table tbody tr.quote-row{border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.quotes-table tbody tr.quote-row:hover{background:var(--color-surface-hover)}.quotes-table tbody tr.quote-row-active{background:#fef7ed;border-left:3px solid var(--color-orange)}.quotes-table tbody td{padding:var(--space-md);font-size:var(--font-size-sm);vertical-align:middle}.quote-expand-icon{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-fast);width:16px;text-align:center}.quote-number{font-weight:600;font-family:monospace;color:var(--color-navy)}.quote-reference{color:var(--color-text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-customer{font-weight:500}.quote-total{font-weight:600;font-family:monospace;text-align:right}.badge-draft{background:#f5f5f5;color:#888;border:1px solid #ddd}.badge-sent{background:var(--color-info-bg);color:var(--color-info);border:1px solid #d4e6f1}.badge-accepted{background:var(--color-success-bg);color:var(--color-success);border:1px solid #d5f5e3}.badge-invoiced{background:#eaecf0;color:var(--color-navy);border:1px solid #c8cdd5}.badge-declined{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f5c6cb}.badge-deleted{background:#f0f0f0;color:#999;border:1px solid #ddd;text-decoration:line-through}.quote-row-deleted td{opacity:.55}.quote-row-deleted .quote-number,.quote-row-deleted .quote-reference,.quote-row-deleted .quote-customer{text-decoration:line-through}.production-status-select{padding:4px 28px 4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;min-height:30px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.production-status-select:focus{border-color:var(--color-orange);outline:none;box-shadow:var(--shadow-focus)}.production-status-select:disabled{opacity:.6;cursor:not-allowed}.badge-prod-pending{border-color:var(--color-warning);color:#b77c00}.badge-prod-ready{border-color:var(--color-info);color:var(--color-info)}.badge-prod-inprod{border-color:var(--color-navy);color:var(--color-navy)}.badge-prod-completed{border-color:var(--color-success);color:var(--color-success)}.badge-prod-hold{border-color:#aaa;color:#888}.badge-prod-cancelled{border-color:var(--color-danger);color:var(--color-danger)}.date-group-header td{background:var(--color-navy-lighter);color:#fff;font-weight:600;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)!important;border:none;letter-spacing:.3px}.quote-detail-row td{padding:0!important;background:#fcfaf7;border-bottom:2px solid var(--color-border)}.quote-detail-content{padding:var(--space-lg) var(--space-xl);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quote-detail-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.quote-notes-callout{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-notes-bg);border:1px solid var(--color-notes-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#8a6d00}.quote-notes-callout i{color:var(--color-notes-border)}.quote-detail-account{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quote-detail-account i{opacity:.5}.quote-lines-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);font-size:var(--font-size-sm)}.quote-lines-table thead{background:var(--color-navy-light)}.quote-lines-table thead th{color:#ffffffe6;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);text-align:left;white-space:nowrap}.quote-lines-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.quote-lines-table tbody tr:hover{background:var(--color-surface-hover)}.quote-lines-table tbody tr:last-child{border-bottom:none}.quote-lines-table tbody td{padding:var(--space-sm) var(--space-md);vertical-align:middle;background:var(--color-surface)}.line-sort{color:var(--color-text-muted);width:36px}.line-description{max-width:350px;white-space:pre-line}.line-qty{font-weight:500;text-align:center}.line-amount{font-family:monospace;text-align:right;font-weight:500}.quote-lines-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.quote-lines-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.quote-lines-empty i{opacity:.4}.quote-line-info td{background:#f5f6f8!important}.quote-line-info:hover td{background:#eef0f4!important}.quote-line-note td{background:#fef9ec!important}.quote-line-note:hover td{background:#fdf3d7!important}.badge-code-clickable{cursor:pointer;transition:all .15s ease}.badge-code-clickable:hover{background:#2563eb;color:#fff;transform:scale(1.05)}.product-info-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:380px;max-width:95vw;max-height:85vh;overflow-y:auto;animation:scaleIn .15s ease}.product-info-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.product-info-loading,.product-info-empty{display:flex;align-items:center;gap:10px;padding:32px 20px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.product-info-body{padding:16px 20px 20px}.product-info-image{width:100%;max-height:200px;display:flex;align-items:center;justify-content:center;background:#f5f6f8;border-radius:var(--radius-md);overflow:hidden;margin-bottom:14px}.product-info-image img{max-width:100%;max-height:200px;object-fit:contain}.product-info-image-placeholder{height:80px;color:var(--color-text-muted);opacity:.3;font-size:2rem}.product-info-image-fallback{width:100%;height:80px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:.3;font-size:2rem}.product-info-name{font-size:var(--font-size-base);font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-info-field{display:flex;flex-direction:column;gap:2px}.product-info-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.product-info-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.quotes-table-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--color-text-muted)}.products-table-container{padding:var(--space-lg) var(--space-xl);overflow-x:auto}.products-table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.products-table thead{background:var(--color-orange)}.products-table thead th{color:#fff;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-md) var(--space-md);text-align:left;white-space:nowrap;position:sticky;top:0;z-index:10}.products-table thead th:first-child{padding-left:var(--space-lg)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.sortable-th:hover{background:#0000001f}.sortable-th--active{background:#00000026}.sort-arrow{font-size:10px;margin-left:4px;vertical-align:middle;color:#fef08a}.filter-select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;font-size:var(--font-size-sm);font-family:var(--font-family);background:#fff;color:var(--color-text);cursor:pointer;min-height:36px;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:var(--color-orange);outline:none;box-shadow:var(--shadow-focus)}.products-table tbody td{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);vertical-align:middle;border-bottom:1px solid var(--color-border-light)}.products-table tbody td:first-child{padding-left:var(--space-lg)}.product-row{cursor:pointer;transition:background var(--transition-fast)}.product-row:hover{background:var(--color-surface-hover)}.product-row-active{background:#fef5ec}.product-row-active:hover{background:#fef0e0}.product-thumb-cell{width:60px;position:relative}.product-thumb-cell>*{width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;border-radius:var(--radius-md);overflow:hidden}.product-thumb{width:48px;height:48px;max-width:none;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:#fff}.product-thumb-fallback{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-surface-hover);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1.1rem}.product-sku{white-space:nowrap}.product-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-dimensions{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stock{font-weight:500}.stock-low{color:var(--color-danger);font-weight:600}.editable-cell{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);min-height:32px;transition:background var(--transition-fast)}.editable-cell:hover{background:var(--color-surface-hover)}.editable-cell-icon{font-size:10px;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast)}.editable-cell:hover .editable-cell-icon{opacity:1}.editable-cell-empty{color:var(--color-text-muted);font-style:italic}.editable-cell-input{border:1px solid var(--color-orange);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-size-sm);font-family:var(--font-family);background:#fff;outline:none;box-shadow:var(--shadow-focus);min-width:80px;max-width:160px}.editable-cell-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-size-sm);font-family:var(--font-family);background:#fff;cursor:pointer;min-height:32px;transition:border-color var(--transition-fast)}.editable-cell-select:focus{border-color:var(--color-orange);outline:none;box-shadow:var(--shadow-focus)}.product-detail-row td{padding:0!important;border-bottom:2px solid var(--color-orange)!important}.product-detail-panel{padding:var(--space-lg) var(--space-xl);background:#fefaf5}.product-detail-panel-inner{display:flex;gap:var(--space-xl);align-items:flex-start}.product-detail-image{width:160px;height:160px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;border:1px solid var(--color-border-light);background:#fff}.product-detail-image img{width:100%;height:100%;object-fit:contain}.product-detail-image-placeholder,.product-detail-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:2.5rem;background:var(--color-surface-hover)}.product-detail-gallery{display:flex;gap:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs);margin-bottom:var(--space-md);scroll-snap-type:x mandatory;max-width:100%}.product-detail-gallery::-webkit-scrollbar{height:4px}.product-detail-gallery::-webkit-scrollbar-track{background:transparent}.product-detail-gallery::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.product-detail-gallery-img{width:140px;height:140px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:#fff;flex-shrink:0;scroll-snap-align:start;cursor:pointer}.product-detail-fields{flex:1;min-width:0}.product-detail-name{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text)}.product-detail-code{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-md) 0;font-family:monospace}.product-detail-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-lg)}.product-detail-tab-btn{padding:10px 20px;border:none;background:none;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.product-detail-tab-btn:hover{color:var(--color-text);background:#00000008}.product-detail-tab-btn.active{color:var(--color-orange);border-bottom-color:var(--color-orange)}.seo-form{padding:var(--space-sm) 0;max-width:720px;display:flex;flex-direction:column;gap:var(--space-lg)}.seo-field-group{display:flex;flex-direction:column;gap:var(--space-xs)}.seo-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.seo-textarea{resize:vertical;min-height:60px;font-family:var(--font-family)}.seo-char-count{font-size:11px;font-weight:500;color:var(--color-text-muted);align-self:flex-end}.seo-char-ok{color:#16a34a}.seo-char-warn{color:#d97706}.seo-char-over{color:var(--color-danger);font-weight:600}.seo-form-footer{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.seo-sync-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#fef3c7;color:#92400e;border:1px solid #fde68a}.seo-sync-badge-sm{margin-left:4px;font-size:12px}.seo-save-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-width:120px;justify-content:center;transition:all var(--transition-fast)}.seo-save-btn:disabled{opacity:.5;cursor:not-allowed}.seo-save-success{background:#16a34a!important;border-color:#16a34a!important}.seo-loading{display:flex;align-items:center;gap:10px;padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.seo-field-group .tox-tinymce{border-radius:var(--radius-md)!important;border-color:var(--color-border)!important}.columns-panel{position:absolute;right:0;top:100%;margin-top:4px;width:260px;max-height:70vh;overflow-y:auto;background:var(--color-card-bg, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;z-index:100;animation:scaleIn .12s ease}.columns-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.columns-panel-body{padding:12px 16px}.columns-panel-item{padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05)}.columns-panel-item:last-of-type{border-bottom:none}.columns-panel-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-sm)}.columns-panel-toggle input[type=checkbox]{accent-color:var(--color-orange)}.columns-panel-filter-select{font-size:11px!important;padding:2px 6px!important;margin-top:4px;width:100%}.columns-panel-filter-input{font-size:11px!important;padding:2px 6px!important;width:70px}.active-filters-bar{display:flex;flex-wrap:wrap;gap:6px;padding:8px var(--space-xl);align-items:center}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;background:#e3f2fd;color:#1565c0;border-radius:12px;border:1px solid #90caf9;font-weight:500}.filter-pill button{background:none;border:none;cursor:pointer;color:#1565c0;padding:0 2px;font-size:10px}.filter-pill button:hover{color:#0d47a1}.filter-pill-clear{background:none;border:none;cursor:pointer;font-size:11px;color:var(--color-text-muted);text-decoration:underline}.filter-pill-clear:hover{color:var(--color-text)}.btn-active-filter{position:relative}.btn-active-filter:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#e67e22;border-radius:50%}.accounts-grid-container{padding:var(--space-lg) var(--space-xl);overflow:hidden;width:100%;box-sizing:border-box}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-md)}.account-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-md)}.account-card:hover{border-color:var(--color-orange);box-shadow:var(--shadow-md);transform:translateY(-1px)}.account-card:active{transform:translateY(0)}.account-card-header{display:flex;align-items:center;gap:var(--space-md)}.account-card-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:700;flex-shrink:0;letter-spacing:.5px}.account-card-title{flex:1;min-width:0}.account-card-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-status{font-size:var(--font-size-xs);font-weight:500}.account-card-status.status-complete{color:#16a34a}.account-card-status.status-partial{color:var(--color-orange)}.account-card-status.status-none{color:var(--color-text-muted)}.account-type-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.3px;text-transform:uppercase}.account-type-badge.type-customer{background:#dbeafe;color:#1e40af}.account-type-badge.type-supplier{background:#fef3c7;color:#92400e}.account-type-badge.type-other{background:var(--color-bg);color:var(--color-text-secondary)}.btn-outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-surface-hover);border-color:var(--color-orange);color:var(--color-orange)}.account-card-chevron{color:var(--color-text-muted);font-size:var(--font-size-xs);flex-shrink:0;transition:transform var(--transition-fast)}.account-card:hover .account-card-chevron{color:var(--color-orange);transform:translate(2px)}.account-card-prefs{display:flex;gap:var(--space-xs);flex-wrap:wrap;padding-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.account-pref-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;background:var(--color-bg);font-size:11px;font-weight:500;color:var(--color-text-secondary)}.account-pref-chip i{font-size:9px;opacity:.6}.account-pref-chip--colour{background:#fef3c7;color:#92400e}.account-pref-chip--colour i{opacity:.8}.account-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.account-section-header-row .account-section-title{margin-bottom:0}.load-more-sentinel{height:1px;margin-top:var(--space-sm)}.load-more-spinner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.products-table-container .empty-state,.accounts-list-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--color-text-muted)}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-page{padding:var(--space-xl);max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.settings-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:var(--space-2xl)}.settings-profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xl)}.settings-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-light, #34495e) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:1px;box-shadow:var(--shadow-md);margin-bottom:var(--space-sm)}.settings-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0}.settings-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-divider{height:1px;background:var(--color-border-light);margin:var(--space-lg) 0}.settings-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.settings-card-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-sm)}.settings-card-title i{color:var(--color-orange)}.settings-info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light)}.settings-info-row:last-child{border-bottom:none}.settings-info-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.settings-info-label i{width:16px;text-align:center;color:var(--color-text-muted)}.settings-info-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);font-family:SF Mono,Fira Code,Cascadia Code,monospace}.password-change-form{display:flex;flex-direction:column;gap:var(--space-sm)}.password-change-form .form-group{margin-bottom:var(--space-xs)}.password-change-form .form-input{width:100%}.password-form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.password-success{background:var(--color-success-bg);border:1px solid #d5f5e3;border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-success);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.sidebar-user-active{background:var(--color-orange)!important;color:#fff!important;box-shadow:0 0 0 2px #e67e2266}@media(max-width:1024px){.kanban-column{min-width:250px}.line-items-table thead th,.line-items-table tbody td{padding:var(--space-sm) var(--space-sm)}.line-items-table thead th:first-child,.line-items-table tbody td:first-child{padding-left:var(--space-md)}.inline-notes{max-width:120px}.touch-checkbox{width:32px;height:32px}.touch-checkbox-inner{width:20px;height:20px}.touch-checkbox.checked .touch-checkbox-inner i,.touch-checkbox.crossed .touch-checkbox-inner i{font-size:12px}.page-header{padding:var(--space-md) var(--space-lg)}.job-detail{padding:var(--space-lg)}.products-table thead th,.products-table tbody td,.quotes-table thead th,.quotes-table tbody td{padding:var(--space-sm) var(--space-sm);font-size:var(--font-size-sm)}.quotes-table thead th:nth-child(3),.quotes-table tbody td:nth-child(3){max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs)}.quotes-table{table-layout:auto;width:100%}.quotes-table thead th:nth-child(1),.quotes-table tbody td:nth-child(1){width:30px;padding:4px}.quotes-table thead th:nth-child(2),.quotes-table tbody td:nth-child(2){white-space:nowrap}.quotes-table thead th:nth-child(4),.quotes-table tbody td:nth-child(4){min-width:140px}.quotes-table thead th:nth-child(5),.quotes-table tbody td:nth-child(5),.quotes-table thead th:nth-child(6),.quotes-table tbody td:nth-child(6),.quotes-table thead th:nth-child(7),.quotes-table tbody td:nth-child(7){white-space:nowrap;padding:4px 6px;font-size:var(--font-size-xs)}.quotes-table-container{padding:var(--space-md)}.history-table thead th,.history-table tbody td{padding:var(--space-xs) var(--space-sm)}.account-view{padding:var(--space-lg)}.jt-table thead th,.jt-table tbody td{padding:var(--space-sm) var(--space-sm);font-size:var(--font-size-sm)}.jt-container{padding:var(--space-md);gap:var(--space-lg)}.jt-detail-content{padding:var(--space-md) var(--space-lg)}.jt-bulk-actions{padding:0 var(--space-md)}}@media(max-width:900px){.app-layout{flex-direction:column;max-width:100vw;overflow-x:hidden}.sidebar{width:100%;max-width:100vw;min-width:0;flex-direction:row;align-items:center;padding:0;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--color-navy-lighter);z-index:200;flex-shrink:0;overflow:visible}.main-content{min-width:0;max-width:100vw}.sidebar-brand{padding:var(--space-sm) var(--space-md);margin:0;border-bottom:none;flex-shrink:0;width:auto;padding-bottom:var(--space-sm)}.sidebar-brand-icon{width:34px;height:34px;font-size:var(--font-size-base)}.sidebar-brand-text{display:none}.sidebar-nav{flex-direction:row;flex:1 1 0%;gap:0;justify-content:flex-start;width:auto;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{flex:0 0 auto;padding:var(--space-md) var(--space-sm);border-left:none;border-bottom:3px solid transparent;min-height:auto;font-size:10px;gap:2px;width:auto;min-width:52px}.sidebar-link i{font-size:1.25rem;margin-bottom:1px}.sidebar-link.active{border-left-color:transparent;border-bottom-color:var(--color-orange)}.sidebar-footer button.sidebar-link{display:none}.sidebar-footer{flex-direction:row;border-top:none;padding:0;margin-top:0;gap:0;flex-shrink:0;width:auto}.sidebar-status-container{width:auto;margin-bottom:0;margin-right:var(--space-xs);align-self:center}.sidebar-user{width:30px;height:30px;font-size:var(--font-size-xs);margin:var(--space-xs) var(--space-sm);flex-shrink:0}.main-content{flex:1;min-height:0}.page-header{flex-direction:column;align-items:stretch;padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.page-title{font-size:var(--font-size-lg)}.page-subtitle{font-size:var(--font-size-xs)}.filter-bar{width:100%}.search-input{min-width:auto;flex:1 1 100%}.filter-select{flex:1;min-width:0;font-size:var(--font-size-sm)}.modal-overlay{padding:var(--space-md)}.modal{max-width:calc(100vw - 32px)}.modal-backdrop{padding:var(--space-md)}.modal-dialog{max-width:calc(100vw - 32px)}.product-info-dialog{width:calc(100vw - 32px)}.kanban-container{flex-direction:column;padding:var(--space-lg);height:auto;overflow-x:hidden;overflow-y:auto}.kanban-column{max-width:none;min-width:auto;max-height:none}.kanban-column-header{padding:var(--space-md);font-size:var(--font-size-base)}.kanban-column-cards{padding:0 var(--space-sm) var(--space-sm)}.job-detail{padding:var(--space-md)}.job-detail-header{flex-direction:column;gap:var(--space-xs);position:relative;padding-right:50px}.job-detail-title{font-size:var(--font-size-xl)}.job-detail-actions{position:absolute;top:0;right:0}.job-detail-badges{flex-wrap:wrap;gap:var(--space-xs)}.line-items-table thead th:nth-child(8),.line-items-table tbody td:nth-child(8){width:60px;max-width:60px;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs)}.badge-code{white-space:nowrap}.line-items-table thead th:nth-child(4),.line-items-table thead th:nth-child(5),.line-items-table thead th:nth-child(6),.line-items-table thead th:nth-child(7),.line-items-table tbody td:nth-child(4),.line-items-table tbody td:nth-child(5),.line-items-table tbody td:nth-child(6),.line-items-table tbody td:nth-child(7){width:36px;padding:2px 0;font-size:var(--font-size-xs);text-align:center}.quotes-table thead th:nth-child(3),.quotes-table tbody td:nth-child(3){display:none}.quotes-table thead th:nth-child(1),.quotes-table tbody td:nth-child(1){width:30px;padding:4px}.quotes-table thead th:nth-child(2),.quotes-table tbody td:nth-child(2){white-space:nowrap;width:auto}.quotes-table thead th:nth-child(4),.quotes-table tbody td:nth-child(4){min-width:150px}.quotes-table thead th:nth-child(5),.quotes-table tbody td:nth-child(5),.quotes-table thead th:nth-child(6),.quotes-table tbody td:nth-child(6),.quotes-table thead th:nth-child(7),.quotes-table tbody td:nth-child(7){white-space:nowrap;padding:4px 6px;font-size:var(--font-size-xs)}.line-items-table,.quotes-table{table-layout:auto;width:100%}.quotes-table tbody tr.quote-detail-row td{padding:0!important}.quotes-table tbody tr.quote-detail-row .quote-detail-content{padding:0 var(--space-xs) var(--space-sm)}.quote-detail-account{display:none!important}.quote-detail-meta{margin-bottom:0}.quote-lines-table{display:block!important;width:100%!important;border:none!important;font-size:var(--font-size-sm)}.quote-lines-table .line-description{max-width:none!important}.quote-lines-table thead{display:none!important}.quote-lines-table tbody{display:block!important;width:100%}.quote-lines-table tbody tr{display:grid!important;grid-template-columns:1fr 45px 65px 80px;grid-template-rows:auto auto;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);gap:2px var(--space-sm)}.quote-lines-table tbody tr td{display:block!important;border:none!important;padding:0!important;font-size:var(--font-size-sm);background:transparent!important}.quote-lines-table tbody tr td:nth-child(1){display:none!important}.quote-lines-table tbody tr td:nth-child(2){grid-column:1;grid-row:1}.quote-lines-table tbody tr td:nth-child(3){grid-column:1;grid-row:2;font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:0}.quote-lines-table tbody tr td:nth-child(4){grid-column:2;grid-row:1 / 3;font-weight:700;font-size:var(--font-size-base);text-align:left;align-self:center}.quote-lines-table tbody tr td:nth-child(5){grid-column:3;grid-row:1 / 3;text-align:right;align-self:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.quote-lines-table tbody tr td:nth-child(6){grid-column:4;grid-row:1 / 3;text-align:right;align-self:center;font-weight:600;white-space:nowrap}.quote-lines-table tbody tr.quote-line-note,.quote-lines-table tbody tr.quote-line-info{display:flex!important;flex-wrap:wrap;align-items:center;padding:var(--space-xs) var(--space-md);gap:var(--space-xs);opacity:.8;overflow:hidden}.quote-lines-table tbody tr.quote-line-note td,.quote-lines-table tbody tr.quote-line-info td{display:block!important;padding:0!important;border:none!important;background:transparent!important}.quote-lines-table tbody tr.quote-line-note td:nth-child(1),.quote-lines-table tbody tr.quote-line-info td:nth-child(1){display:none!important}.quote-lines-table tbody tr.quote-line-note td:nth-child(2),.quote-lines-table tbody tr.quote-line-info td:nth-child(2){order:1;flex:0 0 auto}.quote-lines-table tbody tr.quote-line-note td:nth-child(3),.quote-lines-table tbody tr.quote-line-info td:nth-child(3){order:2;flex:1 1 100%;min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.quote-lines-table tbody tr.quote-line-note td:nth-child(4),.quote-lines-table tbody tr.quote-line-info td:nth-child(4),.quote-lines-table tbody tr.quote-line-note td:nth-child(5),.quote-lines-table tbody tr.quote-line-info td:nth-child(5){display:none!important}.quote-lines-table tbody tr.quote-line-note .info-line-content,.quote-lines-table tbody tr.quote-line-info .info-line-content{display:inline!important;max-width:100%;word-wrap:break-word}.quote-lines-table tbody tr.quote-line-note .info-line-content i,.quote-lines-table tbody tr.quote-line-info .info-line-content i{margin-right:var(--space-xs)}.quote-lines-table tbody tr.quote-line-note .info-line-content span,.quote-lines-table tbody tr.quote-line-info .info-line-content span{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.pref-cards{flex-direction:column}.info-panel{padding:var(--space-lg)}.product-detail-panel-inner{flex-direction:column;align-items:center}.product-detail-image{width:120px;height:120px}.products-table-container{overflow-x:hidden;padding:var(--space-sm) var(--space-xs)}.products-table{table-layout:auto;width:100%}.products-table thead th{padding:var(--space-xs) var(--space-xs);font-size:10px;letter-spacing:0;white-space:nowrap}.products-table thead th:first-child{padding-left:var(--space-xs)}.products-table tbody td{padding:var(--space-xs) var(--space-xs);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.products-table tbody td:first-child{padding-left:var(--space-xs)}.product-thumb-cell{width:40px}.product-thumb-cell>*{width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.product-name{max-width:1px;width:99%;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name-desc{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-dimensions{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.columns-panel{position:fixed;left:var(--space-md);right:var(--space-md);top:auto;bottom:var(--space-md);width:auto;max-height:60vh;border-radius:var(--radius-lg);box-shadow:0 -4px 24px #00000040;z-index:200}.active-filters-bar{padding:6px var(--space-sm)}.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.account-view{padding:var(--space-md)}.account-view-title{font-size:var(--font-size-xl)}.die-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.jt-container{padding:var(--space-sm);gap:var(--space-md)}.jt-table thead th,.jt-table tbody td{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.jt-table thead th:nth-child(1),.jt-table tbody td:nth-child(1){width:30px;padding:4px}.jt-customer{max-width:160px}.jt-table thead th:nth-child(4),.jt-table tbody td:nth-child(4),.jt-table thead th:nth-child(5),.jt-table tbody td:nth-child(5),.jt-table thead th:nth-child(6),.jt-table tbody td:nth-child(6){padding:4px}.jt-detail-content{padding:var(--space-sm) var(--space-md)}.jt-detail-meta{gap:var(--space-sm)}.jt-lines-table tbody td{padding:var(--space-xs) var(--space-sm)}.jt-line-desc{max-width:200px}.jt-bulk-actions{padding:0 var(--space-sm)}}@media(max-width:480px){.page-title{font-size:var(--font-size-md)}.page-header{padding:var(--space-xs) var(--space-sm)}body{overflow-y:auto;overflow-x:hidden}.app-layout{height:auto;min-height:100%;overflow:visible}.main-content{padding:0;overflow:visible;height:auto}.quote-detail-content{padding:var(--space-sm) var(--space-xs)}.quotes-table-container{padding:var(--space-xs);max-width:100vw;box-sizing:border-box}.job-detail{padding:var(--space-sm)}.job-detail-title{font-size:var(--font-size-lg)}.job-detail-header{margin-bottom:var(--space-md)}.line-items-table thead{display:none}.line-items-table{table-layout:auto;border-collapse:collapse}.line-items-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;padding:var(--space-sm) var(--space-xs);border-bottom:2px solid var(--color-border-light);gap:0}.line-items-table tbody td{display:block;border:none;padding:var(--space-xs);font-size:var(--font-size-sm)}.line-items-table tbody td:nth-child(1){font-weight:700;order:1;white-space:nowrap}.line-items-table tbody td:nth-child(2){flex:1 1 60%;order:2}.line-items-table tbody td:nth-child(3){display:block;font-weight:600;order:3}.line-items-table tbody td:nth-child(4),.line-items-table tbody td:nth-child(5),.line-items-table tbody td:nth-child(6),.line-items-table tbody td:nth-child(7){order:4;flex:1 1 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.checkbox-label{display:block;font-size:9px;color:var(--color-text-secondary);margin-top:0;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.line-items-table tbody td:nth-child(8){display:block;flex-basis:100%;order:5;font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:none}.inline-notes{max-width:none}.line-items-row-info td:nth-child(7){display:block;flex-basis:100%;order:5;font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:none}.quotes-table thead{display:none}.quotes-table{table-layout:auto;overflow:visible!important;border-radius:0}.quotes-table tbody tr.quote-row{display:flex;flex-wrap:wrap;align-items:center;padding:var(--space-sm) var(--space-xs);border-bottom:2px solid var(--color-border-light);gap:var(--space-xs)}.quotes-table tbody tr.quote-row td{display:block;border:none;padding:var(--space-xs);font-size:var(--font-size-sm)}.quotes-table tbody tr.quote-row td:nth-child(1){order:1;flex:0 0 auto}.quotes-table tbody tr.quote-row td:nth-child(2){order:2;font-weight:700}.quotes-table tbody tr.quote-row td:nth-child(3){display:none}.quotes-table tbody tr.quote-row td:nth-child(4){order:3;flex:1 1 60%}.quotes-table tbody tr.quote-row td:nth-child(5){order:4;font-weight:600;display:block;flex:1}.quotes-table tbody tr.quote-row td:nth-child(6){order:5;flex:1;text-align:center}.quotes-table tbody tr.quote-row td:nth-child(7){order:6;flex:1;text-align:right}.quotes-table tbody tr.date-group-header{display:block;width:100%}.quotes-table tbody tr.date-group-header td{display:block;width:100%;padding:var(--space-xs) var(--space-sm)!important}.quotes-table tbody tr.quote-detail-row,.quotes-table tbody tr.quote-detail-row td,.quotes-table tbody tr.quote-detail-row td .quote-detail-content{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box;overflow:visible}.quotes-table tbody tr.quote-detail-row td{padding:0!important}.quote-detail-content{padding:var(--space-xs) 0!important}.quote-detail-account{display:none!important}.quote-detail-meta{margin-bottom:var(--space-xs)}.quote-lines-table{width:100%!important;max-width:calc(100vw - 16px);box-sizing:border-box}.quote-lines-table{display:block!important;width:100%!important;border:none!important}.quote-lines-table thead{display:none!important}.quote-lines-table tbody{display:block!important;width:100%}.quote-lines-table tbody tr{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);gap:2px var(--space-md)}.quote-lines-table tbody tr td{display:block!important;border:none!important;padding:0!important;font-size:var(--font-size-sm);background:transparent!important}.quote-lines-table tbody tr td:nth-child(1){display:none!important}.quote-lines-table tbody tr td:nth-child(2){grid-column:1;grid-row:1}.quote-lines-table tbody tr td:nth-child(3){grid-column:1;grid-row:2;font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:0}.quote-lines-table tbody tr td:nth-child(4){grid-column:2;grid-row:1 / 3;font-weight:700;font-size:var(--font-size-base);text-align:right;align-self:center}.quote-lines-table tbody tr td:nth-child(5){display:none!important}.quote-lines-table tbody tr td:nth-child(6){display:none!important}.quote-lines-table tbody tr.quote-line-note,.quote-lines-table tbody tr.quote-line-info{display:flex!important;flex-wrap:wrap;align-items:center;padding:var(--space-xs) var(--space-md);gap:var(--space-xs);opacity:.8;overflow:hidden}.quote-lines-table tbody tr.quote-line-note td,.quote-lines-table tbody tr.quote-line-info td{display:block!important;padding:0!important;border:none!important;background:transparent!important}.quote-lines-table tbody tr.quote-line-note td:nth-child(1),.quote-lines-table tbody tr.quote-line-info td:nth-child(1){display:none!important}.quote-lines-table tbody tr.quote-line-note td:nth-child(2),.quote-lines-table tbody tr.quote-line-info td:nth-child(2){order:1;flex:0 0 auto}.quote-lines-table tbody tr.quote-line-note td:nth-child(3),.quote-lines-table tbody tr.quote-line-info td:nth-child(3){order:2;flex:1 1 100%;min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.quote-lines-table tbody tr.quote-line-note .info-line-content,.quote-lines-table tbody tr.quote-line-info .info-line-content{display:inline!important;max-width:100%;word-wrap:break-word}.quote-lines-table tbody tr.quote-line-note .info-line-content i,.quote-lines-table tbody tr.quote-line-info .info-line-content i{margin-right:var(--space-xs)}.quote-lines-table tbody tr.quote-line-note .info-line-content span,.quote-lines-table tbody tr.quote-line-info .info-line-content span{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.quote-lines-table tbody tr.quote-line-note td:nth-child(4),.quote-lines-table tbody tr.quote-line-info td:nth-child(4),.quote-lines-table tbody tr.quote-line-note td:nth-child(5),.quote-lines-table tbody tr.quote-line-info td:nth-child(5){display:none!important}.inline-notes{max-width:80px;font-size:var(--font-size-xs)}.touch-checkbox{width:38px;height:38px}.touch-checkbox-inner{width:22px;height:22px}.modal-overlay,.modal-backdrop{padding:var(--space-sm)}.modal-header,.modal-body,.modal-footer{padding-left:var(--space-md);padding-right:var(--space-md)}.kanban-container{padding:var(--space-sm);gap:var(--space-sm)}.kanban-column{max-width:none;width:100%}.job-card{padding:var(--space-sm) var(--space-md);max-width:none;width:100%}.kanban-column-cards{align-items:center}.die-grid{grid-template-columns:1fr}.branding-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.accounts-grid{grid-template-columns:1fr;max-width:100%}.accounts-grid-container{padding:var(--space-sm)}.account-card{padding:var(--space-md);max-width:100%;overflow:hidden}.account-pref-chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.account-view{padding:var(--space-sm)}.account-view-title{font-size:var(--font-size-lg)}.account-section-body{padding:0 var(--space-sm) var(--space-sm)}.products-table-container{padding:var(--space-xs)}.products-table thead th,.products-table tbody td{padding:var(--space-xs) var(--space-xs);font-size:var(--font-size-xs)}.product-detail-panel{padding:var(--space-md)}.product-detail-image{width:100px;height:100px}.progress-bar-container{margin-bottom:var(--space-md)}.info-panel{padding:var(--space-md)}.product-info-dialog{width:calc(100vw - 16px)}.sidebar-link span{font-size:9px}.sidebar-link{min-width:0;padding:var(--space-sm) 2px}.sidebar-brand{padding:var(--space-xs) var(--space-sm)}.sidebar-user{margin:var(--space-xs) var(--space-xs)}}.jt-container{padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.jt-group{display:flex;flex-direction:column}.jt-group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-navy);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-weight:600;font-size:var(--font-size-sm)}.jt-group-header-left{display:flex;align-items:center;gap:var(--space-sm)}.jt-group-header-left i{opacity:.7}.jt-group-count{background:#fff3;padding:1px 10px;border-radius:10px;font-size:var(--font-size-xs);font-weight:500}.jt-group-empty{background:var(--color-surface);border:1px solid var(--color-border-light);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.jt-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);border-top:none}.jt-table thead{background:var(--color-orange)}.jt-table thead th{color:#fff;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);text-align:left;white-space:nowrap}.jt-table tbody tr.jt-row{border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.jt-table tbody tr.jt-row:hover{background:var(--color-surface-hover)}.jt-table tbody tr.jt-row-active{background:#fef7ed;border-left:3px solid var(--color-orange)}.jt-table tbody td{padding:var(--space-md) var(--space-md);font-size:var(--font-size-base);vertical-align:middle}.jt-name{font-weight:600;color:var(--color-navy);white-space:nowrap}.jt-customer{color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jt-items-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--color-navy-lighter);color:#fff;font-size:11px;font-weight:600}.jt-pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.jt-date{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.jt-date .overdue{color:var(--color-danger);font-weight:500}.jt-detail-row td{padding:0!important;background:#fcfaf7;border-bottom:2px solid var(--color-border)}.jt-detail-content{padding:var(--space-lg) var(--space-xl);animation:slideDown .2s ease}.jt-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.jt-detail-progress{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:200px}.jt-detail-progress-bar{flex:1;height:8px;background:var(--color-border-light);border-radius:4px;overflow:hidden}.jt-detail-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-orange),var(--color-success));border-radius:4px;transition:width .3s ease}.jt-detail-progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;white-space:nowrap}.jt-lines-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);font-size:var(--font-size-base)}.jt-lines-table thead{background:var(--color-navy-light)}.jt-lines-table thead th{color:#ffffffe6;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);text-align:left;white-space:nowrap}.jt-lines-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.jt-lines-table tbody tr:last-child{border-bottom:none}.jt-lines-table tbody td{padding:var(--space-sm) var(--space-md);vertical-align:middle;background:var(--color-surface)}.jt-line-superseded{opacity:.4}.jt-line-sort{color:var(--color-text-muted);width:36px}.jt-line-desc{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jt-line-qty{font-weight:500;text-align:center;white-space:nowrap}.jt-status-dots{display:flex;gap:3px}.jt-status-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:9px;background:#e8e8e8;color:#999;border:1px solid #d0d0d0}.jt-status-dot--done{background:var(--color-success);color:#fff;border-color:var(--color-success)}.jt-status-dot--crossed{background:#f8d7da;color:#c0392b;border-color:#e74c3c}.jt-lines-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.jt-lines-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.jt-lines-empty i{opacity:.4}.jt-line-info td{background:#fef9ec!important}.jt-info-line-content{display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:pre-line}a.sidebar-brand{text-decoration:none;color:inherit}a.sidebar-brand:hover .sidebar-brand-icon{transform:scale(1.05);box-shadow:0 0 12px #ffffff4d}.jt-bulk-actions{display:flex;gap:var(--space-sm);padding:0 var(--space-xl);flex-wrap:wrap}.jt-bulk-actions .btn{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);white-space:nowrap}.jt-bulk-actions .btn:disabled{opacity:.5;cursor:not-allowed}.inv-dashboard{padding:var(--space-lg) var(--space-xl);max-width:1400px}.inv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md);color:var(--color-text-secondary)}.inv-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top:3px solid var(--color-orange);border-radius:50%;animation:spin .8s linear infinite}.inv-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md);color:var(--color-danger)}.inv-error button{padding:var(--space-sm) var(--space-lg);background:var(--color-orange);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.inv-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl)}.inv-header h1{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.inv-header h1 i{color:var(--color-orange)}.inv-subtitle{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.inv-view-toggle{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.inv-view-btn{padding:8px 14px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family);transition:all var(--transition-fast);white-space:nowrap}.inv-view-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.inv-view-btn-active{background:var(--color-navy);color:#fff}.inv-view-btn-active:hover{background:var(--color-navy-light);color:#fff}.inv-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.inv-refresh-btn:hover{border-color:var(--color-orange);color:var(--color-orange);background:#fef7ed}.inv-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.inv-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.inv-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.inv-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);font-size:18px;flex-shrink:0}.inv-card-critical .inv-card-icon{background:#fdedec;color:#e74c3c}.inv-card-low .inv-card-icon{background:#fef9e7;color:#f39c12}.inv-card-ordered .inv-card-icon{background:#ebf5fb;color:#3498db}.inv-card-notsold .inv-card-icon{background:#f4f6f6;color:#95a5a6}.inv-card-ok .inv-card-icon{background:#eafaf1;color:#27ae60}.inv-card-body{display:flex;flex-direction:column}.inv-card-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-navy);line-height:1.1}.inv-card-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.inv-toolbar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.inv-search{display:flex;align-items:center;flex:1;min-width:200px;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-md);transition:border-color var(--transition-fast)}.inv-search:focus-within{border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.inv-search i{color:var(--color-text-muted);font-size:var(--font-size-sm)}.inv-search input{border:none;outline:none;padding:var(--space-sm) var(--space-sm);font-size:var(--font-size-base);font-family:var(--font-family);background:transparent;color:var(--color-text);flex:1}.inv-search-clear{border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:4px}.inv-filter-pills{display:flex;gap:var(--space-xs)}.inv-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.inv-pill:hover{background:var(--color-surface-hover);border-color:var(--color-orange)}.inv-pill-active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.inv-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;font-size:11px;font-weight:600;background:#0000001a}.inv-pill-active .inv-pill-count{background:#ffffff40}.inv-groups{display:flex;flex-direction:column;gap:var(--space-md)}.inv-supplier-group{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.inv-supplier-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-navy);color:#fff;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);text-align:left;transition:background var(--transition-fast);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:sticky;top:0;z-index:20}.inv-supplier-header:hover{background:var(--color-navy-light)}.inv-supplier-left{display:flex;align-items:center;gap:var(--space-sm)}.inv-chevron{font-size:10px;width:14px;opacity:.7;transition:transform var(--transition-fast)}.inv-supplier-icon{opacity:.6;font-size:var(--font-size-sm)}.inv-supplier-name{font-weight:600}.inv-supplier-count{font-size:var(--font-size-xs);opacity:.6;font-weight:400}.inv-supplier-badges{display:flex;gap:var(--space-xs)}.inv-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.inv-badge-critical{background:#e74c3c33;color:#ff6b6b}.inv-badge-low{background:#f39c1233;color:#ffc93c}.inv-badge-ordered{background:#3498db33;color:#74b9ff}.inv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.inv-table thead tr{background:var(--color-surface-hover)}.inv-table thead th{padding:var(--space-sm) var(--space-md);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border-light);transition:color var(--transition-fast);position:sticky;top:48px;background:var(--color-surface-hover);z-index:10}.inv-table thead th:hover{color:var(--color-orange)}.inv-table thead th i{margin-left:4px;font-size:10px}.inv-th-num,.inv-th-date{text-align:right!important}.inv-th-info{font-size:9px!important;opacity:.4;margin-left:2px!important;cursor:help;transition:opacity var(--transition-fast)}.inv-table thead th:hover .inv-th-info{opacity:.8}.inv-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.inv-table tbody tr:last-child{border-bottom:none}.inv-table tbody tr:hover{background:var(--color-surface-hover)}.inv-row-critical{background:#fff5f5!important}.inv-row-low{background:#fffaeb!important}.inv-table tbody td{padding:var(--space-sm) var(--space-md);vertical-align:middle}.inv-td-num{text-align:right;font-variant-numeric:tabular-nums}.inv-td-date{text-align:right;color:var(--color-text-muted);font-size:var(--font-size-xs)}.inv-cover-danger{color:var(--color-danger)!important;font-weight:600}.inv-cover-warning{color:#e67e22!important;font-weight:500}.inv-flag-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap}.inv-flag-pill i{font-size:10px}.inv-td-name{display:flex;flex-direction:column}.inv-product-code{font-weight:600;color:var(--color-navy)}.inv-product-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--color-text-muted);gap:var(--space-sm)}.inv-empty i{font-size:32px;opacity:.3}@media(max-width:900px){.inv-summary-cards{grid-template-columns:repeat(3,1fr)}.inv-table-wrap{overflow-x:auto}.inv-supplier-header,.inv-table thead th{position:static}.inv-dashboard{padding:var(--space-md)}.inv-toolbar{flex-direction:column;align-items:stretch}.inv-search{max-width:none}.inv-filter-pills{overflow-x:auto;padding-bottom:var(--space-xs)}.inv-supplier-badges{display:none}}@media(max-width:600px){.inv-summary-cards{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.inv-card{padding:var(--space-sm) var(--space-md)}.inv-card-icon{width:36px;height:36px;font-size:14px}.inv-card-value,.inv-header h1{font-size:var(--font-size-lg)}.inv-table{font-size:var(--font-size-xs)}.inv-table thead th,.inv-table tbody td{padding:var(--space-xs) var(--space-sm)}}@media print{.app-nav,.app-sidebar,.inv-toolbar,.inv-summary-cards,.inv-legend-panel,.inv-export-btn,.inv-collapse-all-btn,.inv-refresh-btn,.inv-view-toggle,.inv-context-menu,.inv-legend-toggle,.inv-search,.inv-filter-pills,.inv-supplier-select,.inv-po-builder,.inv-modal-overlay,.inv-po-toast,.inv-th-check,.inv-td-check{display:none!important}.inv-dashboard{padding:0!important;max-width:100%!important}.inv-table{font-size:10px!important}.inv-table thead th,.inv-table tbody td{padding:3px 6px!important}.inv-supplier-group{break-inside:avoid;page-break-inside:avoid;margin-bottom:8px!important}.inv-supplier-header{position:static!important;background:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-table thead th{position:static!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-flag-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-header h1{font-size:16px!important}}.inv-class-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.03em;margin-left:6px;vertical-align:middle;line-height:1.4;flex-shrink:0}.inv-product-name-row{display:flex;align-items:center;gap:0}.inv-td-stock{cursor:context-menu;user-select:none;-webkit-user-select:none;position:relative}.inv-td-stock:hover{background:#00000008}.inv-context-menu{position:fixed;z-index:1000;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;padding:4px;animation:inv-ctx-appear .15s ease;transform:translate(-50%,8px)}@keyframes inv-ctx-appear{0%{opacity:0;transform:translate(-50%,-4px) scale(.95)}to{opacity:1;transform:translate(-50%,8px) scale(1)}}.inv-context-header{padding:8px 12px 6px;font-size:11px;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.inv-context-header span{font-weight:400}.inv-context-action{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:var(--color-text);font-size:13px;font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left}.inv-context-action:hover{background:var(--color-surface-hover);color:var(--color-danger)}.inv-context-action i{width:16px;text-align:center;font-size:12px}.inv-th-trend{text-align:center!important;width:90px;min-width:90px}.inv-td-trend{text-align:center;width:90px;min-width:90px}.inv-th-season{text-align:center!important;width:70px;min-width:70px}.inv-td-season{text-align:center;width:70px;min-width:70px}.inv-seasonal-pill{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;white-space:nowrap}.inv-seasonal-peak{background:#eafaf1;color:#27ae60}.inv-seasonal-dip{background:#f4f6f6;color:#95a5a6}.inv-lt-icon{font-size:11px;margin-left:3px;vertical-align:middle;cursor:help}.inv-legend-toggle{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-family);transition:all var(--transition-fast);flex-shrink:0;vertical-align:middle}.inv-legend-toggle:hover{border-color:var(--color-orange);color:var(--color-orange);background:#fef7ed}.inv-legend-panel{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md) var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary);animation:inv-legend-fade .2s ease}@keyframes inv-legend-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inv-legend-section h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--space-xs) 0;font-weight:600}.inv-legend-section p{margin:0 0 var(--space-xs) 0;line-height:1.6}.inv-legend-badge-demo{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:700;margin-right:4px}@media(max-width:900px){.inv-th-trend,.inv-td-trend,.inv-th-season,.inv-td-season{display:none}}.inv-th-check{width:36px;min-width:36px;text-align:center!important;cursor:default!important;padding:var(--space-xs)!important}.inv-td-check{text-align:center;padding:var(--space-xs)!important}.inv-checkbox{width:16px;height:16px;accent-color:var(--color-orange);cursor:pointer}.inv-checkbox:disabled{opacity:.25;cursor:not-allowed}.inv-row-selected{background:#f39c1214!important;box-shadow:inset 3px 0 0 var(--color-orange)}.inv-row-selected:hover{background:#f39c121f!important}.inv-po-builder{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#181c28f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 40px #0000004d;padding:var(--space-md) var(--space-xl);color:#e4e8f0;animation:inv-po-slide-up .3s ease;font-size:var(--font-size-sm);display:flex;flex-direction:column}.inv-po-resize-handle{position:absolute;top:-5px;left:0;right:0;height:10px;cursor:ns-resize;z-index:10}.inv-po-resize-handle:hover{background:#f39c1280}@keyframes inv-po-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.inv-po-builder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.inv-po-builder-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md)}.inv-po-builder-title i{color:var(--color-orange)}.inv-po-builder-stats{font-size:var(--font-size-sm);opacity:.7;margin-left:var(--space-sm)}.inv-po-btn-clear{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:12px}.inv-po-btn-clear:hover{background:#e74c3c4d;color:#ff6b6b;border-color:#e74c3c66}.inv-po-builder-items{flex:1;overflow-y:auto;overflow-x:hidden;min-height:100px;margin-bottom:var(--space-sm);border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.inv-po-builder-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.inv-po-builder-table thead th{padding:6px 10px;text-align:left;font-weight:600;color:#ffffff73;text-transform:uppercase;font-size:10px;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.06);position:static;background:transparent}.inv-po-builder-table tbody td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.inv-po-item-code{font-weight:600;color:var(--color-orange);white-space:nowrap}.inv-po-item-name{color:#fff9;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-po-item-total{font-weight:600;text-align:right;white-space:nowrap}.inv-po-qty-input,.inv-po-price-input,.inv-po-packing-input{width:72px;padding:4px 6px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:#ffffff0f;color:#e4e8f0;font-size:var(--font-size-xs);font-family:var(--font-family);text-align:right;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.inv-po-qty-input::-webkit-inner-spin-button,.inv-po-price-input::-webkit-inner-spin-button{-webkit-appearance:none}.inv-po-qty-input:focus,.inv-po-price-input:focus,.inv-po-packing-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #f39c1240}.inv-po-packing-input{width:120px;text-align:left}.inv-po-builder-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.06)}.inv-po-builder-fields{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--font-size-xs);color:#ffffff80}.inv-po-builder-fields label{display:flex;align-items:center;gap:6px}.inv-po-date-input,.inv-po-currency-select{padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:#ffffff0f;color:#e4e8f0;font-size:var(--font-size-xs);font-family:var(--font-family)}.inv-po-date-input:focus,.inv-po-currency-select:focus{outline:none;border-color:var(--color-orange)}.inv-po-builder-actions{display:flex;gap:var(--space-sm)}.inv-po-btn-xero,.inv-po-btn-excel{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.inv-po-btn-xero{background:linear-gradient(135deg,#3498db,#2c81ba);color:#fff;box-shadow:0 2px 8px #3498db4d}.inv-po-btn-xero:hover:not(:disabled){background:linear-gradient(135deg,#2c81ba,#2471a3);box-shadow:0 4px 12px #3498db66;transform:translateY(-1px)}.inv-po-btn-excel{background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;box-shadow:0 2px 8px #27ae604d}.inv-po-btn-excel:hover:not(:disabled){background:linear-gradient(135deg,#219a52,#1e8449);box-shadow:0 4px 12px #27ae6066;transform:translateY(-1px)}.inv-po-btn-xero:disabled,.inv-po-btn-excel:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.inv-po-btn-save,.inv-po-btn-load{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff14;color:#ffffffe6}.inv-po-btn-save:hover,.inv-po-btn-load:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.inv-drafts-menu{position:absolute;bottom:110%;right:0;min-width:260px;max-height:320px;overflow-y:auto;background:#1e1e28fa;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;padding:6px 0}.inv-drafts-menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background var(--transition-fast)}.inv-drafts-menu-item:hover{background:#ffffff14}.inv-drafts-menu-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.inv-drafts-menu-name{font-size:var(--font-size-sm);font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-drafts-menu-date{font-size:11px;color:#fff6}.inv-drafts-menu-delete{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font-size:12px;transition:all var(--transition-fast);flex-shrink:0;margin-left:8px}.inv-drafts-menu-delete:hover{color:#e74c3c;background:#e74c3c1f}.inv-drafts-floating .inv-drafts-menu{top:auto;bottom:110%}.inv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:inv-modal-fade .2s ease}@keyframes inv-modal-fade{0%{opacity:0}to{opacity:1}}.inv-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:420px;width:90%;box-shadow:0 12px 48px #0000004d;animation:inv-modal-appear .25s ease;text-align:center}@keyframes inv-modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.inv-modal-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:#f39c121f;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.inv-modal-icon i{font-size:22px;color:var(--color-warning)}.inv-modal h3{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--space-sm)}.inv-modal p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-sm)}.inv-modal-actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.inv-modal-btn-cancel,.inv-modal-btn-confirm{padding:8px 20px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none}.inv-modal-btn-cancel{background:var(--color-surface-hover);color:var(--color-text-secondary)}.inv-modal-btn-cancel:hover{background:var(--color-border)}.inv-modal-btn-confirm{background:var(--color-orange);color:#fff}.inv-modal-btn-confirm:hover{background:var(--color-orange-dark)}.inv-po-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:300;padding:10px 24px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;box-shadow:0 8px 32px #0003;animation:inv-toast-in .3s ease;white-space:nowrap}@keyframes inv-toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.inv-po-toast-success{background:#27ae60;color:#fff}.inv-po-toast-error{background:#e74c3c;color:#fff}@media print{.inv-po-builder,.inv-modal-overlay,.inv-po-toast,.inv-th-check,.inv-td-check{display:none!important}}@media(max-width:900px){.inv-po-builder{padding:var(--space-sm) var(--space-md)}.inv-po-builder-controls{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.inv-po-builder-actions{flex-direction:column}.inv-po-btn-xero,.inv-po-btn-excel{width:100%;justify-content:center}}.seo-page{padding:var(--space-xl);max-width:1400px}.seo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-lg);flex-wrap:wrap}.seo-header-left h1{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.seo-header-left h1 i{color:var(--color-orange)}.seo-header-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;display:block}.seo-header-right{display:flex;align-items:center;gap:var(--space-md)}.seo-mode-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.seo-mode-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;transition:all var(--transition-fast);cursor:pointer}.seo-mode-btn:hover{background:var(--color-surface-hover)}.seo-mode-btn-active{background:var(--color-orange);color:#fff}.seo-mode-btn-active:hover{background:var(--color-orange-dark)}.seo-dash{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.seo-dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.seo-dash-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.seo-dash-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.seo-dash-card-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);line-height:1;margin-bottom:4px}.seo-dash-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.seo-dash-card-pending .seo-dash-card-value{color:var(--color-warning)}.seo-dash-card-bar{height:4px;background:var(--color-border);border-radius:var(--radius-full);margin-top:var(--space-sm);overflow:hidden}.seo-dash-card-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#2ecc71);border-radius:var(--radius-full);transition:width var(--transition-normal)}.seo-health-bars{display:flex;flex-direction:column;gap:var(--space-md)}.seo-health-bar-group{display:flex;align-items:center;gap:var(--space-md)}.seo-health-bar-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:120px;font-weight:500}.seo-health-bar-track{flex:1;height:10px;background:var(--color-border);border-radius:var(--radius-full);display:flex;overflow:hidden}.seo-hb{height:100%;transition:width var(--transition-normal)}.seo-hb-ok{background:var(--color-success)}.seo-hb-warn{background:var(--color-warning)}.seo-hb-over{background:var(--color-danger)}.seo-hb-empty{background:var(--color-border)}.seo-health-bar-legend{display:flex;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-sm);flex-shrink:0}.seo-hb-legend-item{display:flex;align-items:center;gap:4px}.seo-hb-swatch{width:8px;height:8px;border-radius:2px;display:inline-block}.seo-toolbar{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);position:sticky;top:0;z-index:10;background:var(--color-bg);padding:var(--space-sm) 0;flex-wrap:wrap}.seo-search{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);min-width:250px;transition:border-color var(--transition-fast)}.seo-search:focus-within{border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.seo-search i{color:var(--color-text-muted);margin-right:var(--space-sm);font-size:var(--font-size-sm)}.seo-search input{border:none;background:transparent;outline:none;width:100%;color:var(--color-text);font-size:var(--font-size-base)}.seo-search-clear{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px 4px;font-size:var(--font-size-sm)}.seo-filter-pills{display:flex;gap:var(--space-sm);flex-wrap:wrap}.seo-pill{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.seo-pill:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.seo-pill-active{background:var(--color-orange);color:#fff;border-color:var(--color-orange)}.seo-pill-active:hover{background:var(--color-orange-dark)}.seo-pill-count{background:#0000001a;padding:1px 7px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.seo-pill-active .seo-pill-count{background:#ffffff40}.seo-table-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.seo-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.seo-table thead th{background:var(--color-bg);padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.seo-th-sort{cursor:pointer}.seo-th-sort:hover{color:var(--color-orange)}.seo-table tbody td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.seo-row{cursor:pointer;transition:background var(--transition-fast)}.seo-row:hover{background:var(--color-surface-hover)}.seo-row-active{background:#fef6ed;border-left:3px solid var(--color-orange)}.seo-row-parent{font-weight:600}.seo-editor-row td{padding:0!important;background:#fef6ed}.seo-dots{display:flex;gap:3px}.seo-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.seo-dot-filled{background:var(--color-success)}.seo-dot-empty{background:var(--color-border)}.seo-td-sku{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);font-weight:600;color:var(--color-info);white-space:nowrap}.seo-td-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-td-preview{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.seo-td-num{text-align:right;font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.seo-td-url{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-td-sync{text-align:center;font-size:16px}.seo-empty{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-xs)}.seo-pending-icon{font-size:14px}.seo-synced-icon{color:var(--color-success);font-size:14px;font-weight:600}.seo-title-ok{color:var(--color-success)}.seo-title-short{color:var(--color-warning)}.seo-title-over{color:var(--color-danger)}.seo-cc-inline{font-size:10px;color:var(--color-text-muted);font-family:monospace}.seo-cc{font-size:var(--font-size-xs);font-family:monospace;margin-top:2px;display:block}.seo-cc-empty{color:var(--color-text-muted)}.seo-cc-ok{color:var(--color-success)}.seo-cc-warn{color:var(--color-warning)}.seo-cc-over{color:var(--color-danger);font-weight:600}.seo-tree-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;color:var(--color-text-muted);cursor:pointer;background:none;border:none}.seo-tree-toggle:hover{background:var(--color-border);color:var(--color-text)}.seo-tree-toggle i{font-size:10px}.seo-cat-parent-name{font-weight:700}.seo-inline-editor{padding:var(--space-xl)}.seo-ie-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.seo-ie-full{grid-column:1 / -1}.seo-ie-field label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.seo-ie-field .form-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast);background:var(--color-surface);color:var(--color-text)}.seo-ie-field .form-input:focus{outline:none;border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.seo-ie-field textarea.form-input{resize:vertical;min-height:60px}.seo-ie-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.seo-ie-actions{display:flex;gap:var(--space-sm);margin-left:auto}.seo-inline-editor .ql-toolbar{border-color:var(--color-border)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important;background:var(--color-bg)}.seo-inline-editor .ql-container{border-color:var(--color-border)!important;border-radius:0 0 var(--radius-md) var(--radius-md)!important}.seo-inline-editor .ql-editor{min-height:140px;font-family:var(--font-family);font-size:var(--font-size-base)}.seo-loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-lg);color:var(--color-text-secondary)}.seo-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-lg);color:var(--color-danger)}.seo-error-page i{font-size:2rem}.seo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--color-text-muted);gap:var(--space-md)}.seo-empty-state i{font-size:2rem;opacity:.3}@media(max-width:1024px){.seo-dash-cards{grid-template-columns:repeat(2,1fr)}.seo-health-bar-group{flex-direction:column;align-items:flex-start}.seo-health-bar-label{min-width:auto}.seo-health-bar-legend{margin-left:0;margin-top:4px}}@media(max-width:768px){.seo-page{padding:var(--space-lg)}.seo-header{flex-direction:column;align-items:flex-start}.seo-dash-cards{grid-template-columns:repeat(2,1fr)}.seo-toolbar{flex-direction:column;align-items:stretch}.seo-search{min-width:auto}.seo-ie-grid{grid-template-columns:1fr}.seo-td-preview,.seo-td-name,.seo-td-url{max-width:100px}}.serp-preview{margin-top:8px}.serp-preview-label{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}.serp-preview-label i{color:#4285f4}.serp-preview-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 18px;max-width:600px;font-family:Arial,sans-serif}.serp-preview-mini{padding:10px 14px}.serp-title{color:#1a0dab;font-size:1.1rem;line-height:1.3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.serp-title:hover{text-decoration:underline}.serp-preview-mini .serp-title{font-size:.95rem}.serp-url{font-size:.82rem;color:#202124;margin:3px 0;display:flex;align-items:center;gap:6px}.serp-favicon{font-size:.9rem}.serp-desc{font-size:.85rem;color:#4d5156;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.serp-preview-mini .serp-desc{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.seo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.seo-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:540px;max-height:none!important;height:auto!important;margin:0 auto;display:flex;flex-direction:column;animation:slideUp .2s ease}.seo-modal-lg{max-width:720px}.seo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.seo-modal-header h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:8px}.seo-modal-header h3 i{color:var(--primary)}.seo-modal-close{background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px}.seo-modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.seo-modal-body{padding:20px 22px;overflow-y:auto;flex:1}.seo-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.seo-template-scope{display:flex;align-items:center;gap:12px;margin-bottom:18px}.seo-template-scope>label{font-weight:600;font-size:.85rem;white-space:nowrap}.seo-template-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.seo-template-hint{font-size:.72rem;color:var(--text-muted);margin-top:2px}.seo-template-preview{border-top:1px solid var(--border);padding-top:16px}.seo-template-preview h4{font-size:.85rem;color:var(--text-muted);margin:0 0 12px}.seo-template-preview-item{margin-bottom:12px}.seo-template-preview-sku{font-size:.72rem;font-weight:700;color:var(--primary);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.seo-template-progress{display:flex;align-items:center;gap:12px;margin-top:16px}.seo-template-progress span{font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.seo-template-result{margin-top:14px;padding:10px 14px;background:#27ae601a;border-radius:8px;color:#27ae60;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:8px}.seo-template-result-warn{background:#e67e221a;color:#e67e22}.seo-review-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#667eea14;border-radius:10px;margin-bottom:16px;font-size:.9rem;color:var(--text-primary)}.seo-review-summary i{color:#667eea;font-size:1.1rem}.seo-review-table-wrap{max-height:400px;overflow-y:auto;border:1px solid var(--border);border-radius:10px}.seo-review-table{width:100%;border-collapse:collapse;font-size:.8rem}.seo-review-table thead{position:sticky;top:0;background:#f8f9fa;z-index:1}.seo-review-table th{padding:8px 10px;text-align:left;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border)}.seo-review-table td{padding:6px 10px;border-bottom:1px solid var(--border-light, #f0f0f0);vertical-align:top}.seo-review-table tbody tr:hover{background:#667eea0a}.seo-review-sku{font-family:monospace;font-weight:700;font-size:.72rem;color:var(--primary);white-space:nowrap}.seo-review-name{color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-review-new{color:#27ae60;font-weight:500}.seo-review-skip{color:var(--text-muted);opacity:.5}.seo-generate-btn{flex-shrink:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.seo-ai-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;display:flex;align-items:center;gap:6px;transition:all .2s ease}.seo-ai-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.seo-ai-btn:disabled{opacity:.7;cursor:wait}.seo-ai-draft{margin:12px 0;border:1px solid rgba(102,126,234,.3);border-radius:10px;background:linear-gradient(135deg,#667eea0d,#764ba20d);overflow:hidden;animation:slideUp .2s ease}.seo-ai-draft-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#667eea1a,#764ba21a);font-weight:600;font-size:.85rem;color:#667eea}.seo-ai-draft-header i{margin-right:6px}.seo-ai-draft-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px}.seo-ai-draft-dismiss:hover{background:var(--hover-bg)}.seo-ai-draft-fields{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.seo-ai-draft-field{display:flex;flex-direction:column;gap:2px}.seo-ai-draft-field label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.seo-ai-draft-field span{font-size:.85rem;color:var(--text-primary);line-height:1.4}.seo-ai-draft-field-head{display:flex;align-items:center;justify-content:space-between}.seo-ai-apply-one{background:none;border:1px solid rgba(46,204,113,.3);color:#2ecc71;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:3px}.seo-ai-apply-one:hover{background:#2ecc711a;border-color:#2ecc71}.seo-ai-draft-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid rgba(102,126,234,.15)}.seo-ai-error{margin:8px 0;padding:8px 12px;border-radius:8px;background:#e74c3c1a;color:#e74c3c;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:6px}.seo-ai-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.seo-ai-settings-grid .seo-ie-field label{color:var(--text-primary);font-size:.82rem;font-weight:600;text-transform:none;letter-spacing:0;margin-bottom:6px}.seo-ai-settings-grid .seo-ie-field .form-input{background:#f8f9fa;border:1px solid #dee2e6;color:#212529}.seo-ai-settings-grid .seo-template-hint{font-size:.72rem;color:var(--text-muted);opacity:.7;margin-top:4px;display:block}.seo-ai-settings-grid .seo-ie-full{grid-column:1 / -1}.seo-field-hidden{display:none!important}.seo-ai-settings-grid select.form-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.seo-settings-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);padding:6px 10px;flex-shrink:0;transition:all .2s ease}.seo-settings-btn:hover{color:var(--primary);border-color:var(--primary)}.seo-ai-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.seo-ai-toggle input{display:none}.seo-ai-toggle-slider{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;transition:background .2s ease;flex-shrink:0}.seo-ai-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.seo-ai-toggle input:checked+.seo-ai-toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.seo-ai-toggle input:checked+.seo-ai-toggle-slider:after{transform:translate(20px)}.seo-ai-toggle-label{font-size:.82rem;color:var(--text-muted)}@media(max-width:600px){.seo-ai-settings-grid{grid-template-columns:1fr}}.seo-ai-context-row{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.seo-ai-context-input{flex:1;min-width:0;font-size:.82rem;padding:6px 10px;border:1px dashed rgba(102,126,234,.3);background:#667eea08}.seo-ai-context-input:focus{border-style:solid;border-color:#667eea80}.seo-ai-context-input::placeholder{color:var(--text-muted);opacity:.6}.seo-ai-draft-desc{font-size:.82rem;color:var(--text-primary);line-height:1.5;padding:8px 10px;background:var(--card-bg);border-radius:6px;border:1px solid var(--border);max-height:150px;overflow-y:auto}.seo-ai-draft-desc p{margin:0 0 8px}.seo-ai-draft-desc p:last-child{margin-bottom:0}.seo-autolink-btn{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;display:flex;align-items:center;gap:6px;transition:all .2s ease}.seo-autolink-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00b89466}.seo-autolink-btn:disabled{opacity:.7;cursor:wait}.seo-autolink-preview{margin:12px 0;border:1px solid rgba(0,184,148,.3);border-radius:10px;background:linear-gradient(135deg,#00b8940d,#00cec90d);overflow:hidden;animation:slideUp .2s ease}.seo-autolink-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#00b8941a,#00cec91a);font-weight:600;font-size:.85rem;color:#00b894}.seo-autolink-preview-header i{margin-right:6px}.seo-autolink-links-list{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.seo-autolink-link-item{display:flex;align-items:center;gap:8px;font-size:.82rem;padding:6px 10px;background:#00b8940a;border-radius:6px;border:1px solid rgba(0,184,148,.1)}.seo-autolink-type{font-size:.9rem;flex-shrink:0}.seo-autolink-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.seo-autolink-arrow{color:var(--text-muted);flex-shrink:0}.seo-autolink-url{font-family:monospace;font-size:.72rem;color:#00b894;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-autolink-url:hover{text-decoration:underline}.seo-bulk-autolink-intro{text-align:center;padding:20px 0}.seo-bulk-autolink-intro p{font-size:.95rem;color:var(--text-primary);margin-bottom:20px}.seo-bulk-autolink-rules{display:flex;flex-direction:column;gap:8px;text-align:left;padding:14px 20px;background:#00b8940f;border-radius:10px;margin-bottom:24px;font-size:.82rem;color:var(--text-secondary)}.seo-bulk-autolink-rules i{color:#00b894;margin-right:6px}.seo-bulk-autolink-progress{text-align:center;padding:40px 20px}.seo-bulk-autolink-progress p{margin-top:16px;color:var(--text-muted);font-size:.9rem}.seo-bulk-autolink-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:20px}.seo-bulk-stat{text-align:center;padding:14px 10px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px}.seo-bulk-stat-num{display:block;font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.seo-bulk-stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.seo-bulk-stat-highlight{border-color:#00b8944d;background:#00b8940f}.seo-bulk-stat-highlight .seo-bulk-stat-num{color:#00b894}.seo-bulk-stat-error{border-color:#e74c3c4d;background:#e74c3c0f}.seo-bulk-stat-error .seo-bulk-stat-num{color:#e74c3c}.seo-bulk-autolink-details h4{font-size:.85rem;color:var(--text-muted);margin:0 0 10px}.seo-bulk-autolink-items{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.seo-bulk-autolink-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:.82rem}.seo-bulk-autolink-item:last-child{border-bottom:none}.seo-bulk-item-name{font-weight:700;font-family:monospace;font-size:.75rem;color:var(--primary);white-space:nowrap;min-width:120px}.seo-bulk-item-count{background:#00b8941f;color:#00b894;font-weight:700;font-size:.72rem;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.seo-bulk-item-linked{color:var(--text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-bulk-no-links{text-align:center;color:var(--text-muted);font-size:.85rem;padding:20px}.seo-bulk-no-links i{color:#3498db;margin-right:6px}.forex-page{padding:var(--space-xl) var(--space-2xl);max-width:1440px;margin:0 auto}.forex-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl);flex-wrap:wrap}.forex-title-section h1{font-size:1.6rem;font-weight:800;margin:0;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2e7d32,#43a047);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.forex-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:4px 0 0}.forex-gmail-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);flex-wrap:wrap}.forex-gmail-status{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600}.forex-gmail-status.connected{color:#2e7d32}.forex-gmail-status.disconnected{color:#9e9e9e}.pulse-green{color:#2e7d32;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%,to{opacity:1}50%{opacity:.5}}.forex-last-sync{font-size:.72rem;color:var(--color-text-muted);padding:2px 8px;background:#0000000a;border-radius:6px}.forex-gmail-actions{display:flex;gap:8px}.forex-sync-btn,.forex-setup-btn,.forex-connect-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.forex-sync-btn:hover:not(:disabled){background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.forex-sync-btn:disabled{opacity:.6;cursor:wait}.forex-connect-btn{background:linear-gradient(135deg,#4285f4,#356ac3);color:#fff;border-color:#4285f4}.forex-connect-btn:hover{box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.forex-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.forex-summary-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:14px;padding:20px;border-top:3px solid;display:flex;flex-direction:column;gap:4px;transition:transform .2s ease,box-shadow .2s ease}.forex-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.forex-card-icon{font-size:1.4rem}.forex-card-value{font-size:1.5rem;font-weight:800}.forex-card-label{font-size:.78rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.forex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.forex-filters{display:flex;gap:var(--space-sm);flex:1;min-width:0}.forex-search{flex:1;min-width:200px;max-width:320px;padding:8px 14px;border:1px solid var(--color-border);border-radius:10px;font-size:.85rem;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease}.forex-search:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.forex-status-filter{padding:8px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer}.forex-add-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.forex-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.forex-loading,.forex-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--color-text-secondary);gap:var(--space-md)}.forex-empty i{font-size:3rem;opacity:.2}.forex-empty p{margin:0;font-size:1rem}.forex-empty-sub{font-size:.82rem;color:var(--color-text-muted)}.forex-table-container{border-radius:14px;border:1px solid var(--color-border-light);overflow-x:auto;background:var(--color-surface)}.forex-table{width:100%;border-collapse:collapse;font-size:.85rem}.forex-table thead{position:sticky;top:0;z-index:2}.forex-table th{padding:12px 14px;text-align:left;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:#00000005;border-bottom:2px solid var(--color-border);white-space:nowrap}.forex-table th.text-right,.forex-table td.text-right{text-align:right}.forex-row{transition:background .15s ease}.forex-row:hover{background:#2e7d3208}.forex-row td{padding:10px 14px;border-bottom:1px solid var(--color-border-light);vertical-align:middle;white-space:nowrap}.forex-date{font-family:monospace;font-size:.82rem;color:var(--color-text-secondary)}.forex-supplier-name{font-weight:600}.forex-supplier-unmatched{display:flex;align-items:center;gap:6px}.forex-recipient{font-size:.8rem;color:#e65100;max-width:160px;overflow:hidden;text-overflow:ellipsis}.forex-unknown{color:var(--color-text-muted);font-style:italic}.forex-currency{font-weight:700;color:var(--color-text-secondary)}.forex-amount{font-weight:600;font-family:monospace}.forex-rate{font-family:monospace;color:#1565c0}.forex-gbp{font-weight:700;font-family:monospace;color:#2e7d32}.forex-type-pill{padding:3px 10px;border-radius:6px;border:1px solid var(--color-border);font-size:.78rem;font-weight:600;cursor:pointer;background:var(--color-surface);color:var(--color-text)}.forex-type-pill.deposit{border-color:#e3f2fd;background:#e3f2fd;color:#1565c0}.forex-type-pill.balance{border-color:#fff3e0;background:#fff3e0;color:#e65100}.forex-type-pill.ongoing{border-color:#f3e5f5;background:#f3e5f5;color:#6a1b9a}.forex-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap}.forex-po-badge{padding:2px 8px;border-radius:6px;background:#e8eaf6;color:#283593;font-size:.78rem;font-weight:600;font-family:monospace}.forex-link-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px dashed var(--color-border);background:none;color:var(--color-text-muted);font-size:.72rem;cursor:pointer;transition:all .15s ease}.forex-link-btn:hover{border-color:#2e7d32;color:#2e7d32;background:#2e7d320d}.forex-link-btn.tiny{padding:2px 6px;font-size:.7rem}.forex-inline-select{position:absolute;z-index:10;margin-top:4px;padding:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:.82rem;box-shadow:0 8px 24px #0000001f;min-width:200px;max-width:350px}.forex-actions{display:flex;gap:4px;min-width:max-content;flex-wrap:nowrap}.forex-action-btn{padding:5px 8px;border-radius:6px;border:none;background:none;cursor:pointer;font-size:.82rem;transition:all .15s ease;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.forex-action-btn.confirm{color:#2e7d32}.forex-action-btn.confirm:hover{background:#e8f5e9}.forex-action-btn.delete{color:#c62828}.forex-action-btn.delete:hover{background:#ffebee}.forex-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.forex-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:92%;max-width:560px;max-height:none!important;height:auto!important;margin:0 auto;display:flex;flex-direction:column;animation:slideUp .2s ease;overflow-y:auto}.forex-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--color-border)}.forex-modal-header h2{margin:0;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px}.forex-modal-close{background:none;border:none;font-size:1.1rem;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:6px}.forex-modal-close:hover{background:var(--color-hover)}.forex-modal-form{padding:20px 22px}.forex-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.forex-form-field{display:flex;flex-direction:column;gap:4px}.forex-form-field.full-width{grid-column:1 / -1}.forex-form-field label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.forex-form-field input,.forex-form-field select{padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;background:#f8f9fa;color:var(--color-text);transition:border-color .2s}.forex-form-field input:focus,.forex-form-field select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.forex-gbp-preview{margin-top:20px;padding:14px 18px;background:linear-gradient(135deg,#2e7d3214,#2e7d320a);border-radius:10px;font-size:1rem;color:#2e7d32;text-align:center}.forex-gbp-preview strong{font-size:1.4rem;font-weight:800}.forex-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-light)}.forex-cancel-btn,.forex-save-btn,.forex-delete-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border)}.forex-cancel-btn{background:var(--color-surface);color:var(--color-text-secondary)}.forex-cancel-btn:hover{background:#f5f5f5}.forex-save-btn{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;border-color:#2e7d32}.forex-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.forex-save-btn:disabled{opacity:.6;cursor:wait}.forex-delete-btn{background:#ffebee;color:#c62828;border-color:#ef9a9a}.forex-delete-btn:hover{background:#ffcdd2}.forex-setup-instructions{margin-bottom:20px;padding:14px 16px;background:#4285f40f;border-radius:10px;border:1px solid rgba(66,133,244,.15)}.forex-setup-instructions h3{margin:0 0 10px;font-size:.95rem;color:#4285f4}.forex-setup-instructions ol{margin:0;padding-left:20px;font-size:.82rem;line-height:1.7;color:var(--color-text)}.forex-setup-instructions code{background:#0000000f;padding:2px 6px;border-radius:4px;font-size:.78rem}.forex-gmail-connected-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;text-align:center}.forex-gmail-connected-info p{margin:0;font-size:.95rem;color:var(--color-text)}.forex-last-sync-info{font-size:.82rem;color:var(--color-text-muted)}@media(max-width:1024px){.forex-header{flex-direction:column}.forex-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.forex-page{padding:var(--space-lg)}.forex-toolbar{flex-direction:column;align-items:stretch}.forex-filters{flex-direction:column}.forex-search{max-width:none}.forex-form-grid{grid-template-columns:1fr}.forex-summary-cards{grid-template-columns:1fr 1fr}}.forex-modal-wide{max-width:750px;width:95%}.forex-split-original{display:flex;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#1565c014,#6a1b9a14);border-radius:10px;margin:0 20px 16px;flex-wrap:wrap}.forex-split-info{display:flex;flex-direction:column;gap:2px;min-width:80px}.forex-split-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:600}.forex-split-value{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.forex-split-rows{display:flex;flex-direction:column;gap:12px;padding:0 4px}.forex-split-row{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:10px;position:relative}.forex-split-num{font-size:.85rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-bg, #f5f5f5);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;margin-bottom:4px}.forex-split-row .forex-form-field{flex:1;min-width:100px}.forex-split-gbp{display:flex;flex-direction:column;gap:4px;min-width:90px;text-align:right}.forex-split-gbp label{font-size:.75rem;color:var(--color-text-secondary);font-weight:600}.forex-split-gbp span{font-size:.95rem;font-weight:700;color:#2e7d32;padding:6px 0}.forex-split-remove{background:none;border:none;color:#c62828;cursor:pointer;padding:6px;border-radius:6px;font-size:.85rem;margin-bottom:4px;transition:background .15s}.forex-split-remove:hover{background:#c628281a}.forex-split-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 0}.forex-add-split-btn{background:none;border:1px dashed var(--color-border-light);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);transition:all .15s;display:flex;align-items:center;gap:6px}.forex-add-split-btn:hover{border-color:#1565c0;color:#1565c0;background:#1565c00a}.forex-split-remaining{font-size:.9rem;font-weight:600;color:#e65100;padding:6px 14px;border-radius:8px;background:#e6510014}.forex-split-remaining.balanced{color:#2e7d32;background:#2e7d3214}.forex-split-remaining.over{color:#c62828;background:#c6282814}.forex-action-btn.split{color:#6a1b9a}.forex-action-btn.split:hover{background:#6a1b9a1a}.forex-action-btn.push-xero{color:#1565c0}.forex-action-btn.push-xero:hover:not(:disabled){background:#1565c01a}.forex-action-btn.push-xero:disabled{color:#bbb;cursor:not-allowed}.forex-xero-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:700;background:#2e7d321a;color:#2e7d32;letter-spacing:.3px}.forex-other-search{position:absolute;top:100%;left:0;z-index:20;background:var(--color-surface, #fff);border:1px solid var(--color-border-light, #ddd);border-radius:10px;padding:8px;min-width:260px;box-shadow:0 6px 20px #00000026}.forex-other-input{width:100%;padding:7px 10px;border:1px solid var(--color-border-light, #ddd);border-radius:8px;font-size:.85rem;outline:none;box-sizing:border-box}.forex-other-input:focus{border-color:#1565c0}.forex-other-loading{padding:6px 4px;font-size:.8rem;color:var(--color-text-secondary)}.forex-other-results{list-style:none;margin:4px 0 0;padding:0;max-height:180px;overflow-y:auto}.forex-other-results li{padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.forex-other-results li:hover{background:#1565c00f}.forex-other-type{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#0000000f;color:var(--color-text-secondary);font-weight:600}.forex-other-back{display:block;width:100%;margin-top:6px;padding:8px 0 5px;background:none;border:none;border-top:1px solid var(--color-border-light, #eee);color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;text-align:left}.forex-other-back:hover{color:#1565c0}.forex-supplier-unmatched{position:relative}.forex-push-confirm{position:absolute;top:100%;right:0;z-index:25;background:var(--color-surface, #fff);border:1px solid var(--color-border-light, #ddd);border-radius:10px;padding:12px;min-width:300px;box-shadow:0 6px 20px #00000026}.forex-push-title{font-size:.85rem;font-weight:700;margin-bottom:10px;color:var(--color-text-primary)}.forex-push-confirm .forex-form-field{margin-bottom:8px}.forex-push-confirm .forex-form-field label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:600;display:block;margin-bottom:3px}.forex-push-confirm .forex-form-field input{width:100%;padding:6px 8px;border:1px solid var(--color-border-light, #ddd);border-radius:6px;font-size:.85rem;box-sizing:border-box}.forex-push-confirm .forex-form-field input:focus{border-color:#1565c0;outline:none}.forex-push-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.forex-push-actions .forex-cancel-btn,.forex-push-actions .forex-save-btn{padding:5px 12px;font-size:.8rem;border-radius:6px}@media(max-width:600px){.forex-split-row{flex-wrap:wrap}.forex-split-original{gap:10px}}.bill-po-summary-section{margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.bill-po-summary-title{font-size:1rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-md);display:flex;align-items:center;gap:8px}.bill-po-summary-title i{color:#1565c0}.bill-po-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-md)}.bill-po-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:14px;padding:18px 20px;border-left:4px solid #1565c0;transition:transform .2s ease,box-shadow .2s ease}.bill-po-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1565c01f}.bill-po-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bill-po-card-name{font-weight:700;font-size:1rem;color:var(--color-text)}.bill-po-card-supplier{font-size:.82rem;color:var(--color-text-secondary);font-weight:500}.bill-po-card-rates{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.bill-po-blended{font-size:.9rem;color:#1565c0}.bill-po-blended strong{font-size:1.1rem;font-weight:800}.bill-po-breakdown{font-size:.78rem;color:var(--color-text-muted);font-family:monospace}.bill-po-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--color-border-light)}.bill-po-total{font-size:.85rem;color:var(--color-text-secondary)}.bill-po-total strong{color:#2e7d32;font-weight:700}.bill-create-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;border:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bill-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1565c059}.bill-builder-overlay{z-index:1100}.bill-builder-modal{max-width:1000px!important;width:96%!important;max-height:none!important;height:auto!important;margin:0 auto}.bill-builder-header{background:linear-gradient(135deg,#1a237e,#283593);color:#fff;border-radius:16px 16px 0 0}.bill-builder-header h2{color:#fff}.bill-builder-header .forex-modal-close{color:#ffffffb3}.bill-builder-header .forex-modal-close:hover{color:#fff;background:#ffffff26}.bill-builder-content{padding:20px 24px;overflow-y:auto;flex:1}.bill-loading,.bill-error{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 20px;font-size:1rem;color:var(--color-text-secondary)}.bill-error{color:#c62828}.bill-info-bar{display:flex;gap:24px;padding:14px 18px;background:linear-gradient(135deg,#1a237e0f,#1565c00a);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.bill-info-item{display:flex;flex-direction:column;gap:2px}.bill-info-item label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-weight:600}.bill-info-value{font-size:1rem;font-weight:700;color:var(--color-text)}.bill-info-item.highlight .bill-info-value{font-size:1.2rem;color:#1565c0;font-weight:800}.bill-payments-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.bill-payment-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:.82rem;font-weight:600;font-family:monospace}.bill-payment-chip.deposit{background:#e3f2fd;color:#1565c0}.bill-payment-chip.balance{background:#fff3e0;color:#e65100}.bill-payment-chip.ongoing{background:#f3e5f5;color:#6a1b9a}.bill-payment-gbp{font-weight:400;color:#2e7d32;margin-left:4px}.bill-meta-row{display:flex;gap:16px;margin-bottom:20px}.bill-meta-row .forex-form-field{flex:1}.bill-lines-section h3,.bill-extra-section h3{font-size:.9rem;font-weight:700;margin:0 0 10px;color:var(--color-text);display:flex;align-items:center;gap:6px}.bill-table-wrapper{border:1px solid var(--color-border-light);border-radius:10px;overflow-x:auto;margin-bottom:16px}.bill-lines-table{width:100%;border-collapse:collapse;font-size:.82rem}.bill-lines-table th{padding:10px 12px;text-align:left;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:#00000005;border-bottom:2px solid var(--color-border);white-space:nowrap}.bill-lines-table th.text-right{text-align:right}.bill-line-row td{padding:8px 12px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.bill-line-desc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.bill-line-code{font-family:monospace;color:var(--color-text-secondary);font-size:.8rem}.bill-line-foreign{color:var(--color-text-secondary);font-family:monospace}.bill-line-total{font-weight:700;color:#2e7d32;font-family:monospace}.bill-inline-input{width:80px;padding:5px 8px;border:1px solid var(--color-border-light);border-radius:6px;font-size:.85rem;font-family:monospace;text-align:right;background:#00000005;transition:border-color .2s}.bill-inline-input:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 2px #1565c01a;background:#fff}.bill-inline-text{width:100%;min-width:140px;padding:5px 8px;border:1px solid var(--color-border-light);border-radius:6px;font-size:.85rem;background:#00000005;transition:border-color .2s}.bill-inline-text:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 2px #1565c01a;background:#fff}.bill-account-select{padding:5px 8px;border:1px solid var(--color-border-light);border-radius:6px;font-size:.78rem;background:#00000005;cursor:pointer;min-width:140px;color:var(--color-text)}.bill-account-select:focus{outline:none;border-color:#1565c0}.bill-remove-line{background:none;border:none;color:#bbb;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:.8rem;transition:all .15s}.bill-remove-line:hover{color:#c62828;background:#c6282814}.bill-extra-section{margin-bottom:16px}.bill-extra-header{display:flex;justify-content:space-between;align-items:center}.bill-add-extra-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:8px;border:1px dashed var(--color-border);background:none;color:var(--color-text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.bill-add-extra-btn:hover{border-color:#1565c0;color:#1565c0;background:#1565c00a}.bill-extra-row td{background:#fff3e04d}.bill-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:16px;border-top:2px solid var(--color-border);margin-top:8px;flex-wrap:wrap}.bill-totals{display:flex;flex-direction:column;gap:6px;min-width:200px}.bill-total-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-secondary)}.bill-total-row span:last-child{font-family:monospace;font-weight:600}.bill-total-row.extra{color:#e65100}.bill-total-row.grand{font-size:1.1rem;font-weight:800;color:var(--color-text);padding-top:6px;border-top:1px solid var(--color-border)}.bill-total-row.grand span:last-child{color:#2e7d32;font-size:1.2rem}.bill-actions{display:flex;gap:10px;flex-wrap:wrap}.bill-copy-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.bill-copy-btn:hover:not(:disabled){background:#f5f5f5;border-color:#aaa}.bill-copy-btn:disabled{opacity:.5;cursor:not-allowed}.bill-push-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;background:linear-gradient(135deg,#1a237e,#283593);color:#fff;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.bill-push-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #1a237e59}.bill-push-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.bill-po-cards{grid-template-columns:1fr}.bill-builder-modal{width:100%!important;max-width:100%!important;max-height:100vh!important;border-radius:0!important}.bill-info-bar{gap:12px}.bill-meta-row{flex-direction:column}.bill-footer{flex-direction:column;align-items:stretch}.bill-actions{justify-content:stretch}.bill-copy-btn,.bill-push-btn{flex:1;justify-content:center}}.ot-container{display:flex;gap:var(--space-lg);padding:0 var(--space-lg) var(--space-lg);flex:1;overflow:hidden}.ot-panel{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:hidden}.ot-context-panel{flex-direction:row;align-items:stretch;margin:0 var(--space-lg) var(--space-md);border-radius:var(--radius-lg);overflow:visible;min-height:42px;font-size:11px;position:relative}.ot-context-panel .ot-panel-header{border-bottom:none;border-right:1px solid var(--color-border-light);padding:var(--space-xs) var(--space-md);white-space:nowrap;font-size:var(--font-size-sm)}.ot-context-panel .ot-panel-empty{flex-direction:row;padding:var(--space-sm) var(--space-lg);gap:var(--space-sm)}.ot-context-panel .ot-panel-empty i{font-size:1rem}.ot-picker-panel,.ot-cart-panel{flex:1;min-width:0}.ot-panel-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-weight:700;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-border-light);background:var(--color-card-bg);flex-shrink:0}.ot-panel-header i{color:var(--color-orange)}.ot-panel-body{flex:1;overflow-y:auto;padding:var(--space-md)}.ot-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.ot-panel-empty i{font-size:2rem;opacity:.3}.ot-panel-empty-sub{font-size:var(--font-size-xs);opacity:.7}.ot-search-wrap{padding:var(--space-sm) var(--space-lg);position:relative}.ot-search-wrap .search-input{min-width:220px}.ot-search-results{position:absolute;top:calc(100% + 4px);left:var(--space-lg);width:max(380px,calc(100% - var(--space-lg) * 2));max-width:480px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;z-index:1000;max-height:320px;overflow-y:auto}.ot-search-result-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:8px var(--space-md);width:100%;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.ot-search-result-item:last-child{border-bottom:none}.ot-search-result-item:hover,.ot-search-result-item.ot-search-result-item--highlighted{background:var(--color-primary-light, rgba(59, 130, 246, .12));outline:none}.ot-search-result-icon{margin-top:3px;color:var(--color-primary);font-size:13px;flex-shrink:0}.ot-search-result-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ot-search-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ot-search-result-name{font-weight:600;color:var(--color-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-search-result-badge{font-size:10px;padding:1px 6px;border-radius:4px;flex-shrink:0}.ot-search-result-sub{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-search-result-sub i{font-size:10px;color:var(--color-text-muted);flex-shrink:0}.ot-search-result-sub--empty{font-style:italic;color:var(--color-text-muted)}.ot-search-result-extra{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--color-text-muted);margin-top:2px}.ot-search-result-extra-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-new-account-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 12px;margin-top:6px;font-size:11px;font-weight:600;color:var(--color-orange);background:transparent;border:1px dashed var(--color-orange);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.ot-new-account-btn:hover{background:#e67e2214;border-style:solid}.ot-new-account-btn i{font-size:10px}.ot-new-account-form{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow-y:auto;min-width:340px}.ot-form-title{font-size:13px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:6px;padding-bottom:4px;border-bottom:1px solid var(--color-border-light)}.ot-form-title i{color:var(--color-orange)}.ot-form-error{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:500;color:#c62828;background:#c628280f;border:1px solid rgba(198,40,40,.15);border-radius:var(--radius-sm)}.ot-form-error i{flex-shrink:0}.ot-form-row{display:flex;flex-direction:column;gap:4px;position:relative}.ot-form-row input{padding:7px 10px;font-size:12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-card-bg);color:var(--color-text);transition:border-color .2s;width:100%;box-sizing:border-box}.ot-form-row input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221a}.ot-form-row input::placeholder{color:var(--color-text-muted)}.ot-form-row-split{flex-direction:row;gap:6px}.ot-form-row-split input{flex:1;min-width:0}.ot-form-field-with-icon{display:flex;align-items:center;gap:0;flex:1;position:relative}.ot-form-field-with-icon i{position:absolute;left:8px;font-size:10px;color:var(--color-text-muted);z-index:1;pointer-events:none}.ot-form-field-with-icon input{padding-left:26px}.ot-form-section-toggle{display:flex;align-items:center;gap:6px;padding:5px 0;font-size:11px;font-weight:600;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color .15s;width:100%;text-align:left}.ot-form-section-toggle:hover{color:var(--color-orange)}.ot-form-section-toggle i:first-child{font-size:8px;width:10px;color:var(--color-text-muted)}.ot-form-section-toggle i:nth-child(2){font-size:11px;color:var(--color-orange)}.ot-form-address-section{display:flex;flex-direction:column;gap:4px;padding-left:4px;border-left:2px solid var(--color-border-light);margin-left:4px}.ot-form-address-header{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.ot-address-autocomplete{display:flex;align-items:center;gap:0;position:relative}.ot-address-autocomplete i{position:absolute;left:8px;font-size:10px;color:var(--color-text-muted);pointer-events:none}.ot-address-autocomplete input{padding-left:26px!important;border-color:var(--color-orange)!important;background:#e67e2208}.ot-address-autocomplete input::placeholder{color:var(--color-orange);opacity:.5}.ot-address-autocomplete .loading-spinner{position:absolute;right:8px}.ot-address-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:200;max-height:200px;overflow-y:auto;margin-top:2px}.ot-address-suggestion{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;width:100%;text-align:left;font-size:11px;color:var(--color-text);border:none;background:none;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--color-border-light)}.ot-address-suggestion:last-child{border-bottom:none}.ot-address-suggestion:hover{background:var(--color-surface-hover)}.ot-address-suggestion i{color:var(--color-orange);font-size:10px;margin-top:2px;flex-shrink:0}.ot-address-suggestion span{line-height:1.3}.ot-same-as-billing{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:600;color:#1565c0;background:#1565c00f;border:1px solid rgba(21,101,192,.2);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;margin-left:4px}.ot-same-as-billing:hover{background:#1565c01f;border-color:#1565c066}.ot-same-as-billing i{font-size:10px}.ot-form-actions{display:flex;gap:8px;padding-top:6px;border-top:1px solid var(--color-border-light);margin-top:2px}.ot-form-actions .btn{flex:1;font-size:11px;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:6px}.ot-form-actions .btn-primary{background:linear-gradient(135deg,var(--color-orange),#d35400);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s}.ot-form-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e67e224d}.ot-form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.ot-form-actions .btn-ghost{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;color:var(--color-text-secondary);background:transparent;transition:all .15s}.ot-form-actions .btn-ghost:hover:not(:disabled){background:var(--color-surface-hover)}.ot-selected-account{padding:var(--space-xs) var(--space-md);border-right:1px solid var(--color-border-light)}.ot-selected-account-info{display:flex;align-items:center;gap:var(--space-sm)}.ot-selected-account-name{font-weight:700;font-size:13px;color:var(--color-text);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.ot-selected-account-contact{display:flex;flex-direction:column;gap:2px;margin-top:4px}.ot-account-details{display:flex;flex-direction:column;flex:1;padding:4px 12px;gap:2px;min-width:0}.ot-ctx-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:22px}.ot-ctx-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}.ot-ctx-chip:hover{color:var(--color-orange)}.ot-ctx-chip i{font-size:10px;color:var(--color-text-muted)}.ot-ctx-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.ot-ctx-label i{font-size:10px;color:var(--color-orange)}.ot-ctx-divider{width:1px;height:14px;background:var(--color-border-light);flex-shrink:0}.ot-ctx-die{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);white-space:nowrap}.ot-ctx-die-name{font-weight:600;color:var(--color-text)}.ot-ctx-die-size{font-weight:400;color:var(--color-text-muted)}.ot-ctx-chip-muted{font-size:10px;color:var(--color-text-muted)}.ot-ctx-note{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--color-text-muted);background:var(--color-notes-bg);border-left:2px solid var(--color-notes-border);padding:1px 6px;border-radius:var(--radius-sm);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-ctx-note i{font-size:9px;color:var(--color-notes-border)}.ot-pref-select{padding:1px 16px 1px 5px;font-size:11px;font-weight:500;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-card-bg);color:var(--color-text);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%23999' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;transition:border-color var(--transition-fast)}.ot-pref-select:hover,.ot-pref-select:focus{border-color:var(--color-orange);outline:none}.ot-photos-btn{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;font-size:11px;font-weight:600;color:var(--color-orange);border:1px solid var(--color-orange);border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;background:transparent;transition:background var(--transition-fast),color var(--transition-fast)}.ot-photos-btn:hover{background:var(--color-orange);color:#fff}.ot-photos-modal{background:var(--color-card-bg, #fff);border-radius:var(--radius-lg);max-width:700px;width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ot-photos-modal .ot-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.ot-photos-modal .ot-modal-header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.ot-photos-gallery{overflow-y:auto;padding:var(--space-md);flex:1}.ot-photos-section{margin-bottom:var(--space-md)}.ot-photos-section-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.ot-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.ot-photo-card{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-light);background:var(--color-bg)}.ot-photo-img{width:100%;height:120px;object-fit:cover;display:block}.ot-photo-label{padding:3px 6px;font-size:10px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--color-surface-hover)}.ot-tabs{display:flex;gap:2px;background:var(--color-bg);border-radius:var(--radius-md);padding:2px}.ot-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-text-muted);transition:all var(--transition-fast)}.ot-tab:hover{color:var(--color-text)}.ot-tab-active{background:var(--color-surface);color:var(--color-orange);box-shadow:var(--shadow-sm)}.ot-tab i{font-size:11px}.ot-quotes-list,.ot-invoices-list{display:flex;flex-direction:column;gap:2px}.ot-quote-item,.ot-invoice-item{border-radius:var(--radius-sm);overflow:hidden}.ot-quote-header,.ot-invoice-header{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-md);width:100%;text-align:left;font-size:12px;color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ot-quote-header:hover,.ot-invoice-header:hover{background:var(--color-surface-hover)}.ot-quote-header-active,.ot-invoice-header-active{background:#e67e220f;border-left:3px solid var(--color-orange)}.ot-quote-header i,.ot-invoice-header i{color:var(--color-text-muted);font-size:10px;width:10px;flex-shrink:0;transition:transform .15s ease}.ot-quote-header-active>i,.ot-invoice-header-active>i{color:var(--color-orange)}.ot-quote-meta,.ot-invoice-meta{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-sm)}.ot-quote-number,.ot-invoice-number{font-weight:700;font-size:12px}.ot-quote-ref,.ot-invoice-ref{color:var(--color-text-muted);font-size:11px;font-style:italic}.ot-quote-status,.ot-invoice-status{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.ot-status-confirmed{background:#27ae601a;color:#27ae60}.ot-status-waiting{background:#f39c121a;color:#e67e22}.ot-status-draft{background:#95a5a626;color:#7f8c8d}.ot-status-other{background:#95a5a61a;color:#95a5a6;text-transform:none;font-weight:500}.ot-quote-total,.ot-invoice-total{font-weight:700;white-space:nowrap;font-size:12px;color:var(--color-text)}.ot-quote-date,.ot-invoice-date{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.ot-quote-lines,.ot-invoice-lines{padding:0 var(--space-sm) var(--space-sm) var(--space-lg);border-left:3px solid var(--color-orange);margin-left:18px;margin-bottom:var(--space-xs)}.ot-quote-line,.ot-invoice-line{display:grid;grid-template-columns:80px minmax(60px,1fr) 45px 40px 50px 28px;align-items:center;gap:2px;padding:3px var(--space-xs);border-radius:var(--radius-sm);margin-bottom:1px;transition:background var(--transition-fast),opacity var(--transition-fast);font-size:11px}.ot-quote-line:hover,.ot-invoice-line:hover{background:var(--color-surface-hover)}.ot-quote-line-dim,.ot-invoice-line-dim{opacity:.35}.ot-ql-code{min-width:0;overflow:hidden}.ot-ql-code .badge{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ot-ql-desc{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ot-ql-stock{text-align:center}.ot-ql-qty{font-weight:600;color:var(--color-text-muted);text-align:right;white-space:nowrap}.ot-ql-price{color:var(--color-text-muted);text-align:right;white-space:nowrap}.ot-copy-btn{flex-shrink:0;padding:2px var(--space-xs)!important;min-height:24px!important;font-size:11px!important}.ot-history-toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--color-border-light);background:var(--color-card-bg);flex-shrink:0}.ot-history-search{display:flex;align-items:center;gap:var(--space-xs);flex:1;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:2px var(--space-sm)}.ot-history-search i{color:var(--color-text-muted);font-size:11px}.ot-history-search-input{border:none;outline:none;background:transparent;font-size:var(--font-size-xs);color:var(--color-text);flex:1;min-width:0}.ot-history-search-clear{padding:0 2px;color:var(--color-text-muted);font-size:11px}.ot-history-search-clear:hover{color:var(--color-text)}.ot-history-actions{display:flex;gap:2px;flex-shrink:0}.ot-empty-lines{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.ot-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.ot-loading.sm{padding:var(--space-md)}.ot-inventory-search{margin-bottom:var(--space-md)}.ot-product-list{display:flex;flex-direction:column;gap:2px}.ot-product-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-card-bg);transition:all var(--transition-fast)}.ot-product-item:hover{background:var(--color-border-light)}.ot-product-oos{opacity:.65}.ot-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ot-product-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.ot-stock-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:500}.ot-stock-in{color:var(--color-success)}.ot-stock-out{color:var(--color-danger)}.ot-product-price{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ot-increment-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--color-info);background:var(--color-info-bg);padding:1px 6px;border-radius:var(--radius-full);font-weight:500}.ot-product-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.ot-alternatives-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ot-fade-in .15s ease}.ot-alternatives-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:420px;max-width:90vw;max-height:70vh;overflow-y:auto;animation:ot-scale-in .2s ease}.ot-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.ot-modal-header h3{font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.ot-modal-header h3 i{color:var(--color-orange)}.ot-cart-ref{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.ot-ref-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}.ot-ref-input:focus{outline:none;border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.ot-cart-body{flex:1;overflow-y:auto;padding:0}.ot-cart-items{padding:var(--space-xs) var(--space-sm)}.ot-cart-item{display:flex;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-card-bg);margin-bottom:4px;border:1px solid var(--color-border-light);transition:border-color var(--transition-fast)}.ot-cart-item:hover{border-color:var(--color-border)}.ot-cart-item-oos{border-color:#e74c3c4d;background:#e74c3c08}.ot-cart-item-num{width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:4px}.ot-cart-item-body{flex:1;min-width:0}.ot-cart-item-row{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.ot-cart-item-row:last-child{margin-bottom:0;justify-content:space-between}.ot-cart-code-input{width:120px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;font-size:var(--font-size-xs);font-family:monospace;font-weight:600;background:#fff;color:var(--color-text)}.ot-cart-code-wrap{position:relative;display:flex}.ot-sku-results{position:absolute;top:calc(100% + 2px);left:0;min-width:500px;max-width:min(700px,90vw);max-height:250px;overflow-y:auto;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-sm, 6px);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;z-index:1000;display:flex;flex-direction:column}.ot-sku-result-item{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--color-border-light, #f1f5f9);font-size:var(--font-size-xs, .8rem);transition:background-color .1s ease}.ot-sku-result-item:last-child{border-bottom:none}.ot-sku-result-item:hover,.ot-sku-result-item.active,.ot-sku-result-item.ot-sku-result-item-selected{background:#e8f0fe!important}.ot-sku-result-item.active .badge-code,.ot-sku-result-item.ot-sku-result-item-selected .badge-code{box-shadow:0 0 0 1.5px #0d6efd}.ot-sku-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text, #333333);flex:1;font-weight:400}.ot-sku-stock{margin-left:auto;flex-shrink:0;font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.ot-sku-price{flex-shrink:0;font-weight:600;color:var(--color-text-secondary, #666);font-size:.75rem;margin-left:6px}.ot-quote-edit-inline-btn{padding:1px 7px;font-size:.72rem;font-weight:600;line-height:1.3;border-radius:4px;display:inline-flex;align-items:center;gap:4px;margin-left:6px;background-color:#fff;border:1px solid var(--color-primary, #0d6efd);color:var(--color-primary, #0d6efd);cursor:pointer;transition:all .15s ease}.ot-quote-edit-inline-btn:hover{background-color:var(--color-primary, #0d6efd);color:#fff}.ot-cart-code-input:focus,.ot-cart-desc-input:focus,.ot-cart-qty-input:focus,.ot-cart-price-input:focus{outline:none;border-color:var(--color-orange)}#ot-primary-action-btn:focus-visible,#ot-primary-action-btn:focus{outline:3px solid var(--color-orange, #ff6600)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #ff660040!important}.ot-cart-desc-input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;font-size:var(--font-size-xs);font-family:inherit;background:#fff;color:var(--color-text);min-width:0;resize:none;overflow:hidden;line-height:1.4}.ot-cart-qty-group,.ot-cart-price-group,.ot-cart-discount-group{display:flex;align-items:center;gap:3px}.ot-cart-qty-group label,.ot-cart-price-group label,.ot-cart-discount-group label{font-size:10px;color:var(--color-text-muted);font-weight:500}.ot-cart-qty-input{width:50px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 4px;font-size:var(--font-size-xs);text-align:center;background:#fff;color:var(--color-text)}.ot-cart-price-input{width:65px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 4px;font-size:var(--font-size-xs);text-align:right;background:#fff;color:var(--color-text)}.ot-cart-discount-input{width:50px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 4px;font-size:var(--font-size-xs);text-align:center;background:#fff;color:var(--color-text)}.ot-cart-line-total{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);white-space:nowrap;min-width:56px;text-align:right}.ot-cart-remove{color:var(--color-text-muted)!important}.ot-cart-remove:hover{color:var(--color-danger)!important}.ot-vat-select-wrap{display:flex;align-items:center;gap:var(--space-sm)}.ot-vat-select{font-size:var(--font-size-xs);padding:2px 20px 2px 6px;background-position:right 6px center;background-color:transparent;border:none;font-weight:700;cursor:pointer;color:var(--color-text)}.ot-vat-select:focus{outline:none;border-bottom:2px solid var(--color-orange)}.ot-increment-warning{font-size:10px;color:var(--color-warning);font-weight:500;display:flex;align-items:center;gap:3px;white-space:nowrap}.ot-add-line{margin:0 var(--space-md) var(--space-sm);width:calc(100% - var(--space-md) * 2);border-style:dashed}.ot-cart-totals{padding:var(--space-md);border-top:1px solid var(--color-border-light);background:var(--color-card-bg)}.ot-total-row{display:flex;justify-content:space-between;padding:3px 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ot-total-grand{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);border-top:2px solid var(--color-navy);padding-top:var(--space-sm);margin-top:var(--space-xs)}.ot-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:0 var(--space-md);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.ot-success-card{margin:var(--space-sm) var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#27ae600f,#27ae6005);border:1px solid rgba(39,174,96,.2);border-radius:var(--radius-md)}.ot-success-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-success);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.ot-success-detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;margin-bottom:var(--space-sm)}.ot-proposal-actions,.ot-quote-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.ot-btn-whatsapp{background:#25d366;color:#fff!important}.ot-btn-whatsapp:hover{background:#1da657}.ot-btn-email{background:var(--color-info);color:#fff!important}.ot-btn-email:hover{background:#2386c4}.ot-btn-stripe{background:#635bff;color:#fff!important}.ot-btn-stripe:hover{background:#524de8}.ot-checkout-actions-container{padding:var(--space-md);border-top:1px solid var(--color-border-light);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-md)}.ot-action-section-title{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--color-text-muted);letter-spacing:.8px;margin-bottom:6px;border-bottom:1px solid var(--color-border-light);padding-bottom:4px}.ot-synced-status-card{background:linear-gradient(135deg,#27ae600f,#27ae6005);border:1px solid rgba(39,174,96,.2);border-radius:var(--radius-md);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.ot-synced-status-info{display:flex;flex-direction:column;gap:2px}.ot-synced-status-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-success);display:flex;align-items:center;gap:var(--space-xs)}.ot-synced-status-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ot-synced-status-card .btn-view{font-size:11px;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);background:#fff!important;padding:4px 8px;border-radius:var(--radius-sm);text-decoration:none;display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-sm);transition:all var(--transition-fast) ease}.ot-synced-status-card .btn-view:hover{background:var(--color-surface-hover)!important;border-color:var(--color-border-dark);color:var(--color-text-dark)}.ot-unsaved-warning-card{background:#f39c120f;border:1px solid rgba(243,156,18,.2);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.ot-unsaved-warning-text{font-size:var(--font-size-xs);color:var(--color-warning);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.ot-primary-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.ot-secondary-action-grid{display:flex;gap:var(--space-sm);justify-content:space-between}.ot-secondary-action-grid .btn{flex:1;justify-content:center}.ot-link-actions-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xs);border-top:1px dashed var(--color-border-light)}.ot-link-actions-row .btn-link{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast) ease}.ot-link-actions-row .btn-link:hover{color:var(--color-text-secondary)}.ot-link-actions-row .btn-link.btn-danger-link:hover{color:var(--color-danger)}.ot-btn-card{padding:12px 10px;flex-direction:column;gap:6px;font-size:13px;display:flex;align-items:center;justify-content:center}.ot-btn-card.btn-warning{color:#fff}@media(max-width:500px){.ot-primary-action-grid{grid-template-columns:1fr!important;gap:8px!important}.ot-secondary-action-grid{flex-direction:column!important;gap:8px!important}.ot-btn-card{flex-direction:row!important;padding:10px!important;font-size:14px!important;gap:8px!important}}.ot-checkout-modal{width:500px}.ot-checkout-body{padding:var(--space-xl)}.ot-checkout-amount{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--color-card-bg);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.ot-checkout-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ot-checkout-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.ot-checkout-info{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--color-info-bg);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-info);margin-bottom:var(--space-md)}.ot-checkout-info code{background:#3498db1a;padding:1px 4px;border-radius:3px;font-size:10px}.ot-checkout-secret{padding:var(--space-sm) var(--space-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow-x:auto}.ot-checkout-secret code{font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all}.ot-checkout-note{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}@keyframes ot-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ot-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.ot-context-panel{flex-direction:column;margin:0 var(--space-md) var(--space-sm)}.ot-context-panel .ot-panel-header,.ot-selected-account{border-right:none;border-bottom:1px solid var(--color-border-light)}.ot-account-details{flex-wrap:wrap;padding:var(--space-sm) var(--space-md)}.ot-container{flex-direction:column;overflow-y:auto}.ot-picker-panel,.ot-cart-panel{min-height:50vh}}.msg-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.msg-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);flex-shrink:0;background:var(--color-surface)}.msg-title-section h1{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.msg-title-section h1 i{color:#25d366;font-size:1.3em}.msg-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-xs) 0 0}.msg-count-badge{display:inline-flex;align-items:center;background:var(--color-navy);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-sm);letter-spacing:.3px}.msg-refresh-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.msg-refresh-btn:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.msg-split{flex:1;display:flex;min-height:0;overflow:hidden}.msg-list-pane{width:340px;min-width:280px;max-width:400px;border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;background:var(--color-surface);flex-shrink:0}.msg-search-container{position:relative;padding:var(--space-md);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.msg-search-icon{position:absolute;left:calc(var(--space-md) + 12px);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none}.msg-search{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 36px;border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color .15s}.msg-search:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.msg-conversations{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.msg-conv-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:none;border-bottom:1px solid var(--color-border-light);background:none;cursor:pointer;text-align:left;transition:background .12s ease;position:relative}.msg-conv-item:hover{background:var(--color-bg)}.msg-conv-item.active{background:#25d36614;border-left:3px solid #25d366}.msg-conv-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;flex-shrink:0;letter-spacing:-.5px}.msg-conv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.msg-conv-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.msg-conv-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-time{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.msg-conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.msg-conv-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.msg-conv-sent{font-size:10px;color:#25d366;margin-right:2px}.msg-conv-account{font-size:10px;color:var(--color-text-muted);background:var(--color-bg);padding:1px 6px;border-radius:var(--radius-sm);flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-unread{width:20px;height:20px;border-radius:var(--radius-full);background:#25d366;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-3xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.msg-empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--color-text-muted)}.msg-empty-list i{font-size:4rem;color:#25d366;opacity:.3;margin-bottom:var(--space-lg)}.msg-empty-list p{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary)}.msg-empty-sub{font-size:var(--font-size-sm)!important;font-weight:400!important;margin-top:var(--space-sm)!important;color:var(--color-text-muted)!important;max-width:260px;line-height:1.5}.msg-chat-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:#efeae2;position:relative}.msg-chat-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23d4cfc4' opacity='0.4'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3Ccircle cx='60' cy='60' r='1'/%3E%3Ccircle cx='100' cy='30' r='1.2'/%3E%3Ccircle cx='140' cy='80' r='0.8'/%3E%3Ccircle cx='180' cy='50' r='1.3'/%3E%3Ccircle cx='220' cy='90' r='1'/%3E%3Ccircle cx='260' cy='40' r='1.5'/%3E%3Ccircle cx='300' cy='70' r='0.9'/%3E%3Ccircle cx='340' cy='20' r='1.1'/%3E%3Ccircle cx='380' cy='60' r='1.4'/%3E%3Ccircle cx='40' cy='120' r='1'/%3E%3Ccircle cx='80' cy='160' r='1.3'/%3E%3Ccircle cx='120' cy='140' r='0.8'/%3E%3Ccircle cx='160' cy='180' r='1.2'/%3E%3Ccircle cx='200' cy='150' r='1'/%3E%3Ccircle cx='240' cy='130' r='1.5'/%3E%3Ccircle cx='280' cy='170' r='0.9'/%3E%3Ccircle cx='320' cy='110' r='1.1'/%3E%3Ccircle cx='360' cy='190' r='1'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.msg-no-chat{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.msg-no-chat-inner{text-align:center;color:var(--color-text-muted);background:#ffffffd9;padding:var(--space-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.msg-no-chat-inner i{font-size:5rem;color:#25d366;opacity:.4;display:block;margin-bottom:var(--space-lg)}.msg-no-chat-inner h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-sm)}.msg-no-chat-inner p{font-size:var(--font-size-sm);margin:0}.msg-chat-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-shrink:0;position:relative;z-index:2}.msg-back-btn{display:none;width:32px;height:32px;border-radius:var(--radius-full);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.msg-chat-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:700;flex-shrink:0}.msg-chat-contact{display:flex;flex-direction:column;min-width:0}.msg-chat-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.msg-chat-phone{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.msg-account-link{border:none;background:var(--color-navy);color:#fff;font-size:10px;padding:1px 8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:opacity .15s}.msg-account-link:hover{opacity:.85}.msg-chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);position:relative;z-index:1}.msg-date-sep{display:flex;align-items:center;justify-content:center;padding:var(--space-md) 0}.msg-date-sep span{background:#ffffffe6;padding:4px 16px;border-radius:var(--radius-lg);font-size:11px;font-weight:500;color:var(--color-text-secondary);box-shadow:0 1px 3px #00000014}.msg-bubble-row{display:flex;margin-bottom:2px}.msg-bubble-row.inbound{justify-content:flex-start}.msg-bubble-row.outbound{justify-content:flex-end}.msg-bubble{max-width:65%;padding:var(--space-sm) var(--space-md);border-radius:12px;position:relative;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 1px 2px #00000014}.msg-bubble.inbound{background:#fff;border-top-left-radius:4px;color:var(--color-text)}.msg-bubble.outbound{background:#dcf8c6;border-top-right-radius:4px;color:#111}.msg-bubble-body{font-size:var(--font-size-sm);line-height:1.45;white-space:pre-wrap}.msg-media-icon{font-size:var(--font-size-lg);display:block;margin-bottom:var(--space-xs)}.msg-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px}.msg-bubble-time{font-size:10px;color:#0006;white-space:nowrap}.msg-status{font-size:12px;color:#0000004d}.msg-status.delivered{color:#0006}.msg-status.read{color:#53bdeb}.msg-status.failed{color:var(--color-danger)}.msg-reply-bar{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border-light);flex-shrink:0;position:relative;z-index:2}.msg-reply-input{flex:1;resize:none;border:1px solid var(--color-border-light);border-radius:20px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-bg);color:var(--color-text);outline:none;min-height:40px;max-height:120px;line-height:1.4;transition:border-color .15s}.msg-reply-input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.msg-send-btn{width:42px;height:42px;border-radius:var(--radius-full);border:none;background:#25d366;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);flex-shrink:0;transition:background .15s,transform .1s}.msg-send-btn:hover:not(:disabled){background:#128c7e;transform:scale(1.05)}.msg-send-btn:disabled{background:#b8d8c0;cursor:default}.msg-attach-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:color .15s,background .15s}.msg-attach-btn:hover{background:var(--color-bg);color:var(--color-text)}.msg-pending-file{position:absolute;top:-40px;left:var(--space-lg);background:#fffffff2;padding:4px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border-light);z-index:3}.msg-pending-file button{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:14px}.msg-media-image{max-width:100%;max-height:250px;border-radius:var(--radius-sm);display:block;margin-bottom:6px;object-fit:cover}.msg-media-doc{display:flex;align-items:center;gap:8px;padding:8px;background:#0000000d;border-radius:var(--radius-sm);text-decoration:none;color:inherit;margin-bottom:6px}.msg-media-doc i{font-size:24px;color:#d32f2f}.msg-media-loading{display:flex;justify-content:center;align-items:center;height:100px;color:var(--color-text-tertiary);font-size:20px}.msg-status.sending{color:#0000004d}@media(max-width:900px){.msg-header{padding:var(--space-md)}.msg-title-section h1{font-size:var(--font-size-lg)}.msg-split{position:relative}.msg-list-pane{width:100%;max-width:none;min-width:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;transition:transform .25s ease}.msg-list-hidden-mobile{transform:translate(-100%);pointer-events:none}.msg-chat-pane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;transition:transform .25s ease}.msg-chat-hidden-mobile{transform:translate(100%);pointer-events:none}.msg-back-btn{display:flex}.msg-bubble{max-width:85%}.msg-chat-messages{padding:var(--space-md)}.msg-reply-bar{padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.msg-bubble{max-width:90%}.msg-conv-avatar{width:38px;height:38px;font-size:var(--font-size-base)}.msg-conv-item{padding:var(--space-sm) var(--space-md)}.msg-reply-input{font-size:16px}}@media(max-width:900px){.sidebar-nav{gap:2px}.sidebar-link{min-width:65px;font-size:11px;padding:var(--space-sm) 4px}.sidebar-link i{font-size:1.5rem;margin-bottom:4px}.sidebar-user{width:34px!important;height:34px!important;font-size:12px!important}body:has(.msg-page){overflow:hidden!important;height:100dvh;width:100%;position:fixed}.app-layout:has(.msg-page){height:100dvh!important;display:flex;flex-direction:column;overflow:hidden}.main-content:has(.msg-page){flex:1!important;height:auto!important;min-height:0!important;overflow:hidden!important;display:flex;flex-direction:column}.msg-page{flex:1;min-height:0}}@media(max-width:480px){.sidebar-link{min-width:70px;padding:6px 2px!important}.sidebar-link i{font-size:1.7rem;margin-bottom:2px}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0a0f19d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:callFadeIn .3s ease-out}.call-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-3xl) var(--space-2xl);animation:callSlideUp .4s cubic-bezier(.16,1,.3,1);width:100%;max-width:340px}.call-ring-outer{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.call-ring-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);border:2px solid rgba(37,211,102,.4);animation:callPulseRing 2s cubic-bezier(0,0,.2,1) infinite}.call-ring-pulse-2{animation-delay:.8s}.call-avatar-circle{width:88px;height:88px;border-radius:var(--radius-full);background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #25d3664d;position:relative;z-index:1}.call-avatar-initials{color:#fff;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:1px}.call-avatar-icon{color:#fff;font-size:2rem}.call-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.call-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:1.5px}.call-contact-name{font-size:1.5rem;font-weight:700;color:#fff;margin-top:var(--space-xs)}.call-phone-number{font-size:var(--font-size-base);color:#ffffff73;font-variant-numeric:tabular-nums}.call-timer{font-size:var(--font-size-sm);color:#ffffff59;font-variant-numeric:tabular-nums;font-family:monospace;letter-spacing:2px;margin-top:var(--space-sm)}.call-buttons{display:flex;align-items:center;justify-content:center;gap:64px;margin-top:var(--space-xl)}.call-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.call-btn span{font-size:var(--font-size-xs);font-weight:500;color:#ffffffb3;letter-spacing:.5px}.call-btn-icon-wrap{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.call-btn:active .call-btn-icon-wrap{transform:scale(.9)}.call-btn-icon-decline{background:var(--color-danger);color:#fff;box-shadow:0 4px 20px #e74c3c66}.call-btn-icon-decline:hover{box-shadow:0 4px 24px #e74c3c99}.call-btn-icon-accept{background:#25d366;color:#fff;box-shadow:0 4px 20px #25d36666;animation:callAcceptPulse 1.5s ease-in-out infinite}.call-btn-icon-accept:hover{box-shadow:0 4px 24px #25d36699}@keyframes callFadeIn{0%{opacity:0}to{opacity:1}}@keyframes callSlideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes callPulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes callAcceptPulse{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d366b3}}.msg-special-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin:2px 0;font-size:var(--font-size-sm)}.msg-special-card.msg-template-card{flex-direction:column;align-items:stretch;padding:var(--space-md);background:#0000000a;border:1px solid rgba(0,0,0,.06)}.outbound .msg-special-card.msg-template-card{background:#ffffff1f;border-color:#ffffff1a}.msg-special-card-header{display:flex;align-items:center;gap:var(--space-sm)}.msg-special-card-header i{font-size:1.1em;opacity:.7;flex-shrink:0}.msg-special-card-header strong{display:block;font-size:var(--font-size-xs);opacity:.7;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.msg-special-card-header span{font-size:var(--font-size-sm);font-weight:500}.msg-special-card-body{font-size:var(--font-size-sm);opacity:.95;border-top:1px solid rgba(0,0,0,.08);padding-top:var(--space-sm);margin-top:var(--space-xs);line-height:1.5;white-space:pre-line}.outbound .msg-special-card-body{border-top-color:#ffffff26}.msg-special-card.msg-action-card{background:#25d36614;border:1px solid rgba(37,211,102,.15);color:inherit}.msg-special-card.msg-action-card i{color:#25d366;font-size:.9em}.outbound .msg-special-card.msg-action-card{background:#ffffff1a;border-color:#ffffff26}.msg-special-card.msg-interactive-card{background:#3498db14;border:1px solid rgba(52,152,219,.15);font-style:italic}.msg-special-card.msg-interactive-card i{color:var(--color-info);font-size:.9em}.msg-reaction-card{display:flex;align-items:center;justify-content:center;padding:2px 0}.msg-reaction-emoji{font-size:2rem;line-height:1}.active-call-panel{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:9998;background:var(--color-navy);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff14;overflow:hidden;display:flex;flex-direction:column;width:280px;color:#fff;animation:callSlideUp .3s ease-out}.active-call-info{padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.active-call-details{display:flex;flex-direction:column;gap:2px;min-width:0}.active-call-name{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-call-status{font-size:var(--font-size-xs);color:#ffffff80;display:flex;align-items:center;gap:4px}.active-call-dot{font-size:6px;color:#25d366;animation:callDotPulse 1.5s ease-in-out infinite}@keyframes callDotPulse{0%,to{opacity:1}50%{opacity:.3}}.active-call-timer{font-family:monospace;font-size:var(--font-size-sm);color:#25d366;font-weight:500;letter-spacing:1px;flex-shrink:0}.active-call-controls{padding:var(--space-md) var(--space-lg);display:flex;justify-content:center;gap:var(--space-lg);background:var(--color-navy-light)}.active-call-action-btn{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all var(--transition-fast);background:var(--color-navy-lighter);color:#fffc;font-size:1rem}.active-call-action-btn:hover{background:#ffffff26}.active-call-action-btn.muted{background:var(--color-danger);color:#fff}.active-call-action-btn.end-call{background:var(--color-danger);color:#fff;box-shadow:0 2px 12px #e74c3c66}.active-call-action-btn.end-call:hover{background:#c0392b}.msg-chat-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.msg-call-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:1rem;transition:all var(--transition-fast);box-shadow:0 2px 8px #25d3664d}.msg-call-btn:hover{background:#128c7e;box-shadow:0 2px 12px #25d36680;transform:scale(1.05)}.msg-call-btn:active{transform:scale(.95)}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.job-photos-section{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;margin-top:var(--space-lg)}.branding-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-md);padding:var(--space-md)}.branding-gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border-light);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.branding-gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.branding-gallery-img{width:100%;height:100%;object-fit:cover}.branding-gallery-badge{position:absolute;bottom:0;left:0;right:0;background:#1a2332bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 6px;display:flex;flex-direction:column;gap:2px;font-size:10px;pointer-events:none}.branding-gallery-badge .badge-code{background:var(--color-info);padding:1px 4px;border-radius:2px;width:fit-content;font-size:9px}.branding-gallery-badge .badge-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.branding-gallery-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:var(--radius-full);background:#e74c3ce6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;border:none;opacity:0;transition:opacity var(--transition-fast)}.branding-gallery-item:hover .branding-gallery-delete{opacity:1}.btn-line-photo{width:28px;height:28px;border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--transition-fast)}.btn-line-photo:hover{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.btn-line-photo.loading{background:var(--color-info-bg);border-color:transparent}.photo-edit-modal{max-width:500px;width:90%}.line-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);max-height:300px;overflow-y:auto;padding:2px}.line-picker-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast)}.line-picker-item:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.line-picker-item.active{background:var(--color-info-bg);border-color:var(--color-info);box-shadow:0 0 0 1px var(--color-info)}.line-picker-name{font-size:10px;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.photo-lightbox-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px 28px;background:linear-gradient(transparent,#000000a6);pointer-events:auto;z-index:10}.photo-lightbox-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.photo-lightbox-badge{background:#fff3;color:#fff;font-size:11px;font-weight:600;font-family:JetBrains Mono,monospace;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.photo-lightbox-note{color:#ffffffe6;font-size:var(--font-size-sm);text-align:center;max-width:300px}.photo-lightbox-link-btn{background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:10px 24px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s,transform .15s}.photo-lightbox-link-btn:hover{background:#fff3}.photo-lightbox-link-btn:active{background:#ffffff47;transform:scale(.97)}.ot-discount-row{color:var(--color-danger);font-weight:500}.ot-discount-select-wrap{display:flex;align-items:center;gap:8px}.ot-discount-input-wrap{display:flex;align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;padding:0 4px}.ot-discount-input{width:40px;border:none;background:transparent;padding:2px;font-size:13px;font-weight:600;color:var(--color-danger);text-align:right}.ot-discount-input:focus{outline:none}.ot-discount-input-wrap .ot-unit{font-size:11px;opacity:.6}.ot-discount-value{font-family:JetBrains Mono,monospace}.ot-total-row.ot-total-grand{border-top:2px solid var(--color-border);padding-top:12px;margin-top:8px;color:var(--color-navy);font-size:1.1rem;font-weight:700!important}.hd-page{padding:0 var(--space-xl) var(--space-3xl);max-width:1400px;margin:0 auto}.hd-overall-dot{width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0}.hd-overall-healthy{background:#27ae60;box-shadow:0 0 8px #27ae6080;animation:hd-pulse-green 2s ease-in-out infinite}.hd-overall-warning{background:#f39c12;box-shadow:0 0 8px #f39c1280;animation:hd-pulse-amber 2s ease-in-out infinite}.hd-overall-critical{background:#e74c3c;box-shadow:0 0 8px #e74c3c80;animation:hd-pulse-red 1.5s ease-in-out infinite}.hd-overall-inactive{background:#95a5a6}@keyframes hd-pulse-green{0%,to{box-shadow:0 0 4px #27ae6066}50%{box-shadow:0 0 14px #27ae60b3}}@keyframes hd-pulse-amber{0%,to{box-shadow:0 0 4px #f39c1266}50%{box-shadow:0 0 14px #f39c12b3}}@keyframes hd-pulse-red{0%,to{box-shadow:0 0 4px #e74c3c66}50%{box-shadow:0 0 14px #e74c3cb3}}.hd-summary-banner{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-bottom:var(--space-xl);flex-wrap:wrap}.hd-summary-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.hd-summary-value{font-size:var(--font-size-xl);font-weight:700;font-family:JetBrains Mono,monospace}.hd-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.hd-summary-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.hd-summary-oauth{margin-left:auto;display:flex;gap:var(--space-sm);flex-wrap:wrap}.hd-oauth-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.hd-oauth-badge i{font-size:11px}.hd-oauth-status{opacity:.8;font-weight:400}.hd-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;flex-shrink:0}.hd-status-pill i{font-size:11px}.hd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.hd-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-normal)}.hd-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hd-card-critical{border-left:3px solid #e74c3c}.hd-card-warning{border-left:3px solid #f39c12}.hd-card-healthy{border-left:3px solid #27ae60}.hd-card-inactive{border-left:3px solid #bdc3c7}.hd-card-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);cursor:pointer}.hd-card-icon{width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.hd-card-title-block{flex:1;min-width:0}.hd-card-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin:0}.hd-card-last-run{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:4px;margin-top:2px}.hd-card-last-run i{font-size:10px}.hd-card-metrics{display:flex;gap:0;padding:0 var(--space-lg);margin-bottom:var(--space-md)}.hd-metric{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) 0}.hd-metric-value{font-size:var(--font-size-lg);font-weight:700;font-family:JetBrains Mono,monospace}.hd-metric-success .hd-metric-value{color:#27ae60}.hd-metric-warning .hd-metric-value{color:#f39c12}.hd-metric-error .hd-metric-value{color:#e74c3c}.hd-metric-clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:opacity .15s,text-shadow .15s}.hd-metric-clickable:hover{opacity:.8;text-shadow:0 0 8px currentColor}.hd-metric-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.hd-metric-chart{display:flex;flex-direction:column;align-items:center;min-width:120px}.hd-card-message{display:flex;align-items:flex-start;gap:8px;padding:var(--space-sm) var(--space-lg);margin:0 var(--space-md) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);line-height:1.4}.hd-card-message i{flex-shrink:0;margin-top:2px}.hd-card-message-error{background:#e74c3c0f;color:#c0392b;border:1px solid rgba(231,76,60,.15)}.hd-card-message-warning{background:#f39c120f;color:#d68910;border:1px solid rgba(243,156,18,.15)}.hd-card-message-success{background:#27ae600f;color:#1e8449;border:1px solid rgba(39,174,96,.15)}.hd-card-jobs{padding:0 var(--space-lg) var(--space-sm)}.hd-card-jobs-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-weight:600}.hd-job-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border-light)}.hd-job-row:last-child{border-bottom:none}.hd-job-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.hd-job-trigger{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;background:#e67e2214;color:var(--color-orange);border:1px solid rgba(230,126,34,.2);cursor:pointer;transition:all var(--transition-fast)}.hd-job-trigger:hover:not(:disabled){background:var(--color-orange);color:#fff}.hd-job-trigger:disabled{opacity:.6;cursor:not-allowed}.hd-card-expand{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-hover);border-top:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast)}.hd-card-expand:hover{color:var(--color-text);background:var(--color-border-light)}.hd-system-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.hd-system-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:var(--space-lg);overflow:hidden}.hd-system-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.hd-system-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.hd-system-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin:0}.hd-system-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.hd-source-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;background:#3498db1f;color:#3498db;margin-left:4px}.hd-server-card{background:var(--color-navy);color:#fff}.hd-server-card .hd-system-title{color:#fff}.hd-server-card .hd-system-subtitle{color:#ffffff80}.hd-server-body{display:flex;align-items:center;gap:var(--space-xl)}.hd-server-stats{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.hd-server-stat{display:flex;justify-content:space-between;align-items:center}.hd-server-stat-label{font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}.hd-server-stat-value{font-size:var(--font-size-sm);font-weight:600;font-family:JetBrains Mono,monospace;color:#ffffffe6}.hd-backup-stats{display:flex;gap:var(--space-lg);flex-wrap:wrap}.hd-backup-stat{display:flex;flex-direction:column;gap:2px}.hd-backup-stat-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);font-family:JetBrains Mono,monospace}.hd-backup-stat-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.hd-kopia-log{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-card-bg);border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--color-text-secondary);line-height:1.5;white-space:pre-wrap;overflow-x:auto;max-height:100px;border:1px solid var(--color-border-light)}.hd-backup-sources{padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.hd-backup-source-row{background:var(--color-card-bg);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-light)}.hd-backup-source-header{display:flex;align-items:center;gap:4px;margin-bottom:6px}.hd-backup-source-path{font-weight:600;font-size:13px;flex:1}.hd-backup-source-status{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.5px}.hd-backup-status-idle{background:#27ae601f;color:#27ae60}.hd-backup-status-uploading,.hd-backup-status-hashing{background:#3498db1f;color:#3498db}.hd-backup-source-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:11px;color:var(--color-text-secondary)}.hd-backup-source-meta i{margin-right:3px;opacity:.6}.hd-alert-groups{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.hd-alert-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.hd-alert-toggle:hover{border-color:var(--color-orange);background:var(--color-surface-hover)}.hd-alert-toggle input[type=checkbox]{accent-color:var(--color-orange);width:15px;height:15px}.hd-alert-toggle-label{display:flex;align-items:center;gap:6px;font-weight:500}.hd-alert-toggle-label i{font-size:13px}.hd-alert-warning-toggle{width:100%;margin-top:var(--space-xs)}.hd-alert-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.hd-test-result{display:flex;align-items:center;gap:8px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--space-md);animation:hd-fade-in .3s ease}.hd-test-success{background:#27ae6014;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.hd-test-fail{background:#e74c3c14;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}@keyframes hd-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hd-failures-section{margin-bottom:var(--space-2xl)}.hd-failures-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.hd-failures-toggle:hover{box-shadow:var(--shadow-md)}.hd-failures-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:var(--radius-full);background:#e74c3c1f;color:#e74c3c;font-size:var(--font-size-xs);font-weight:700;margin-left:auto}.hd-failures-table-wrap{max-height:400px;overflow-y:auto;margin-top:var(--space-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);animation:hd-fade-in .3s ease}.hd-failures-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.hd-failures-table thead{background:var(--color-card-bg);position:sticky;top:0;z-index:1}.hd-failures-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.hd-failures-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}.hd-fail-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.hd-fail-badge-error{background:#e74c3c1f;color:#e74c3c}.hd-fail-badge-warning{background:#f39c121f;color:#f39c12}.hd-fail-job{font-weight:500;color:var(--color-text);white-space:nowrap}.hd-fail-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.hd-fail-msg{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:11px}.hd-fail-time{white-space:nowrap;color:var(--color-text-muted);font-size:var(--font-size-xs)}@media(max-width:768px){.hd-grid,.hd-system-row{grid-template-columns:1fr}.hd-summary-banner{flex-direction:column;gap:var(--space-md)}.hd-summary-divider{width:100%;height:1px}.hd-summary-oauth{margin-left:0}.hd-server-body{flex-direction:column;align-items:stretch}.hd-disk-gauge{margin:0 auto}}.eq-page{padding:0 var(--space-xl) var(--space-3xl);max-width:1200px}.eq-header-badge{display:inline-flex;align-items:center;justify-content:center;background:#e74c3c;color:#fff;font-size:var(--font-size-sm);font-weight:700;min-width:28px;height:28px;padding:0 8px;border-radius:var(--radius-full);animation:hd-pulse-red 1.5s ease-in-out infinite}.eq-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:0 var(--space-xl);margin-bottom:var(--space-xl)}.eq-summary-card{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.eq-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.eq-summary-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.eq-summary-info{display:flex;flex-direction:column}.eq-summary-value{font-size:var(--font-size-xl);font-weight:700;line-height:1.1}.eq-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.eq-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:0 var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap}.eq-filter-pills{display:flex;gap:4px;background:var(--color-surface);border-radius:var(--radius-lg);padding:4px;border:1px solid var(--color-border-light)}.eq-filter-pill{padding:6px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.eq-filter-pill:hover{color:var(--color-text);background:var(--color-surface-hover)}.eq-filter-pill-active{background:var(--color-orange);color:#fff}.eq-filter-pill-active:hover{background:var(--color-orange-dark);color:#fff}.eq-results-count{padding:0 var(--space-xl);margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.eq-list{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-xl)}.eq-card{display:flex;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-fast)}.eq-card:hover{box-shadow:var(--shadow-md)}.eq-card-resolved{opacity:.65}.eq-card-resolved:hover{opacity:.85}.eq-card-stripe{width:4px;flex-shrink:0}.eq-card-body{flex:1;padding:var(--space-lg) var(--space-xl);min-width:0}.eq-card-header{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer}.eq-card-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;flex-shrink:0}.eq-card-title-block{flex:1;min-width:0}.eq-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0;line-height:1.3}.eq-card-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:4px;flex-wrap:wrap}.eq-card-category-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.eq-card-category-badge i{font-size:9px}.eq-card-source-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:var(--radius-full)}.eq-card-time{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.eq-card-time i{font-size:10px}.eq-card-expand-icon{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:6px;flex-shrink:0;transition:color var(--transition-fast)}.eq-card-header:hover .eq-card-expand-icon{color:var(--color-text)}.eq-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-sm);line-height:1.5;white-space:pre-wrap}.eq-card-description-truncated{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eq-payload{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.eq-payload-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0}.eq-payload-row+.eq-payload-row{border-top:1px solid var(--color-border-light)}.eq-payload-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;width:100px;flex-shrink:0;padding-top:2px}.eq-payload-list{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm)}.eq-payload-list li:before{margin-right:6px;font-size:10px}.eq-payload-list-positive li:before{content:"✓";color:var(--color-success)}.eq-payload-list-negative li:before{content:"✗";color:var(--color-danger)}.eq-payload-code{font-family:SF Mono,monospace;font-size:var(--font-size-xs);background:#0000000f;padding:2px 8px;border-radius:var(--radius-sm)}.eq-payload-confidence{font-weight:600;font-size:var(--font-size-sm)}.eq-confidence-high{color:#27ae60}.eq-confidence-medium{color:#f39c12}.eq-confidence-low{color:#e74c3c}.eq-payload-diff{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.eq-diff-row{flex:1;display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.eq-diff-crm{background:#3498db14}.eq-diff-external{background:#f39c1214}.eq-diff-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.eq-diff-value{font-family:SF Mono,monospace;font-size:var(--font-size-sm);font-weight:500}.eq-diff-arrow{color:var(--color-text-muted);flex-shrink:0}.eq-payload-tags{display:flex;gap:4px;flex-wrap:wrap}.eq-payload-tag{font-size:var(--font-size-xs);padding:2px 8px;background:#e67e221a;color:#d35400;border-radius:var(--radius-full);font-weight:500}.eq-payload-error{font-size:var(--font-size-sm);color:var(--color-danger);font-family:SF Mono,monospace}.eq-resolution-box{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:#27ae600f;border:1px solid rgba(39,174,96,.2);border-radius:var(--radius-lg)}.eq-resolution-header{font-size:var(--font-size-sm);font-weight:600;color:#27ae60;display:flex;align-items:center;gap:6px}.eq-resolution-time{font-weight:400;color:var(--color-text-muted)}.eq-resolution-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px;white-space:pre-wrap}.eq-card-actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.eq-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.eq-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.eq-modal-create{max-width:560px}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.eq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light)}.eq-modal-header h3{font-size:var(--font-size-md);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.eq-modal-body{padding:var(--space-xl)}.eq-modal-title{font-weight:600;margin-bottom:var(--space-lg);color:var(--color-text)}.eq-modal-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;margin-top:var(--space-md)}.eq-modal-label:first-child{margin-top:0}.eq-modal-textarea{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);resize:vertical;min-height:80px;transition:border-color var(--transition-fast);color:var(--color-text)}.eq-modal-textarea:focus{outline:none;border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.eq-modal-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:var(--touch-target);color:var(--color-text);transition:border-color var(--transition-fast)}.eq-modal-input:focus{outline:none;border-color:var(--color-orange);box-shadow:var(--shadow-focus)}.eq-modal-row{display:flex;gap:var(--space-md)}.eq-modal-field{flex:1}.eq-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-light)}.eq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center}.eq-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,#27ae60,#1e8449);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;margin-bottom:var(--space-xl);box-shadow:0 8px 24px #27ae604d}.eq-empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.eq-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.eq-summary-row{grid-template-columns:repeat(2,1fr);padding:0 var(--space-md)}.eq-list,.eq-filters,.eq-results-count{padding:0 var(--space-md)}.eq-filters{flex-direction:column;align-items:stretch}.eq-payload-diff{flex-direction:column}.eq-modal{margin:var(--space-md)}}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;z-index:2000;animation:fadeIn .15s ease;padding-top:12vh}.cp-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;width:560px;max-width:92vw;max-height:70vh;display:flex;flex-direction:column;animation:cpSlideDown .2s ease;overflow:hidden}@keyframes cpSlideDown{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-input-row{display:flex;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);gap:var(--space-md)}.cp-input-icon{color:var(--color-text-muted);font-size:var(--font-size-md);flex-shrink:0}.cp-input{border:none;outline:none;background:transparent;flex:1;font-size:var(--font-size-md);color:var(--color-text);padding:0;line-height:1.5}.cp-input::placeholder{color:var(--color-text-muted)}.cp-results{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.cp-header{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-xs)}.cp-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);cursor:pointer;transition:background var(--transition-fast)}.cp-item:hover,.cp-item.cp-selected{background:var(--color-surface-hover)}.cp-item.cp-selected{background:#e67e2214}.cp-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.cp-selected .cp-item-icon{background:var(--color-orange);color:#fff}.cp-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.cp-item-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-item-sublabel{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-item-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-info-bg);color:var(--color-info);white-space:nowrap}.cp-item-type{font-size:10px;color:var(--color-text-muted);text-transform:capitalize;white-space:nowrap}.cp-highlight{background:#e67e2233;color:var(--color-orange-dark);border-radius:2px;padding:0 1px}.cp-loading,.cp-empty{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.cp-loading i{margin-right:var(--space-sm)}.cp-footer{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-sm) var(--space-xl);border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-muted)}.cp-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 5px;border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);font-size:10px;font-family:var(--font-family);font-weight:500;color:var(--color-text-secondary);line-height:1.4;box-shadow:0 1px #0000000f}.cp-kbd-enter{margin-left:auto}.cs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease}.cs-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:480px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .25s ease;overflow:hidden}.cs-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-border-light)}.cs-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);display:flex;align-items:center}.cs-body{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl)}.cs-group{margin-bottom:var(--space-xl)}.cs-group:last-child{margin-bottom:0}.cs-group-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.cs-shortcuts{display:flex;flex-direction:column;gap:var(--space-xs)}.cs-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0}.cs-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}.cs-then{font-size:10px;color:var(--color-text-muted);font-style:italic}.cs-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right}.cs-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-light);text-align:center}.invoice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 0;animation:fadeIn .15s ease}.invoice-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:0}.invoice-overlay-panel{position:relative;z-index:1;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 25px 60px -12px #00000059,0 0 0 1px #ffffff0d;width:95vw;max-width:1400px;margin:0 auto;max-height:none!important;height:auto!important;display:flex;flex-direction:column;animation:slideUp .25s ease;overflow:visible}.invoice-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg,rgba(230,126,34,.04) 0%,transparent 100%)}.invoice-header-left{display:flex;align-items:center;gap:var(--space-md)}.invoice-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.invoice-title i{color:var(--color-orange)}.invoice-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:SF Mono,Fira Code,monospace}.invoice-close-btn{color:var(--color-text-muted);font-size:var(--font-size-lg);padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.invoice-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.invoice-body{display:grid;grid-template-columns:320px 1fr;flex:1;overflow:hidden;min-height:0}.invoice-context-panel{padding:var(--space-lg);border-right:1px solid var(--color-border-light);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 100%)}.invoice-context-card{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-light);transition:border-color var(--transition-fast)}.invoice-context-card:hover{border-color:var(--color-border)}.invoice-context-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;margin-bottom:var(--space-sm)}.invoice-context-label i{font-size:11px;color:var(--color-orange)}.invoice-context-value{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.invoice-context-secondary{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;margin-top:4px}.invoice-context-secondary i{font-size:10px;width:12px;text-align:center;color:var(--color-text-muted)}.invoice-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px var(--space-md);font-size:var(--font-size-sm)}.meta-label{color:var(--color-text-muted);font-weight:500}.meta-value{color:var(--color-text);font-weight:500}.meta-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs)}.invoice-notes-card{border-color:#f39c1233;background:#f39c1208}.invoice-notes-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.invoice-vat-toggle{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.invoice-result-card{border-color:#27ae604d;background:#27ae600a}.invoice-lines-panel{display:flex;flex-direction:column;overflow:hidden}.invoice-lines-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.invoice-lines-header h3{font-size:var(--font-size-base);font-weight:600;margin:0}.invoice-lines-table-wrapper{flex:1;overflow-y:auto;padding:0}.invoice-lines-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.invoice-lines-table thead th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);text-align:left;position:sticky;top:0;background:var(--color-surface);border-bottom:2px solid var(--color-border);z-index:1}.invoice-line-row{transition:background var(--transition-fast)}.invoice-line-row:hover{background:var(--color-surface-hover)}.invoice-line-row td{padding:var(--space-xs) var(--space-md);vertical-align:middle}.invoice-line-sort{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;font-weight:600}.invoice-line-input{width:100%;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);background:transparent;color:var(--color-text);transition:all var(--transition-fast)}.invoice-line-input:hover:not(:disabled){border-color:var(--color-border);background:var(--color-bg)}.invoice-line-input:focus{outline:none;border-color:var(--color-orange);background:var(--color-bg);box-shadow:var(--shadow-focus)}.invoice-line-input:disabled{color:var(--color-text-secondary);cursor:default}.invoice-line-input.mono{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);font-weight:600}.invoice-line-input.number{text-align:right;font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);width:80px}.invoice-line-input.wide{min-width:200px}.invoice-line-total{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);font-weight:600;text-align:right;padding-right:var(--space-md)}.invoice-line-remove{color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast)}.invoice-line-row:hover .invoice-line-remove{opacity:1}.invoice-line-remove:hover{color:var(--color-danger)}.invoice-totals{padding:var(--space-md) var(--space-lg);border-top:2px solid var(--color-border);background:var(--color-bg)}.invoice-totals-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xl);padding:4px 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invoice-totals-row .mono{font-family:SF Mono,Fira Code,monospace;font-weight:500;min-width:100px;text-align:right}.invoice-totals-grand{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.invoice-totals-grand .mono{font-weight:700;color:var(--color-orange)}.invoice-message{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm);font-weight:500}.invoice-message i{font-size:var(--font-size-md);flex-shrink:0}.invoice-message-error{background:#e74c3c0f;color:var(--color-danger)}.invoice-message-success{background:#27ae600f;color:var(--color-success)}.invoice-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.invoice-footer-actions{display:flex;gap:var(--space-sm)}.btn-success{background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast)}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:linear-gradient(135deg,#8e44ad,#6c3483);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast)}.btn-accent:hover:not(:disabled){box-shadow:0 4px 12px #8e44ad4d;transform:translateY(-1px)}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.btn-print-pink{background:linear-gradient(135deg,#e84393,#d63384);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast)}.btn-print-pink:hover:not(:disabled){box-shadow:0 4px 12px #e8439359;transform:translateY(-1px)}.btn-print-pink:disabled{opacity:.5;cursor:not-allowed}.btn-print-white{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#343a40;border:1px solid #ced4da;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast)}.btn-print-white:hover:not(:disabled){box-shadow:0 4px 12px #0000001f;transform:translateY(-1px);background:linear-gradient(135deg,#fff,#f1f3f5);border-color:#adb5bd}.btn-print-white:disabled{opacity:.5;cursor:not-allowed}.invoice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);color:var(--color-text-muted)}@media(max-width:900px){.invoice-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.invoice-context-panel{border-right:none;border-bottom:1px solid var(--color-border-light);max-height:200px;padding:var(--space-md);flex-direction:row;flex-wrap:wrap;overflow-x:auto}.invoice-context-card{min-width:200px;flex:1}.invoice-overlay-panel{width:100vw;max-width:100vw;max-height:none!important;height:auto!important;border-radius:0}.invoice-line-input.wide{min-width:120px}}.btn-invoice{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:11px;padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--transition-fast);white-space:nowrap}.btn-invoice:hover{box-shadow:0 3px 10px #e67e2259;transform:translateY(-1px)}.btn-outline-invoice{background:transparent;color:var(--color-orange);border:1px solid var(--color-orange);border-radius:var(--radius-md);font-weight:600;font-size:11px;padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--transition-fast);white-space:nowrap}.btn-outline-invoice:hover{background:#e67e2214;box-shadow:0 2px 8px #e67e2233}.inv-unified{max-width:1100px}.inv-context-bar{padding:6px 20px 8px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.inv-context-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.inv-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:12px;background:#0000000a;color:var(--color-text-secondary)}.inv-chip i{font-size:9px;color:var(--color-text-muted)}.inv-chip-status{font-weight:600}.inv-chip-complete{background:#27ae601a;color:var(--color-success)}.inv-ref-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.inv-ref-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.inv-ref-input{flex:1;max-width:250px;padding:3px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);background:var(--color-card-bg);color:var(--color-text-primary)}.inv-ref-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e2226}.inv-context-extras{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.inv-note-chip{display:flex;gap:5px;padding:4px 8px;background:#f39c120f;border-left:3px solid var(--color-orange);border-radius:3px;font-size:11px;color:var(--color-text-secondary);line-height:1.3}.inv-note-chip i{color:var(--color-orange);flex-shrink:0;margin-top:2px;font-size:10px}.inv-photos-strip{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.inv-photo-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border)}.inv-invoice-badge{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#27ae600f;border-radius:4px;font-size:12px;margin-top:4px}.inv-invoice-badge i{color:var(--color-success)}.inv-table-wrapper{flex:1;overflow-x:auto;overflow-y:visible;padding:0 12px}.inv-unified-table{width:100%;border-collapse:collapse;font-size:12px}.inv-unified-table thead th{position:sticky;top:0;z-index:2;background:var(--color-surface);padding:6px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);text-align:left;white-space:nowrap}.inv-th-desc{min-width:150px}.inv-th-info{min-width:80px}.inv-row{border-bottom:1px solid rgba(0,0,0,.04);transition:background .15s}.inv-row:hover{background:#00000005}.inv-row td{padding:4px;vertical-align:middle}.inv-row-done{background:#27ae6008}.inv-row-done:hover{background:#27ae600f}.inv-row-changed{border-left:3px solid var(--color-orange)}.inv-row-new{border-left:3px solid var(--color-info)}.inv-row-error{border-left:3px solid var(--color-danger)!important;background:#e74c3c08}.inv-row-error:hover{background:#e74c3c0f}.inv-input-error{border-color:var(--color-danger)!important;background-color:#e74c3c0a!important}.inv-input-error:focus{border-color:var(--color-danger)!important;box-shadow:0 0 0 2px #e74c3c1f!important}.btn-split-stock{display:inline-flex;align-items:center;font-size:9px;font-weight:600;color:var(--color-orange);background:#e67e220d;border:1px dashed var(--color-orange);border-radius:4px;padding:1px 4px;cursor:pointer;margin-top:2px;transition:all var(--transition-fast);white-space:nowrap}.btn-split-stock:hover{background:var(--color-orange);color:#fff;border-style:solid}.inv-cell-num{font-size:10px;color:var(--color-text-muted);text-align:center;position:relative;min-width:28px}.inv-badge-new{display:block;font-size:7px;font-weight:700;background:var(--color-info);color:#fff;padding:0 3px;border-radius:2px;line-height:1.4;margin-top:1px}.inv-badge-changed{display:block;font-size:7px;font-weight:700;background:var(--color-orange);color:#fff;padding:0 3px;border-radius:2px;line-height:1.4;margin-top:1px}.inv-input{width:100%;padding:3px 5px;border:1px solid transparent;border-radius:3px;font-size:13px;background:transparent;color:var(--color-text-primary);transition:border-color .15s,background .15s}.inv-input:hover{background:#00000005}.inv-input:focus{outline:none;border-color:var(--color-orange);background:#fff;box-shadow:0 0 0 2px #e67e221f}.inv-input-desc{min-width:120px;resize:none;overflow:hidden;font-family:inherit;line-height:1.4}.inv-input-num{width:100%;text-align:right;font-family:var(--font-mono)}.inv-cell-total{text-align:right;font-weight:600;font-size:13px;white-space:nowrap}.inv-cell-prod{white-space:nowrap;text-align:center}.inv-prod-checks{display:inline-flex;gap:2px;justify-content:center}.inv-step{font-size:8px;padding:1px 3px;border-radius:2px;background:#0000000a;color:var(--color-text-muted);font-weight:500}.inv-step.ok{background:#27ae601f;color:var(--color-success);font-weight:600}.inv-no-job{color:var(--color-text-muted);font-size:10px}.inv-cell-info{font-size:10px}.inv-die-tag{display:inline-flex;align-items:center;gap:3px;color:var(--color-info);font-size:9px}.inv-die-tag i{font-size:8px}.inv-line-note{display:inline-flex;align-items:center;gap:3px;color:var(--color-text-muted);font-size:9px;font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-line-note i{font-size:8px}.inv-qty-change{display:inline-flex;align-items:center;gap:2px;font-size:9px;color:var(--color-orange);font-weight:600;margin-bottom:2px}.inv-qty-change i{font-size:7px}.inv-qty-old{text-decoration:line-through;opacity:.7}.inv-qty-new{font-weight:700}.inv-remove{padding:2px 4px!important;font-size:10px!important;opacity:.3;transition:opacity .15s}.inv-row:hover .inv-remove{opacity:1}.inv-bottom-bar{display:flex;justify-content:flex-end;align-items:flex-end;padding:8px 20px;border-top:1px solid var(--color-border)}.inv-add-line-bar{display:flex;padding:6px 14px;border-bottom:1px solid var(--color-border)}.inv-cell-drag{width:22px;text-align:center;cursor:grab;color:var(--color-text-muted);opacity:.3;transition:opacity .15s;font-size:10px}.inv-row:hover .inv-cell-drag{opacity:.7}.inv-cell-drag:active{cursor:grabbing}.inv-row-dragging{background:#e67e220f;box-shadow:0 2px 8px #0000001f}.inv-totals{text-align:right;min-width:300px}.inv-totals-row{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;color:var(--color-text-secondary);padding:2px 38px 2px 0}.inv-totals-row>span:last-child{min-width:100px;text-align:right}.inv-totals-grand{font-size:16px;font-weight:700;color:var(--color-orange);border-top:1px solid var(--color-border);padding-top:4px;margin-top:2px}.inv-discount-row{font-size:11px}.inv-discount-wrap{display:flex;align-items:center;gap:6px}.inv-discount-input-wrap{display:inline-flex;align-items:center;gap:2px}.inv-discount-input{width:42px;padding:2px 4px;border:1px solid var(--color-border);border-radius:3px;font-size:11px;text-align:center;font-family:var(--font-mono);background:var(--color-card-bg);color:var(--color-text-primary)}.inv-discount-input:focus{outline:none;border-color:var(--color-orange)}.inv-unit{font-size:10px;color:var(--color-text-muted)}.inv-discount-value{color:var(--color-danger)}.inv-vat-wrap{display:flex;align-items:center;gap:6px}.inv-vat-select{padding:2px 4px;border:1px solid var(--color-border);border-radius:3px;font-size:10px;background:var(--color-card-bg);color:var(--color-text-primary);cursor:pointer}.inv-vat-select:focus{outline:none;border-color:var(--color-orange)}.shipping-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 0;animation:fadeIn .15s ease-out}.shipping-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}.shipping-overlay-panel{position:relative;z-index:1;width:95vw;max-width:1400px;margin:0 auto;max-height:none!important;height:auto!important;background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0f;display:flex;flex-direction:column;overflow:visible;animation:slideUp .2s ease-out}.shipping-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.shipping-header-left{display:flex;flex-direction:row;align-items:baseline;gap:10px}.shipping-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0}.shipping-title i{color:var(--color-orange)}.shipping-subtitle{font-size:12px;color:var(--color-text-secondary)}.shipping-close-btn{font-size:16px;color:var(--color-text-muted)}.shipping-body{display:grid;grid-template-columns:1fr 1.4fr;flex:1;overflow:auto;min-height:0}.shipping-col{padding:12px 16px;overflow-y:auto}.shipping-col-left{border-right:1px solid var(--color-border-light)}.shipping-col-right{display:flex;flex-direction:column}.shipping-col-right .shipping-section:last-child{flex:1;display:flex;flex-direction:column;margin-bottom:0}.shipping-section{margin-bottom:16px}.shipping-section-title{font-size:12px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;margin:0 0 8px}.shipping-section-title i{color:var(--color-orange);font-size:11px}.shipping-address-tabs{display:flex;gap:4px;margin-bottom:8px}.shipping-addr-tab{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.shipping-addr-tab:hover{background:#00000008}.shipping-addr-tab.active{background:var(--color-orange);border-color:var(--color-orange);color:#fff;font-weight:600}.shipping-addr-tab i{font-size:10px}.shipping-address-preview{padding:10px 12px;background:#00000005;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.shipping-addr-line{font-size:12px;color:var(--color-text);line-height:1.5}.shipping-addr-line strong{font-weight:600}.shipping-country-code{font-family:var(--font-mono);font-weight:700;color:var(--color-orange);font-size:11px}.shipping-no-address{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-md);background:#e74c3c0f;color:var(--color-danger);font-size:12px}.shipping-phone-selector{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px 10px;border-radius:var(--radius-md);background:#00000005;border:1px solid var(--color-border-light)}.shipping-phone-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:5px}.shipping-phone-label i{color:var(--color-orange);font-size:12px}.shipping-phone-dropdown{padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-weight:500;background:var(--color-card-bg);color:var(--color-text);cursor:pointer;transition:border-color .15s;width:100%}.shipping-phone-dropdown:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-phone-combo{display:flex;gap:6px}.shipping-phone-combo .shipping-phone-dropdown{flex:0 0 auto;width:160px}.shipping-phone-input{flex:1;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-weight:600;font-family:var(--font-mono);background:var(--color-card-bg);color:var(--color-text);transition:border-color .15s}.shipping-phone-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-phone-hint{font-size:10px;color:var(--color-text-muted);font-style:italic}.shipping-delivery-instructions{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-family:inherit;background:var(--color-card-bg);color:var(--color-text);resize:vertical;min-height:40px;transition:border-color .15s}.shipping-delivery-instructions:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-delivery-instructions::placeholder{color:var(--color-text-muted);font-style:italic}.shipping-instruction-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.shipping-preset-pill{padding:4px 10px;border-radius:20px;border:1px solid var(--color-border);background:#00000008;color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.shipping-preset-pill:hover{background:#e67e221a;border-color:var(--color-orange);color:var(--color-orange)}.shipping-preset-pill i{font-size:9px;opacity:.8}.shipping-email-input{border:none;background:transparent;font-size:12px;color:var(--color-text-secondary);padding:0;width:100%;outline:none;font-family:inherit;border-bottom:1px dashed var(--color-border);transition:border-color .15s}.shipping-email-input:focus{border-bottom-color:var(--color-orange)}.shipping-email-input::placeholder{color:var(--color-text-muted);font-style:italic}.shipping-override-form{display:flex;flex-direction:column;gap:6px}.shipping-override-form input,.shipping-override-form select{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;background:var(--color-card-bg);color:var(--color-text);transition:border-color .15s;height:29px}.shipping-override-form input:focus,.shipping-override-form select:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shipping-saved-addresses{display:flex;flex-direction:column;gap:6px}.shipping-saved-card{padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:#00000004;cursor:pointer;transition:all .15s}.shipping-saved-card:hover{border-color:var(--color-text-muted);background:#00000008}.shipping-saved-card.selected{border-color:var(--color-orange);background:#e67e220d;box-shadow:0 0 0 2px #e67e221f}.shipping-saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.shipping-saved-nickname{font-size:12px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:5px}.shipping-saved-nickname i{color:var(--color-orange);font-size:10px}.shipping-saved-delete{font-size:10px;color:var(--color-text-muted);opacity:0;transition:opacity .15s}.shipping-saved-card:hover .shipping-saved-delete{opacity:1}.shipping-saved-delete:hover{color:var(--color-danger)!important}.shipping-saved-detail{font-size:11px;color:var(--color-text-secondary);line-height:1.5}.shipping-save-address{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border)}.shipping-save-form{display:flex;align-items:center;gap:6px}.shipping-save-nickname{flex:1;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;background:var(--color-card-bg);color:var(--color-text);transition:border-color .15s}.shipping-save-nickname:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-save-nickname::placeholder{color:var(--color-text-muted);font-style:italic}.shipping-places-search{position:relative;margin-bottom:4px}.shipping-places-input-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card-bg);transition:border-color .15s}.shipping-places-input-wrap:focus-within{border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-places-input-wrap i{color:var(--color-text-muted);font-size:11px;flex-shrink:0}.shipping-places-input-wrap input{flex:1;border:none!important;padding:0!important;font-size:12px;background:transparent;color:var(--color-text);outline:none;box-shadow:none!important}.shipping-places-suggestions{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;margin-top:2px;max-height:200px;overflow-y:auto}.shipping-places-suggestion{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:12px;color:var(--color-text);transition:background .1s}.shipping-places-suggestion:hover{background:#e67e2214}.shipping-places-suggestion i{color:var(--color-orange);font-size:11px;flex-shrink:0}.shipping-places-suggestion span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shipping-carrier-toggle{display:flex;gap:6px}.shipping-carrier-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:transparent;cursor:pointer;transition:all .2s}.shipping-carrier-btn:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.shipping-carrier-btn.active.dpd{border-color:#dc0032;background:#dc00320a;box-shadow:0 2px 12px #dc003226}.shipping-carrier-btn.active.ups{border-color:#351c15;background:#ffb81c0f;box-shadow:0 2px 12px #ffb81c33}.shipping-carrier-logo{font-size:18px;font-weight:900;letter-spacing:1px}.shipping-carrier-btn.active.dpd .shipping-carrier-logo{color:#dc0032}.shipping-carrier-btn.active.ups .shipping-carrier-logo{color:#351c15}.shipping-carrier-hint{font-size:10px;color:var(--color-text-muted);font-weight:400}.shipping-carrier-warning{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-top:6px;border-radius:var(--radius-sm);background:#f39c1214;color:var(--color-orange);font-size:11px;font-weight:500}.shipping-service-select{display:flex;align-items:center;gap:8px;margin-top:8px}.shipping-service-select label{font-size:11px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.shipping-service-select select{flex:1;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;font-weight:500;background:var(--color-card-bg);color:var(--color-text);cursor:pointer;transition:border-color .15s}.shipping-service-select select:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-service-auto-info{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-top:6px;border-radius:var(--radius-sm);background:#3498db14;color:var(--color-info, #3498db);font-size:11px;font-weight:500;flex-wrap:wrap}.opening-hours-editor{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:16px}.weekly-schedule{display:flex;flex-direction:column;gap:8px}.day-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-card-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all .2s}.day-row.day-closed{opacity:.6;background:#00000005}.day-info{flex:0 0 120px}.day-name{font-weight:600;font-size:14px;color:var(--color-text-primary)}.day-actions{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.btn-toggle{padding:6px 12px;border-radius:20px;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;min-width:70px}.btn-toggle.active{border-color:var(--color-success);color:var(--color-success);background:#2ecc710d}.time-group{display:flex;align-items:center;gap:8px;background:#00000005;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.time-input{border:none;background:transparent;font-family:var(--font-mono);font-size:14px;color:var(--color-text-primary);width:75px;outline:none}.time-sep{font-size:11px;color:var(--color-text-muted);font-weight:500}.opening-hours-footer{margin-top:20px;display:flex;justify-content:flex-end}.shipping-service-auto-info strong{font-family:var(--font-mono);font-weight:700}.shipping-service-override-hint{color:var(--color-text-muted);font-weight:400;font-size:10px}.shipping-tax-grid{display:flex;flex-direction:column;gap:4px}.shipping-tax-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:var(--radius-sm);background:#00000005}.shipping-tax-label{font-size:11px;color:var(--color-text-secondary);font-weight:500}.shipping-tax-value{font-size:11px;font-weight:600;color:var(--color-text)}.shipping-add-carton{margin-left:auto;font-size:10px!important;padding:2px 8px!important}.shipping-cartons-list{display:flex;flex-direction:column;gap:6px}.shipping-carton-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);background:#00000005;border:1px solid var(--color-border-light)}.shipping-carton-num{font-size:11px;font-weight:700;color:var(--color-text-secondary);white-space:nowrap;min-width:40px}.shipping-carton-fields{display:flex;gap:12px;flex:1}.shipping-carton-fields label{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--color-text-muted)}.shipping-carton-fields input{padding:3px 5px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);width:60px;text-align:center;background:var(--color-card-bg);color:var(--color-text)}.shipping-carton-fields input:focus{outline:none;border-color:var(--color-orange)}.shipping-dim-inputs{display:flex;align-items:center;gap:3px}.shipping-dim-inputs input{width:42px}.shipping-dim-inputs span{font-size:10px;color:var(--color-text-muted)}.shipping-carton-summary{display:flex;justify-content:space-between;padding:6px 8px;font-size:11px;color:var(--color-text-secondary);border-top:1px solid var(--color-border-light);margin-top:4px}.shipping-missing-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;background:#e74c3c14;border-radius:10px;color:var(--color-danger);font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.shipping-items-table-wrap{flex:1;min-height:200px;overflow:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface)}.shipping-items-table{width:100%;border-collapse:collapse;font-size:12px}.shipping-items-table thead th{position:sticky;top:0;z-index:2;background:var(--color-surface);padding:6px;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.shipping-items-table tbody td{padding:4px 6px;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.03)}.shipping-item-desc{max-width:280px;white-space:pre-line;word-break:break-word}.shipping-row-missing{background:#e74c3c0a!important}.shipping-row-missing:hover{background:#e74c3c12!important}.shipping-customs-input{padding:3px 5px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;background:var(--color-card-bg);color:var(--color-text);width:100%;min-width:70px;transition:border-color .15s}.shipping-customs-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.shipping-input-warn{border-color:var(--color-danger)!important;background:#e74c3c0a}.shipping-customs-origin{width:40px;min-width:40px;text-align:center;font-family:var(--font-mono);font-weight:600;text-transform:uppercase}.shipping-save-customs{color:var(--color-success)!important;font-size:10px!important}.shipping-message{display:flex;align-items:center;gap:8px;padding:8px 20px;font-size:12px;font-weight:500}.shipping-message i{font-size:14px;flex-shrink:0}.shipping-message-error{background:#e74c3c0f;color:var(--color-danger)}.shipping-message-success{background:#27ae600f;color:var(--color-success)}.shipping-existing-banner{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#3498db0f;border-bottom:1px solid var(--color-border-light);font-size:12px;color:var(--color-info)}.shipping-existing-banner i{flex-shrink:0}.shipping-existing-banner span{flex:1}.shipping-result-banner{display:flex;align-items:center;padding:10px 20px;background:#27ae600f;border-top:1px solid rgba(39,174,96,.15)}.shipping-result-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-success)}.shipping-result-info i{font-size:18px}.shipping-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--color-border);background:var(--color-bg);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.shipping-footer-actions{display:flex;gap:8px}.shipping-create-btn.dpd-theme{background:linear-gradient(135deg,#dc0032,#a3002a)}.shipping-create-btn.dpd-theme:hover:not(:disabled){box-shadow:0 4px 14px #dc00324d;transform:translateY(-1px)}.shipping-create-btn.ups-theme{background:linear-gradient(135deg,#644117,#351c15)}.shipping-create-btn.ups-theme:hover:not(:disabled){box-shadow:0 4px 14px #6441174d;transform:translateY(-1px)}.shipping-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--color-text-muted)}.shipping-error-panel{max-width:400px;text-align:center;padding:40px 20px}.shipping-error-panel i{font-size:36px;color:var(--color-danger);margin-bottom:12px}@media(max-width:768px){.shipping-body{grid-template-columns:1fr}.shipping-col-left{border-right:none;border-bottom:1px solid var(--color-border-light)}.shipping-overlay-panel{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}.shipping-carrier-toggle{flex-direction:column}.shipping-carton-fields{flex-direction:column;gap:6px}.shipping-items-table-wrap{max-height:200px}}.dispatch-dashboard{padding:20px 24px;max-width:1600px;margin:0 auto}.dispatch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.dispatch-header-left{display:flex;align-items:baseline;gap:10px}.dispatch-title{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0}.dispatch-title i{color:var(--color-orange)}.dispatch-subtitle{font-size:13px;color:var(--color-text-muted)}.dispatch-stats-row{display:flex;gap:16px}.dispatch-stat{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);background:var(--color-card-bg);border:1px solid var(--color-border-light);font-size:12px}.dispatch-stat i{font-size:13px}.dispatch-stat span{font-weight:700;font-size:16px;font-family:var(--font-mono)}.dispatch-stat small{color:var(--color-text-muted);font-size:11px}.dispatch-filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.dispatch-search-wrap{position:relative;flex:1;min-width:220px;max-width:400px}.dispatch-search-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--color-text-muted);pointer-events:none}.dispatch-search-wrap input{width:100%;padding:7px 30px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-card-bg);color:var(--color-text);transition:border-color .15s}.dispatch-search-wrap input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.dispatch-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:11px;padding:2px 4px}.dispatch-filters select{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;background:var(--color-card-bg);color:var(--color-text);cursor:pointer;min-width:120px}.dispatch-filters select:focus{outline:none;border-color:var(--color-orange)}.dispatch-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;background:#e74c3c0f;border:1px solid rgba(231,76,60,.15);border-radius:var(--radius-md);color:var(--color-danger);font-size:13px}.dispatch-table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg)}.dispatch-table{width:100%;border-collapse:collapse;font-size:13px}.dispatch-table thead th{position:sticky;top:0;z-index:3;padding:10px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.dispatch-table tbody tr{transition:background .12s}.dispatch-table tbody tr:hover{background:#e67e2208}.dispatch-table tbody td{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.03);vertical-align:middle;white-space:nowrap}.dispatch-row-return{background:#f39c1208}.dispatch-date-cell{display:flex;flex-direction:column;gap:1px}.dispatch-date{font-weight:600;font-size:12px}.dispatch-time{font-size:10px;color:var(--color-text-muted)}.dispatch-name-cell{display:flex;flex-direction:column;gap:1px}.dispatch-name-row{display:flex;align-items:baseline;gap:8px}.dispatch-shipment-name{font-weight:700;font-family:var(--font-mono);font-size:12px;color:var(--color-orange)}.dispatch-invoice-ref{font-size:10px;color:var(--color-text-muted)}.dispatch-address-sub{font-size:10px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.dispatch-address-sub i{font-size:9px;opacity:.7}.dispatch-account-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis}.dispatch-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.dispatch-type-badge.outbound{background:#3498db1a;color:#3498db}.dispatch-type-badge.return{background:#f39c121a;color:#f39c12}.dispatch-type-badge i{font-size:9px}.dispatch-carrier-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.5px}.dispatch-tracking-cell{max-width:200px}.dispatch-tracking-link{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:var(--color-text);font-size:11px;padding:2px 4px;border-radius:var(--radius-sm);transition:all .12s}.dispatch-tracking-link:hover{background:#e67e2214;color:var(--color-orange)}.dispatch-tracking-link i{font-size:9px;opacity:0;transition:opacity .12s}.dispatch-tracking-link:hover i{opacity:1}.dispatch-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700}.dispatch-status-badge i{font-size:9px}.dispatch-status-cell-inner{display:flex;flex-direction:column;gap:3px;max-width:200px}.dispatch-status-subtitle{font-size:10px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-status-subtitle i{font-size:8px;flex-shrink:0}.dispatch-status-subtitle.dispatch-eta{color:#8e44ad;font-weight:600}.dispatch-status-subtitle.dispatch-pod{color:#27ae60;font-weight:500}.dispatch-cartons-cell{text-align:center;font-family:var(--font-mono);font-weight:700}.dispatch-actions-col{text-align:right;width:150px}.dispatch-actions-cell{text-align:right}.dispatch-actions-group{display:inline-flex;gap:2px}.dispatch-action-btn{padding:4px 7px!important;font-size:12px!important;color:var(--color-text-secondary)!important;min-width:28px;justify-content:center}.dispatch-action-btn:hover{color:var(--color-orange)!important;background:#e67e2214!important}.dispatch-return-btn:hover{color:var(--color-warning)!important;background:#f39c1214!important}.dispatch-extra-btn:hover{color:#dc0032!important;background:#dc003214!important}.dispatch-extra-form{display:flex;flex-direction:column;gap:10px;margin:12px 0}.dispatch-extra-form label{display:flex;flex-direction:column;gap:4px}.dispatch-extra-form label span{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.dispatch-extra-form input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-mono);font-weight:700;text-align:center;background:var(--color-card-bg);color:var(--color-text);width:120px;transition:border-color .15s}.dispatch-extra-form input:focus{outline:none;border-color:#dc0032;box-shadow:0 0 0 2px #dc00321f}.dispatch-extra-hint{font-size:11px;color:var(--color-text-muted);margin:0}.dispatch-feedback{font-size:11px;font-weight:500;animation:fadeIn .2s ease-out}.dispatch-feedback.success{color:var(--color-success)}.dispatch-feedback.error{color:var(--color-danger)}.dispatch-loading-cell,.dispatch-empty-cell{text-align:center;padding:40px 20px!important;color:var(--color-text-muted);font-size:13px}.dispatch-loading-cell{display:flex;flex-direction:column;align-items:center;gap:10px}.dispatch-empty-cell{display:flex;flex-direction:column;align-items:center;gap:8px}.dispatch-empty-cell i{font-size:28px;opacity:.3}.dispatch-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0}.dispatch-page-info{font-size:12px;color:var(--color-text-secondary)}.dispatch-return-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.dispatch-return-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dispatch-return-panel{position:relative;z-index:1;width:90vw;max-width:520px;background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0f;overflow:hidden;animation:slideUp .2s ease-out}.dispatch-return-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.dispatch-return-header h3{margin:0;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.dispatch-return-header h3 i{color:var(--color-orange)}.dispatch-return-body{padding:20px}.dispatch-return-desc{font-size:13px;line-height:1.6;margin:0 0 16px;color:var(--color-text-secondary)}.dispatch-return-error{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:12px;background:#e74c3c0f;border-radius:var(--radius-md);color:var(--color-danger);font-size:12px}.dispatch-return-confirm-btn{width:100%;padding:10px 16px;font-size:13px;font-weight:600}.dispatch-return-creating{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;color:var(--color-text-muted);font-size:13px}.dispatch-return-success-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#27ae600f;border:1px solid rgba(39,174,96,.15);border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;color:var(--color-success)}.dispatch-return-success-banner i{font-size:20px;flex-shrink:0}.dispatch-return-actions{display:flex;flex-direction:column;gap:14px}.dispatch-return-dl-btn{width:100%;padding:10px 16px;font-size:13px;font-weight:600}.dispatch-return-email-section{padding:14px;background:#00000005;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.dispatch-return-email-section h4{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.dispatch-return-email-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.dispatch-return-field{display:flex;flex-direction:column;gap:3px}.dispatch-return-field>span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted)}.dispatch-return-field input,.dispatch-return-field textarea{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-card-bg);color:var(--color-text);font-family:inherit;transition:border-color .15s;resize:vertical}.dispatch-return-field input:focus,.dispatch-return-field textarea:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.dispatch-return-field textarea{line-height:1.5;min-height:80px}.dispatch-return-send-btn{width:100%;padding:10px 16px;font-size:13px;font-weight:600}@media(max-width:900px){.dispatch-dashboard{padding:12px 10px}.dispatch-header{flex-direction:column;align-items:flex-start}.dispatch-stats-row{width:100%;justify-content:space-between}.dispatch-filters{flex-direction:column;align-items:stretch}.dispatch-search-wrap{max-width:100%}.dispatch-table{font-size:11px}.dispatch-table thead th,.dispatch-table tbody td{padding:6px 8px}.dispatch-actions-col{width:100px}}.order-breadcrumbs-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);width:100%}.order-breadcrumbs{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto;width:100%}.breadcrumb-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-point{display:flex;align-items:center;width:100%;justify-content:center;position:relative;margin-bottom:6px}.step-bubble{width:32px;height:32px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-muted);z-index:2;transition:all var(--transition-normal)}.step-connector{position:absolute;height:2px;background:var(--color-border);width:100%;left:50%;top:50%;transform:translateY(-50%);z-index:1}.breadcrumb-step:last-child .step-connector{display:none}.step-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.breadcrumb-step.is-active .step-bubble{background:#fff;border-color:var(--color-orange);color:var(--color-orange);box-shadow:0 0 0 4px #e67e2226;transform:scale(1.1)}.breadcrumb-step.is-active .step-label{color:var(--color-orange)}.breadcrumb-step.is-completed .step-bubble{background:var(--color-success);border-color:var(--color-success);color:#fff}.breadcrumb-step.is-completed .step-connector{background:var(--color-success)}.breadcrumb-step.is-completed .step-label{color:var(--color-success)}.breadcrumb-step.is-future .step-bubble{opacity:.6}.divergence-indicator{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;color:var(--color-danger);background:var(--color-danger-bg);padding:4px 12px;border-radius:var(--radius-full);margin:0 auto;width:fit-content;border:1px solid rgba(231,76,60,.2);animation:fadeInDown .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.shipping-tomorrow-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:12px;font-size:13px;border:1px solid var(--color-border)}.shipping-tomorrow-status.open{background:#2ecc710d;color:var(--color-success);border-color:#2ecc7133}.shipping-tomorrow-status.closed{background:#e74c3c0d;color:var(--color-danger);border-color:#e74c3c33}.shipping-tomorrow-status .warning-text{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase}.shipping-preset-pill.warning{border-color:var(--color-danger);color:var(--color-danger);background:#e74c3c0d}.shipping-preset-pill.warning:hover{background:var(--color-danger);color:#fff}.opening-hours-toolbar{margin-bottom:12px;display:flex;justify-content:flex-end}.opening-hours-search{background:#00000005;padding:12px;border-radius:var(--radius-md);margin-bottom:16px;border:1px dashed var(--color-border)}.search-input-group{display:flex;gap:8px;margin-bottom:8px}.search-input-group input{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:14px}.search-results-list{max-height:200px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-result-item{padding:10px;cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-surface-hover)}.result-name{font-weight:600;font-size:13px;margin-bottom:2px}.result-address{font-size:11px;color:var(--color-text-muted)}.address-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.address-card{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:transform var(--transition-fast),border-color var(--transition-normal)}.address-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.address-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-xs)}.address-nickname{font-weight:600;color:var(--color-text);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.address-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.address-phone{margin-top:var(--space-xs);color:var(--color-primary);font-weight:500;display:flex;align-items:center;gap:6px}.address-phone i{font-size:.8em}.inv-credits-section{margin:15px var(--space-xl);padding:16px;background-color:var(--color-bg-light, #f8f9fa);border:1px solid var(--color-border-light, #e9ecef);border-radius:var(--radius-lg, 8px)}.inv-credits-title{margin:0 0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--color-text-dark)}.inv-credit-list{display:flex;flex-direction:column;gap:8px}.inv-credit-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--color-surface);border:1px solid var(--color-border-light, #e9ecef);border-radius:var(--radius-md, 6px);gap:12px;flex-wrap:wrap;transition:all var(--transition-fast, .2s)}.inv-credit-card.matching{border-color:var(--color-success, #2ecc71);background:#2ecc7105}.inv-credit-info{display:flex;align-items:center;gap:10px;flex:1;min-width:240px}.inv-credit-meta{display:flex;flex-direction:column}.inv-credit-meta-title{font-size:12px;font-weight:600;color:var(--color-text-dark)}.inv-credit-meta-date{font-size:10px;color:var(--color-text-muted, #6c757d)}.inv-credit-values{display:flex;align-items:center;gap:16px}.inv-credit-value-box{display:flex;flex-direction:column;align-items:flex-end}.inv-credit-value-label{font-size:10px;color:var(--color-text-muted, #6c757d)}.inv-credit-value-amount{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-text-dark)}.inv-credit-allocate-box{display:flex;align-items:center;gap:8px}.inv-credit-alloc-input-wrap{position:relative;width:100px}.inv-credit-alloc-currency{position:absolute;left:8px;top:6px;font-size:12px;color:var(--color-text-muted)}.inv-credit-alloc-input{padding:5px 8px 5px 18px;font-size:12px;width:100%;border:1px solid var(--color-border-light, #e9ecef);border-radius:var(--radius-sm, 4px);font-family:var(--font-mono);text-align:right;background:var(--color-surface);color:var(--color-text-primary)}.inv-credit-alloc-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px #e67e221f}.discount-toggle-group{display:inline-flex;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background:var(--color-bg);margin-right:8px}.discount-toggle-btn{padding:2px 8px;font-size:11px;font-weight:600;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.discount-toggle-btn.active{background:var(--color-orange);color:#fff}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-card-bg, #ffffff);overflow:hidden;height:36px;box-shadow:0 1px 2px #0000000d}.qty-stepper .btn-step{display:inline-flex;align-items:center;justify-content:center;width:36px;height:100%;border:none;background:#00000005;color:var(--color-text-secondary);cursor:pointer;font-size:14px;transition:background .15s,color .15s;padding:0;margin:0}.qty-stepper .btn-step:hover{background:#0000000f;color:var(--color-text-primary)}.qty-stepper .btn-step:active{background:#0000001a}.qty-stepper input.inv-input-num,.qty-stepper input.ot-cart-qty-input{width:60px!important;height:100%;border:none!important;background:transparent!important;text-align:center!important;font-family:var(--font-mono);font-size:14px;padding:0 4px!important;margin:0!important;box-shadow:none!important;-moz-appearance:textfield}.qty-stepper input::-webkit-outer-spin-button,.qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ot-cart-qty-group .qty-stepper{margin-top:4px}.unified-qty-stepper{height:28px}.unified-qty-stepper .btn-step{width:28px;font-size:11px}.unified-qty-stepper input{width:45px!important;font-size:12px}.inbound-page-container{padding:var(--space-lg);max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg);height:100%;overflow-y:auto}.inbound-header-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-sm)}.inbound-header-title-group{display:flex;align-items:center;gap:14px}.inbound-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 2px 4px #4f46e51a}.inbound-header-text h1{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin:0;line-height:1.2}.inbound-header-text p{font-size:.8125rem;color:var(--color-text-secondary);margin-top:2px}.inbound-tab-nav{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;gap:4px}.inbound-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;color:#64748b;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .2s ease}.inbound-tab-btn:hover{color:var(--color-navy);background:#fff9}.inbound-tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #00000014}.inbound-split-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}@media(max-width:1200px){.inbound-split-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:992px){.inbound-split-grid{grid-template-columns:1fr}}.inbound-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.inbound-card-header{padding:14px 18px;background:#fff;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.inbound-card-title{font-size:.95rem;font-weight:700;color:var(--color-navy);display:flex;align-items:center;gap:8px}.inbound-card-body{padding:16px 18px}.inbound-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.inbound-search-input{flex:1;min-width:180px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.8125rem;background:#f8fafc;color:var(--color-text);outline:none;transition:border-color .2s}.inbound-search-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.inbound-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.8125rem;background:#f8fafc;color:var(--color-text);outline:none;cursor:pointer}.inbound-status-pills{display:flex;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px}.inbound-pill-btn{padding:5px 10px;font-size:.75rem;font-weight:600;color:#64748b;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .15s ease}.inbound-pill-btn.active{background:#fff;color:var(--color-navy);box-shadow:0 1px 2px #0000000f}.inbound-table-wrapper{overflow-x:auto;border:1px solid var(--color-border-light);border-radius:8px}.inbound-table{width:100%;border-collapse:collapse;font-size:.8125rem;text-align:left}.inbound-table th{background:#f8fafc;color:#475569;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--color-border);white-space:nowrap}.inbound-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:middle}.inbound-table tr:last-child td{border-bottom:none}.inbound-table tbody tr:hover{background-color:#f8fafc}.inbound-table .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.inbound-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.inbound-badge-draft{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.inbound-badge-approved{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.inbound-badge-billed{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.inbound-badge-submitted{background:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff}.inbound-badge-deleted{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.inbound-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.inbound-btn-sm{padding:5px 10px;font-size:.75rem;border-radius:6px}.inbound-btn-primary{background:#e67e22;color:#fff}.inbound-btn-primary:hover{background:#d35400;box-shadow:0 2px 6px #e67e224d}.inbound-btn-blue{background:#2563eb;color:#fff}.inbound-btn-blue:hover{background:#1d4ed8;box-shadow:0 2px 6px #2563eb4d}.inbound-btn-emerald{background:#059669;color:#fff}.inbound-btn-emerald:hover{background:#047857;box-shadow:0 2px 6px #0596694d}.inbound-btn-secondary{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.inbound-btn-secondary:hover{background:#e2e8f0;color:#0f172a}.inbound-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:16px}.inbound-modal-box{background:#fff;border-radius:16px;width:100%;max-width:1300px;max-height:94vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--color-border);overflow:hidden}.inbound-modal-header{padding:16px 24px;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334155}.inbound-modal-header h2{font-size:1.15rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;margin:0}.inbound-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;background:#f8fafc}.inbound-modal-footer{padding:14px 24px;background:#fff;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.inbound-hud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.inbound-hud-tile{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.inbound-hud-tile:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#3b82f6}.inbound-hud-tile.match:before{background:#10b981}.inbound-hud-tile.amber:before{background:#f59e0b}.inbound-hud-tile .label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.inbound-hud-tile .val{font-size:1.35rem;font-weight:800;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.inbound-hud-tile .sub{font-size:.75rem;color:#64748b}.inbound-cbm-track{width:100%;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin-top:6px}.inbound-cbm-fill{height:100%;border-radius:5px;transition:width .3s ease}.inbound-counter-group{display:inline-flex;align-items:center;gap:3px}.inbound-counter-btn{padding:4px 8px;font-size:.75rem;font-weight:700;border-radius:5px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;cursor:pointer;transition:all .1s ease}.inbound-counter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.inbound-counter-btn:active{transform:scale(.95)}.inbound-counter-btn.full{background:#dcfce7;color:#15803d;border-color:#86efac}.inbound-counter-btn.full:hover{background:#bbf7d0}.inbound-expand-btn{background:transparent;border:1px solid #e2e8f0;color:#64748b;width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;transition:all .2s ease;margin-right:8px;vertical-align:middle}.inbound-expand-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.inbound-expand-btn.expanded{background:#eff6ff;color:#2563eb;border-color:#bfdbfe;transform:rotate(90deg)}.inbound-po-expanded-row{background:#f8fafc;border-bottom:2px solid #cbd5e1!important}.inbound-po-expanded-container{padding:12px 18px 16px 36px}.inbound-po-lines-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inbound-po-lines-header-title{font-size:.8125rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.inbound-po-lines-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;font-size:.78rem}.inbound-po-lines-table th{background:#f1f5f9;color:#475569;font-weight:700;text-align:left;padding:7px 12px;border-bottom:1px solid #e2e8f0;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.inbound-po-lines-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.inbound-po-lines-table tbody tr:last-child td{border-bottom:none}.inbound-po-lines-table tbody tr:hover{background:#fafafa}.inbound-po-lines-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:.78rem;color:#64748b}.inbound-reconciliation-banner{border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.inbound-reconciliation-banner.match{background:#f0fdf4;border:1.5px solid #86efac}.inbound-reconciliation-banner.mismatch{background:#fffbeb;border:1.5px solid #fde68a}.inbound-reconciliation-banner.mismatch-over{background:#fdf2f8;border:1.5px solid #fbcfe8}.inbound-reconciliation-icon-match{width:38px;height:38px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.inbound-reconciliation-icon-mismatch{width:38px;height:38px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.inbound-reconciliation-icon-over{width:38px;height:38px;border-radius:50%;background:#fce7f3;color:#db2777;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.inbound-table-tfoot{background:#f8fafc;font-weight:700;border-top:2px solid #cbd5e1}.inbound-table-tfoot td{padding:10px 12px;color:#0f172a}.shipping-addr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.shipping-addr-actions .btn{font-size:11px;padding:5px 10px;display:inline-flex;align-items:center;gap:5px}.btn-dirty{background:var(--color-orange, #e67e22)!important;color:#fff!important;border-color:var(--color-orange, #e67e22)!important;font-weight:600;animation:pulse-dirty 1.8s infinite ease-in-out}@keyframes pulse-dirty{0%{box-shadow:0 0 #e67e2266}70%{box-shadow:0 0 0 6px #e67e2200}to{box-shadow:0 0 #e67e2200}}.btn-saved-success{background:var(--color-success, #2ecc71)!important;color:#fff!important;border-color:var(--color-success, #2ecc71)!important}.shipping-saved-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.shipping-saved-pill{padding:4px 10px;font-size:11px;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.shipping-saved-pill:hover{border-color:var(--color-orange);color:var(--color-text)}.shipping-saved-pill.active{background:#e67e221a;border-color:var(--color-orange);color:var(--color-orange)}.shipping-saved-pill.add-new{border-style:dashed;background:transparent;color:var(--color-primary)}.shipping-saved-pill.add-new:hover{border-color:var(--color-primary)}.shipping-opening-schedule{margin-bottom:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.shipping-schedule-header{padding:6px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:#00000005;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:6px}.shipping-schedule-list{display:flex;flex-direction:column}.shipping-schedule-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;border-bottom:1px solid var(--color-border);transition:background .15s}.shipping-schedule-row:last-child{border-bottom:none}.shipping-schedule-row.highlight-tomorrow{background:#e67e2214;border-left:3px solid var(--color-orange, #e67e22);font-weight:600}.shipping-schedule-left{display:flex;align-items:center;gap:6px}.shipping-schedule-day{color:var(--color-text)}.shipping-tomorrow-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--color-orange, #e67e22);color:#fff;letter-spacing:.4px}.shipping-today-badge{font-size:9px;font-weight:600;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--color-primary, #3498db);color:#fff}.shipping-schedule-hours.text-open{color:var(--color-success, #2ecc71);font-weight:600}.shipping-schedule-hours.text-closed{color:var(--color-danger, #e74c3c);font-weight:600}.shipping-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10005;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shipping-confirm-panel{background:var(--color-card-bg, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg, 8px);box-shadow:0 16px 36px #00000040;width:420px;max-width:90vw;padding:20px;display:flex;flex-direction:column;gap:12px;animation:modal-pop .15s ease-out}.shipping-confirm-title{font-size:15px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px;margin:0}.shipping-confirm-body{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0}.shipping-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.app-update-floating-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99999;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 18px;background:#1a2332f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#f8fafc;border:1px solid rgba(56,189,248,.4);border-radius:9999px;box-shadow:0 12px 36px #00000073,0 0 20px #38bdf833;animation:appUpdateBarEntrance .4s cubic-bezier(.16,1,.3,1);font-size:13.5px;font-weight:500;max-width:calc(100vw - 32px);pointer-events:auto}@keyframes appUpdateBarEntrance{0%{opacity:0;transform:translate(-50%,30px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.app-update-floating-bar .update-icon{color:#38bdf8;font-size:16px;display:flex;align-items:center;justify-content:center;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.app-update-floating-bar .update-text{display:flex;align-items:center;gap:6px;white-space:nowrap}.app-update-floating-bar .update-version-badge{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3);padding:1px 7px;border-radius:6px;font-size:12px;font-weight:600;font-family:monospace}.app-update-floating-bar .update-actions{display:flex;align-items:center;gap:8px;margin-left:4px}.app-update-floating-bar .btn-update-now{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d}.app-update-floating-bar .btn-update-now:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #2563eb73;background:linear-gradient(135deg,#0369a1,#1d4ed8)}.app-update-floating-bar .btn-update-dismiss{background:transparent;color:#94a3b8;border:none;cursor:pointer;padding:6px 8px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.app-update-floating-bar .btn-update-dismiss:hover{color:#f1f5f9;background:#ffffff1a}@media(max-width:640px){.app-update-floating-bar{bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:10px 14px;font-size:12.5px;border-radius:16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);left:50%;transform:translate(-50%);box-sizing:border-box;justify-content:space-between}.app-update-floating-bar .update-text{white-space:normal;flex:1;min-width:0}.app-update-floating-bar .update-actions{flex-shrink:0}}