@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 8px 24px #0003;--color-primary:#007bff;--color-primary-hover:#0056b3;--color-primary-rgb:0,123,255;--color-success:#22c55e;--color-success-hover:#16a34a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-warning:#f97316;--color-warning-hover:#ea580c;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-text:#2d2d2d;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-background:#f5f7fa;--color-surface:#fff;--color-surface-hover:#f9fafb;--color-surface-active:#f3f4f6;--btn-primary-bg-soft:#d4edda;--btn-primary-bg:#28a745;--btn-primary-border:#1e7e34;--btn-primary-hover:#218838;--btn-primary-text:#fff;--btn-secondary-bg-soft:#cce5ff;--btn-secondary-bg:#007bff;--btn-secondary-border:#0056b3;--btn-secondary-hover:#0056b3;--btn-secondary-text:#fff;--btn-ghost-bg:#e5e7eb;--btn-ghost-hover:#d1d5db;--btn-ghost-text:#2d2d2d;--btn-danger-bg-soft:#f8d7da;--btn-danger-bg:#ef4444;--btn-danger-border:#c62828;--btn-danger-hover:#dc2626;--btn-danger-text:#fff;--primary-color:#007bff;--primary-hover:#0056b3;--primary-rgb:0,123,255;--background-color:#f5f7fa;--border-color:#e5e7eb;--card-background:#fff;--input-background:#fff;--text-color:#2d2d2d;--button-background:#007bff;--button-hover:#0056b3;--button-text-color:#fff;--main-button-background:#28a745;--main-button-hover:#218838;--secondary-background:#e5e7eb;--secondary-hover:#d1d5db;--danger-color:#ef4444;--danger-hover:#dc2626;--success-color:#4caf50;--success-hover:#388e3c;--medium-priority-bg:#ffedd5;--medium-priority-border:#f97316;--high-priority-bg:#ffe6e6;--high-priority-border:#ff4d4d;--message-box-background:#f9fafb;--receiver-bubble-bg:#e5e7eb;--receiver-bubble-text:#2d2d2d;--sender-bubble-bg:#007bff;--sender-bubble-text:#fff;--internal-sender-bg:#007bff1f;--internal-receiver-bg:#0000000a;--internal-bubble-text:#2d2d2d;--internal-badge-color:#6b7280;--unread-email-bg:#d4f4e2;--unread-email-border:#34c759;--unseen-update-bg:#d4f4e2;--unseen-update-border:#34c759;--unseen-count-bg:#34c759;--unseen-count-text:#fff;--status-pending-bg:#fff3cd;--status-pending-text:#856404;--status-finished-bg:#d4edda;--status-finished-text:#155724;--status-declined-bg:#f8d7da;--status-declined-text:#721c24;--validation-error-bg:#f8d7daf2;--validation-error-border:#f5c6cb;--validation-error-text:#721c24;--validation-error-icon:#dc3545;--validation-warning-bg:#fff3cdf2;--validation-warning-border:#ffc107;--validation-warning-text:#856404;--validation-warning-icon:#ffc107;--validation-success-bg:#d4eddaf2;--validation-success-border:#c3e6cb;--validation-success-text:#155724;--validation-success-icon:#28a745;--validation-info-bg:#d1ecf1f2;--validation-info-border:#bee5eb;--validation-info-text:#0c5460;--validation-info-icon:#17a2b8;--color-ai-accent:#4caf50;--color-ai-accent-bg:#4caf5014;--color-ai-accent-border:#4caf504d;--color-info-bg:#e3f2fd;--color-info-text:#1976d2;--paid-priority-bg-start:#f3e8b8;--paid-priority-bg-end:#d4af37;--paid-priority-border:#d4af37;--paid-priority-shadow:#d4af374d;--transparent-popup-header:#e2e4e5d9;--diagnosis-alternative-bg:var(--message-box-background);--diagnosis-part-bg:#edf2f7;--shadow-default:2px 2px 8px #0003;--shadow-color:#0000000d;--shadow-hover:0 4px 12px #00000026;--shadow-focus:0 0 0 3px #2563eb26;--shadow-focus-subtle:0 0 0 2px #ffe66d80;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--hover-background:#f9fafb;--warning-color:#f97316;--main-button-rgb:40,167,69;--secondary-button-background:#e5e7eb;--secondary-button-hover-background:#d1d5db;--secondary-button-text-color:#2d2d2d;--text-secondary:#6b7280;--text-muted:#9ca3af;--background:#f5f7fa;--color-accent-blue:#2563eb;--color-accent-blue-hover:#1d4ed8;--color-accent-blue-rgb:37,99,235;--color-gold:#f7c948;--color-gold-hover:#e6b800;--color-overlay-dark:#00000080;--color-overlay-light:#00000014}body.dark{--color-primary:#2b5797;--color-primary-hover:#1e3a8a;--color-primary-rgb:43,87,151;--color-success:#22c55e;--color-success-hover:#16a34a;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-warning:#ea580c;--color-warning-hover:#c2410c;--color-text:#b0bec5;--color-text-secondary:#78909c;--color-text-muted:#546e7a;--color-border:#2a3439;--color-border-strong:#3b4a50;--color-background:#000;--color-surface:#0e1313;--color-surface-hover:#1a2020;--color-surface-active:#2a3439;--btn-primary-bg-soft:#34c75926;--btn-primary-bg:#34c759;--btn-primary-border:#34c759;--btn-primary-hover:#2ea44f;--btn-primary-text:#fff;--btn-secondary-bg-soft:#2b579733;--btn-secondary-bg:#2b5797;--btn-secondary-border:#2b5797;--btn-secondary-hover:#1e3a8a;--btn-secondary-text:#c9c9c9;--btn-danger-bg-soft:#e74c3c26;--btn-danger-bg:#e74c3c;--btn-danger-border:#e74c3c;--btn-danger-hover:#c0392b;--btn-danger-text:#fff;--btn-ghost-bg:#2a3439;--btn-ghost-hover:#3b4a50;--btn-ghost-text:#b0bec5;--primary-color:#2b5797;--primary-hover:#1e3a8a;--primary-rgb:43,87,151;--background-color:#000;--border-color:#2a3439;--card-background:#0e1313;--input-background:#0c1010;--text-color:#b0bec5;--button-background:#2b5797;--button-hover:#1e3a8a;--button-text-color:#c9c9c9;--main-button-background:#34c759;--main-button-hover:#2ea44f;--secondary-background:#2a3439;--secondary-hover:#3b4a50;--danger-color:#e74c3c;--danger-hover:#c0392b;--success-color:#4caf50;--success-hover:#388e3c;--medium-priority-bg:#431407;--medium-priority-border:#ea580c;--high-priority-bg:#300;--high-priority-border:#c00;--message-box-background:#2a3439;--receiver-bubble-bg:#3b4a50;--receiver-bubble-text:#b0bec5;--sender-bubble-bg:#2b5797;--sender-bubble-text:#fff;--unread-email-bg:#1a3c34;--unread-email-border:#2ecc71;--unseen-update-bg:#1a3c34;--unseen-update-border:#2ecc71;--unseen-count-bg:#2ecc71;--unseen-count-text:#000;--status-pending-bg:#4a3c00;--status-pending-text:#ffd54f;--status-finished-bg:#1a3c2a;--status-finished-text:#81c784;--status-declined-bg:#3c1a1a;--status-declined-text:#ef9a9a;--color-info-bg:#1e3a5f;--color-info-text:#64b5f6;--paid-priority-bg-start:#4a3c0e;--paid-priority-bg-end:#7a5c0e;--paid-priority-border:#b8972b;--paid-priority-shadow:#b8972b80;--transparent-popup-header:#212121d9;--diagnosis-alternative-bg:var(--message-box-background);--diagnosis-part-bg:#1e272c;--validation-error-bg:#721c2440;--validation-error-border:#a94442;--validation-error-text:#f5c6cb;--validation-error-icon:#f87171;--validation-warning-bg:#85640440;--validation-warning-border:#b8860b;--validation-warning-text:#ffc107;--validation-warning-icon:#fbbf24;--validation-success-bg:#15572440;--validation-success-border:#2e7d32;--validation-success-text:#86efac;--validation-success-icon:#4ade80;--validation-info-bg:#0c546040;--validation-info-border:#0d6efd;--validation-info-text:#7dd3fc;--validation-info-icon:#38bdf8;--color-ai-accent:#66bb6a;--color-ai-accent-bg:#4caf5026;--color-ai-accent-border:#4caf5066;--shadow-color:#000000b3;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 12px #00000080;--shadow-xl:0 8px 24px #0009;--shadow-focus:0 0 0 3px #2b57974d;--shadow-focus-subtle:0 0 0 2px #ffe66d4d;--color-accent-blue:#3b82f6;--color-accent-blue-hover:#2563eb;--color-accent-blue-rgb:59,130,246;--color-gold:#ffd54f;--color-gold-hover:#ffca28;--color-overlay-dark:#000000b3;--color-overlay-light:#ffffff14;--hover-background:#1a2020;--warning-color:#ea580c;--main-button-rgb:52,199,89;--secondary-button-background:#2a3439;--secondary-button-hover-background:#3b4a50;--secondary-button-text-color:#b0bec5;--text-secondary:#78909c;--text-muted:#546e7a;--background:#000;--color-info:#64b5f6;--color-info-hover:#42a5f5}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--text-base);line-height:1.5;transition:background-color .3s ease,color .3s ease}h1{font-size:32px;margin-bottom:24px;text-align:center}h1,h2{font-weight:600}h2{font-size:24px;margin-bottom:16px}h3{margin-bottom:12px}h3,h3-chat{font-size:18px}h3,h3-chat,h4{font-weight:500}h4{font-size:16px;margin:16px 0 8px}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:rgba(var(--color-primary-rgb),.2)}@media (max-width:768px){body{padding:16px}}[class*=btn-]{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-sm);justify-content:center;line-height:1.2;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}[class*=btn-]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[class*=btn-]:disabled{background-color:var(--color-border);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}[class*=btn-]:disabled:hover{background-color:var(--color-border);transform:none}.btn-primary{background-color:var(--btn-primary-bg-soft);border:2px solid var(--btn-primary-border);color:var(--btn-primary-border)}.btn-primary:hover{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-hover);color:var(--btn-primary-text)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--btn-secondary-bg-soft);border:2px solid var(--btn-secondary-border);color:var(--btn-secondary-border)}.btn-secondary:hover{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-hover);color:var(--btn-secondary-text)}.btn-secondary:active{transform:scale(.98)}.btn-ghost.active,.btn-icon.active,.btn-secondary.active{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-ghost.active:hover,.btn-icon.active:hover,.btn-secondary.active:hover{background-color:var(--btn-primary-hover)}.btn-ghost.active{border-color:var(--btn-primary-bg)}.btn-ghost.active:hover{border-color:var(--btn-primary-hover)}.btn-ghost.active.disabled-by-search{background-color:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-secondary);opacity:.7}.btn-danger{background-color:var(--btn-danger-bg-soft);border:2px solid var(--btn-danger-border);color:var(--btn-danger-border)}.btn-danger:hover{background-color:var(--btn-danger-bg);border-color:var(--btn-danger-hover);color:var(--btn-danger-text)}.btn-danger:active{transform:scale(.98)}.btn-ghost{background-color:initial;border:2px solid var(--color-border);color:var(--color-text)}.btn-ghost:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost:active{background-color:var(--color-surface-active)}.btn-icon{background-color:var(--btn-secondary-bg);border:none;border-radius:var(--radius-md);color:var(--btn-secondary-text);display:inline-flex;height:36px;padding:0;transition:all var(--transition-normal);width:36px}.btn-icon:hover{background-color:var(--btn-secondary-hover)}.btn-icon.btn-ghost{background-color:initial;border:2px solid var(--color-border);color:var(--color-text)}.btn-icon.btn-ghost:hover{background-color:var(--color-surface-hover)}.btn-icon.btn-danger{background-color:var(--color-danger);color:var(--btn-primary-text)}.btn-icon.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-icon.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-icon.btn-primary:hover{background-color:var(--btn-primary-hover)}.btn-icon.btn-secondary{background-color:var(--btn-secondary-bg-soft);border:2px solid var(--btn-secondary-border);color:var(--btn-secondary-border)}.btn-icon.btn-secondary:hover{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-hover);color:var(--btn-secondary-text)}.btn-sm{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-xl)}.btn-icon.btn-sm{height:28px;width:28px}.btn-icon.btn-lg{height:44px;width:44px}.btn-group,.btn-group-vertical{display:flex;gap:var(--spacing-sm)}.btn-group-vertical{flex-direction:column}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{animation:btn-spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:14px;margin-left:var(--spacing-sm);width:14px}@keyframes btn-spin{to{transform:rotate(1turn)}}@keyframes buttonLoaderSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-loader{animation:buttonLoaderSpin .8s linear infinite;border:2px solid var(--btn-primary-text);border-radius:var(--radius-full);border-top:2px solid #0000;display:inline-block;height:16px;margin-right:8px;width:16px}.btn-mt-md,.btn-mt-ml{margin-top:10px}.btn-mt-ml{margin-left:var(--spacing-sm)}.link-button{font-size:14px;padding:8px 12px}.link-button-wrapper{align-items:center;display:inline-flex;gap:2px;position:relative}.link-delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-base);line-height:1;padding:0 2px;transition:color var(--transition-fast)}.link-delete-btn:hover{color:var(--color-danger)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group-horizontal{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-md)}.form-container{gap:16px;padding:16px}.field-group,.form-container{display:flex;flex-direction:column}.field-group{gap:8px}.field-group label{color:var(--text-color);font-size:14px;font-weight:500}.form-label{color:var(--color-text);font-size:var(--text-sm);font-weight:500;line-height:1.4}.form-label-required:after{color:var(--color-danger);content:" *"}.form-label-optional:after{color:var(--color-text-muted);content:" (valgfritt)";font-weight:400}.form-label-hint{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:400}.form-input,.form-select,.form-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-surface-active);color:var(--color-text-muted);cursor:not-allowed}input,select,textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-color);font-size:16px;padding:8px;transition:border-color .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--button-background);outline:none}textarea{max-height:120px;min-height:40px;resize:vertical}.popup-input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-color);font-size:14px;padding:8px;transition:border-color .3s ease;width:100%}.popup-input:focus{border-color:var(--button-background);outline:none}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;margin-bottom:20px;padding:10px;width:100%}.input-error{border-color:var(--color-danger)!important}.form-input.has-error,.form-select.has-error,.form-textarea.has-error{border-color:var(--color-danger)}.form-input.has-error:focus,.form-select.has-error:focus,.form-textarea.has-error:focus{box-shadow:0 0 0 3px #ef444426}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;cursor:pointer;padding-right:calc(var(--spacing-lg) + var(--spacing-sm))}.form-select::-ms-expand{display:none}select.filter-select{appearance:none;background-color:var(--secondary-background);background-image:linear-gradient(45deg,#0000 50%,var(--text-color) 50%),linear-gradient(135deg,var(--text-color) 50%,#0000 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:2px solid var(--secondary-background);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 12px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}select.filter-select:hover{background-color:var(--secondary-hover);border-color:var(--secondary-hover)}select.filter-select::-ms-expand{display:none}select.filter-select.small{font-size:13px;padding:6px 10px}.select-separator{color:var(--color-text-secondary);font-weight:600}.form-textarea{min-height:80px;resize:vertical}.form-textarea-sm{min-height:60px}.form-textarea-lg{min-height:120px}.price-input{appearance:textfield}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.form-row>.form-group{flex:1 1;min-width:150px}.form-column{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.inline-dropdown-row{align-items:center;flex-wrap:nowrap;gap:8px;width:100%}.inline-dropdown-row [class*=btn-]{flex:0 0 auto;padding:8px 12px;white-space:nowrap}.dropdown-with-button{flex:1 1 auto;max-width:80%;min-width:0}.form-row-nowrap{flex-wrap:nowrap}.form-grid-2{grid-gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.form-grid-2,.form-grid-3{display:grid;gap:var(--spacing-lg)}.form-grid-3{grid-gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.input-with-button{gap:var(--spacing-xs)}.input-with-button .form-input,.input-with-button .form-select{flex:1 1}.input-with-button .btn-icon{flex-shrink:0}.form-error{color:var(--color-danger);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.form-error-icon{margin-right:var(--spacing-xs)}.form-help{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.form-checkbox,.form-radio{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.form-checkbox input,.form-radio input{appearance:none;background-color:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:all var(--transition-fast);width:18px}.form-checkbox input{border-radius:var(--radius-sm)}.form-radio input{border-radius:50%}.form-checkbox input:checked,.form-radio input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-checkbox input:checked:after{border:2px solid var(--btn-primary-text);border-left:0;border-top:0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.form-radio input:checked:after{background-color:var(--btn-primary-text);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-checkbox input:focus-visible,.form-radio input:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.form-toggle{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.form-toggle input{height:0;opacity:0;width:0}.form-toggle-slider{background-color:var(--color-text-muted);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.form-toggle-slider,.form-toggle-slider:before{position:absolute;transition:all var(--transition-normal)}.form-toggle-slider:before{background-color:var(--btn-primary-text);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.form-toggle input:checked+.form-toggle-slider{background-color:var(--color-primary)}.form-toggle input:checked+.form-toggle-slider:before{transform:translateX(20px)}.form-toggle input:focus-visible+.form-toggle-slider{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.form-section{margin-bottom:var(--spacing-xl)}.form-section-title{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.form-actions-left{justify-content:flex-start}.form-actions-between{justify-content:space-between}.popup-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.popup-form-compact{gap:var(--spacing-sm)}.form-radio-group{display:flex;gap:var(--spacing-md)}.form-radio-group-vertical{flex-direction:column;gap:var(--spacing-sm)}.radio-group{display:flex;flex-direction:column;gap:16px;margin:16px 0}.clickable{cursor:pointer}.flex-center{align-items:center;display:flex;gap:var(--spacing-sm)}.scrollable-list{max-height:200px;overflow-y:auto}.muted{opacity:.6}.visually-hidden{left:-9999px;position:absolute}@media (max-width:768px){.form-row{flex-direction:row;gap:12px}.inline-dropdown-row{flex-direction:row;gap:4px}.inline-dropdown-row [class*=btn-]{padding:6px 10px}.radio-group{gap:12px}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card.selected{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.card.enabled,.card.selected{border-color:var(--color-primary)}.card.enabled{border-width:2px}.card.has-error{border-color:var(--color-danger)}.card.disabled{opacity:.6;pointer-events:none}.card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.card-header-title{color:var(--color-text);font-size:var(--text-base);font-weight:600;margin:0}.card-header-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.card-header-actions{display:flex;gap:var(--spacing-sm)}.card-body{padding:var(--spacing-lg)}.card-body-compact{padding:var(--spacing-md)}.card-body-spacious{padding:var(--spacing-xl)}.card-footer{align-items:center;background-color:var(--color-surface-hover);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.card-footer-left{justify-content:flex-start}.card-footer-between{justify-content:space-between}.accordion-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.accordion-card.enabled{border-color:var(--color-primary)}.accordion-card.has-error{border-color:var(--color-danger)}.accordion-card-header{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.accordion-card-header:hover{background-color:var(--color-surface-hover)}.accordion-card-icon{align-items:center;background-color:var(--color-surface-active);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:var(--text-xl);height:44px;justify-content:center;width:44px}.accordion-card.enabled .accordion-card-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--btn-primary-text)}.accordion-card-info{flex:1 1;min-width:0}.accordion-card-title{color:var(--color-text);font-size:var(--text-sm);font-weight:600;margin:0 0 2px}.accordion-card-description{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}.accordion-card-status{color:var(--color-primary);display:block;font-size:var(--text-xs);font-weight:500;margin-top:var(--spacing-xs)}.accordion-card-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md)}.accordion-card-expand-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;padding:var(--spacing-xs)}.accordion-card-expand-btn:hover{color:var(--color-text)}.accordion-card-content{border-top:1px solid var(--color-border);padding:var(--spacing-lg)}.card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.info-card{background-color:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.info-card-label{color:var(--color-text-secondary);font-size:var(--text-xs);margin-bottom:var(--spacing-xs)}.info-card-value{color:var(--color-text);font-size:var(--text-base);font-weight:600}.stat-card{background-color:var(--color-surface)}.stat-card-label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.stat-card-value{color:var(--color-text);font-size:var(--text-2xl);font-weight:700}.stat-card-change{font-size:var(--text-xs);margin-top:var(--spacing-sm)}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-danger)}.selection-card{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);text-align:center;transition:all var(--transition-fast)}.selection-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.selection-card.selected{background-color:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.selection-card-icon{align-items:center;background-color:var(--color-surface-active);border-radius:50%;color:var(--color-text-secondary);display:flex;font-size:var(--text-lg);height:40px;justify-content:center;width:40px}.selection-card.selected .selection-card-icon{background:linear-gradient(135deg,var(--color-info),var(--color-info-hover));box-shadow:0 2px 8px rgba(var(--color-accent-blue-rgb),.3);color:var(--btn-primary-text)}.selection-card-title{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.selection-card-description{color:var(--color-text-secondary);font-size:var(--text-xs)}.validation-box{border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.validation-box-compact{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.validation-box-header{align-items:center;display:flex;font-weight:600;gap:var(--spacing-sm)}.validation-box-header svg{flex-shrink:0}.validation-box-content{font-size:var(--text-sm);line-height:1.5}.validation-error-box{background:var(--validation-error-bg);border:1px solid var(--validation-error-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.validation-error-header{color:var(--validation-error-text);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.validation-error-header svg{color:var(--validation-error-icon);flex-shrink:0}.validation-error-list{color:var(--validation-error-text);font-size:var(--text-sm);line-height:1.6;padding-left:var(--spacing-xl)}.validation-error-list li{margin-bottom:var(--spacing-xs)}.validation-error-list li:last-child{margin-bottom:0}.validation-warning-box{background:var(--validation-warning-bg);border:1px solid var(--validation-warning-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.validation-warning-header{align-items:center;color:var(--validation-warning-text);display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.validation-warning-header svg{color:var(--validation-warning-icon);flex-shrink:0}.validation-warning-list{color:var(--validation-warning-text);font-size:var(--text-sm);line-height:1.6;margin:0;padding-left:var(--spacing-xl)}.validation-warning-list li{margin-bottom:var(--spacing-xs)}.validation-warning-list li:last-child{margin-bottom:0}.validation-success-box{align-items:flex-start;background:var(--validation-success-bg);border:1px solid var(--validation-success-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.validation-success-header{align-items:center;color:var(--validation-success-text);display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.validation-success-header svg{color:var(--validation-success-icon);flex-shrink:0}.validation-success-icon{color:var(--validation-success-text);flex-shrink:0;margin-top:2px}.validation-success-content{color:var(--validation-success-text);font-size:var(--text-sm);line-height:1.5}.validation-success-content strong{display:block;margin-bottom:var(--spacing-xs)}.validation-info-box{background:var(--validation-info-bg);border:1px solid var(--validation-info-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.validation-info-header{align-items:center;color:var(--validation-info-text);display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.validation-info-header svg{color:var(--validation-info-icon);flex-shrink:0}.validation-info-content{color:var(--validation-info-text);font-size:var(--text-sm);line-height:1.5}.validation-list{font-size:var(--text-sm);line-height:1.6;list-style:disc;margin:0;padding-left:var(--spacing-xl)}.validation-list li{margin-bottom:var(--spacing-xs)}.validation-list li:last-child{margin-bottom:0}.validation-list-numbered{list-style:decimal}.validation-list-plain{list-style:none;padding-left:0}.validation-inline{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.validation-inline-error{color:var(--color-danger)}.validation-inline-warning{color:var(--validation-warning-text)}.validation-inline-success{color:var(--color-success)}.validation-inline svg{flex-shrink:0;font-size:12px}.status-badge{gap:var(--spacing-xs);padding:2px var(--spacing-sm)}.status-badge svg{font-size:9px}.status-badge-success{background:var(--status-finished-bg);color:var(--status-finished-text)}.status-badge-warning{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge-error{background:var(--status-declined-bg);color:var(--status-declined-text)}.status-badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.status-badge-lg{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-md)}.error-message{font-size:12px;margin-top:4px}.error-message,.text-danger{color:var(--color-danger)}.success-message{color:var(--color-success)}.message-error{color:var(--color-danger)}.message-success{color:var(--color-success)}.context-menu{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-default);padding:8px 0;z-index:2000}.context-menu li{cursor:pointer;padding:8px 16px;transition:background-color .2s ease}.context-menu li:hover{background-color:var(--button-background);color:var(--btn-secondary-text)}.context-menu li.separator{border-top:1px solid var(--border-color);cursor:default;padding:4px 0;pointer-events:none}.context-menu li.separator:hover{background-color:initial}.tooltip-icon{align-items:center;background-color:var(--text-color);border-radius:var(--radius-full);color:var(--card-background);cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;position:relative;transition:background-color .2s ease;width:16px}.tooltip-icon:hover{background-color:var(--button-hover)}.tooltip-text{border:1px solid var(--border-color);display:block;height:auto;inset-block-start:calc(100% + 10px);left:50%;max-width:250px;min-height:fit-content;padding:8px 12px;transform:translateX(-50%);white-space:normal;width:max-content;word-break:break-word;z-index:1002}.tooltip-icon:focus .tooltip-text,.tooltip-icon:hover .tooltip-text{opacity:1;visibility:visible}.tooltip-text:before{border:6px solid #0000;border-block-end-color:var(--border-color)}.tooltip-text:after,.tooltip-text:before{content:"";inset-block-end:100%;left:50%;position:absolute;transform:translateX(-50%)}.tooltip-text:after{border:5px solid #0000;border-block-end-color:var(--card-background)}.checkbox-container{margin:8px 0}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{height:16px;margin:0;width:16px}.radio-label{align-items:center;color:var(--text-color);display:flex;font-size:16px;gap:6px}.radio-label input[type=radio]{height:16px;margin:0;width:16px}.custom-checkbox{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px}.custom-checkbox input[type=checkbox]{appearance:none;background-color:var(--input-background);border:2px solid var(--border-color);border-radius:var(--radius-sm);height:18px;position:relative;transition:all .2s ease;width:18px}.custom-checkbox input[type=checkbox]:checked{background-color:var(--button-background);border-color:var(--button-background)}.custom-checkbox input[type=checkbox]:checked:after{color:var(--btn-primary-text);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-checkbox span{-webkit-user-select:none;user-select:none}body.dark .custom-checkbox input[type=checkbox]:checked:after{color:var(--btn-primary-text)}.custom-checkbox input[type=checkbox].auto-checked-sms,.custom-checkbox input[type=checkbox].auto-checked-sms:checked{background-color:var(--main-button-background);border-color:var(--main-button-background)}.custom-checkbox input[type=checkbox].auto-checked-sms:checked:after,body.dark .custom-checkbox input[type=checkbox].auto-checked-sms:checked:after{color:var(--btn-primary-text)}.custom-checkbox input[type=checkbox].auto-checked-email,.custom-checkbox input[type=checkbox].auto-checked-email:checked{background-color:var(--main-button-background);border-color:var(--main-button-background)}.custom-checkbox input[type=checkbox].auto-checked-email:checked:after,body.dark .custom-checkbox input[type=checkbox].auto-checked-email:checked:after{color:var(--btn-primary-text)}.integrated-checkbox{align-items:center;background-color:var(--input-background);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease}.integrated-checkbox:hover{background-color:var(--secondary-background);border-color:var(--button-background)}.integrated-checkbox.checked{background-color:var(--main-button-background);border-color:var(--main-button-background);color:var(--btn-primary-text)}.integrated-checkbox.checked:hover{background-color:var(--main-button-hover);border-color:var(--main-button-hover)}.integrated-checkbox.auto-checked-email,.integrated-checkbox.auto-checked-sms{background-color:var(--main-button-background);border-color:var(--main-button-background);color:var(--btn-primary-text)}.integrated-checkbox.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.integrated-checkbox:active{transform:scale(.98)}.checkbox-icon{flex-shrink:0;font-size:16px}.checkbox-text{font-weight:600;-webkit-user-select:none;user-select:none}body.dark .integrated-checkbox{background-color:var(--input-background);border-color:var(--border-color);color:var(--text-color)}body.dark .integrated-checkbox:hover{background-color:var(--secondary-background)}body.dark .integrated-checkbox.auto-checked-email,body.dark .integrated-checkbox.auto-checked-sms,body.dark .integrated-checkbox.checked{background-color:var(--main-button-background);border-color:var(--main-button-background);color:var(--btn-primary-text)}.custom-radio{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;gap:12px}.custom-radio input[type=radio]{appearance:none;background-color:var(--input-background);border:2px solid var(--border-color);border-radius:var(--radius-full);height:24px;position:relative;transition:all .2s ease;width:24px}.custom-radio input[type=radio]:checked{border-color:var(--button-background)}.custom-radio input[type=radio]:checked:after{background-color:var(--button-background);border-radius:var(--radius-full);content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.collapsible-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0}.collapsible-header:hover{color:var(--button-background)}.chevron-icon{font-size:14px}.loading-screen{align-items:center;background-color:var(--color-background);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-laptop-wrapper{height:150px;position:relative;transition:opacity .4s ease;width:200px}.loading-laptop-wrapper.loading-fadeout{opacity:0}.loading-piece{border-radius:4px;opacity:1;position:absolute;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s ease;transition:transform var(--assembly-speed,.8s) cubic-bezier(.25,.46,.45,.94),opacity var(--assembly-speed,.8s) ease}.loading-piece-lid{background:linear-gradient(145deg,#2d3748,#1a202c);border-radius:8px;box-shadow:0 2px 12px #0000004d;height:110px;left:10px;top:0;transform:translate(-60px,-40px) rotate(-15deg);width:180px}.loading-piece-screen{background:linear-gradient(135deg,#0f1419,#1a1f26);border-radius:4px;box-shadow:inset 0 2px 8px #00000080;height:94px;left:18px;top:8px;transform:translate(70px,-50px) rotate(12deg);width:164px}.loading-piece-keyboard{background:linear-gradient(180deg,#4a5568,#2d3748);border-radius:2px 2px 0 0;height:18px;left:5px;top:112px;transform:translate(-50px,40px) rotate(20deg);width:190px}.loading-piece-base{background:linear-gradient(180deg,#4a5568,#2d3748 50%,#1a202c);border-radius:0 0 6px 6px;box-shadow:0 4px 12px #00000040;height:12px;left:0;top:128px;transform:translate(55px,50px) rotate(-10deg);width:200px}.loading-piece-trackpad{background:#3b4a56;border-radius:2px;height:10px;left:80px;top:115px;transform:translate(30px,60px) rotate(25deg);width:40px}.loading-piece.assembled{transform:translate(0) rotate(0deg)}.loading-screen-flash{background:radial-gradient(circle,#ffffffe6,#0000 70%);border-radius:4px;height:94px;left:18px;opacity:0;pointer-events:none;position:absolute;top:8px;transition:opacity .15s ease;width:164px}.loading-screen-flash.active{opacity:.75}.loading-logo-reveal{align-items:center;display:flex;height:94px;justify-content:center;left:18px;opacity:0;position:absolute;top:8px;transform:scale(.85);transition:opacity .35s ease,transform .35s ease;width:164px;z-index:1}.loading-logo-reveal.visible{opacity:1;transform:scale(1)}.loading-logo-img{max-height:75%;max-width:75%;object-fit:contain}.loading-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xl);opacity:0;transition:opacity .3s ease}.loading-message.visible{opacity:1}body.dark .loading-screen{background-color:var(--color-background)}body.dark .loading-piece-lid{background:linear-gradient(145deg,#3d4a5c,#252d3a)}body.dark .loading-piece-screen{background:linear-gradient(135deg,#0a0d10,#12171d)}body.dark .loading-piece-keyboard{background:linear-gradient(180deg,#5a6a7e,#3d4a5c)}body.dark .loading-piece-base{background:linear-gradient(180deg,#5a6a7e,#3d4a5c 50%,#252d3a)}body.dark .loading-piece-trackpad{background:#4a5c6e}body.dark .loading-message{color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){.loading-piece{opacity:1;transform:none;transition:none}.loading-screen-flash{opacity:0;transition:none}.loading-logo-reveal{transform:none}.loading-logo-reveal,.loading-message{opacity:1;transition:none}.loading-laptop-wrapper{transition:none}}.lightbox-backdrop{align-items:center;animation:lightbox-fadein .18s ease;background:#000000d1;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes lightbox-fadein{0%{opacity:0}to{opacity:1}}.lightbox-container{animation:lightbox-scalein .2s ease;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:92vh;max-width:92vw;min-width:320px;overflow:hidden}@keyframes lightbox-scalein{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}.lightbox-filename{color:var(--color-text);flex:1 1;font-size:var(--text-sm);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-counter{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400;margin-left:var(--spacing-sm)}.lightbox-actions{flex-shrink:0;gap:var(--spacing-sm)}.lightbox-actions,.lightbox-dl{align-items:center;display:flex}.lightbox-dl{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.lightbox-dl:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.lightbox-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.lightbox-close:hover{background:var(--color-surface-active);color:var(--color-danger)}.lightbox-stage{align-items:center;display:flex;justify-content:center;max-height:calc(92vh - 60px);min-height:200px;overflow:hidden;padding:var(--spacing-lg);position:relative}.lightbox-img{border-radius:var(--radius-sm);max-height:calc(88vh - 60px);max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.lightbox-nav{align-items:center;background:var(--color-surface);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background var(--transition-fast),transform var(--transition-fast);width:40px;z-index:2}.lightbox-nav:hover{background:var(--color-surface-hover);transform:translateY(-50%) scale(1.08)}.lightbox-prev{left:var(--spacing-sm)}.lightbox-next{right:var(--spacing-sm)}.fixed-header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--transparent-popup-header);box-shadow:var(--shadow-default);display:flex;justify-content:flex-start;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:1001}.header-controls{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-left:10px;width:100%}.header-left-buttons,.header-right-buttons{align-items:center;display:flex;gap:5px}.phone-service-warning{background-color:#c62828;border-radius:var(--radius-full);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.02em;line-height:1;padding:8px 12px;text-transform:uppercase;white-space:nowrap}.sidebar-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:5px;transition:color .3s ease}.sidebar-toggle-button:hover{color:var(--button-background)}.theme-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:5px;transition:color .3s ease}.theme-toggle-button:hover{color:var(--button-background)}.chat-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.chat-button:hover{color:var(--button-background)}.dev-suggestions-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.dev-suggestions-button:hover{color:var(--button-background)}.test-reauth-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.test-reauth-button:hover{color:var(--button-background)}.employee-chat-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.employee-chat-button:hover{color:var(--button-background)}.settings-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.settings-button:hover{color:var(--button-background)}.passwords-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.passwords-button:hover{color:var(--button-background)}.knowledge-base-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.knowledge-base-button:hover{color:var(--button-background)}.sound-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:5px;transition:color .3s ease}.sound-toggle-button:hover{color:var(--button-background)}.tooltip-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:5px;transition:color .3s ease}.tooltip-toggle-button:hover{color:var(--button-background)}.home-office-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color .3s ease}.home-office-toggle:hover{color:var(--button-background)}@media (max-width:768px){.fixed-header{padding:8px 15px}.header-controls{gap:10px}.phone-service-warning{font-size:.72rem;padding:7px 10px}.sidebar-toggle-button,.theme-toggle-button{font-size:1.2rem}}.employee-chat-badge{background-color:var(--danger-color);border-radius:var(--radius-full);color:#fff;font-size:12px;font-weight:700;height:18px;line-height:18px;min-width:18px;position:absolute;right:-8px;text-align:center;top:-8px;width:auto}.app-container{padding-top:60px}.container,.edit-ticket-container,.storage-management-container{margin:0 auto;max-width:1200px;min-width:320px;width:100%}.main-content{box-sizing:border-box;flex:1 1;margin-left:0;margin-right:auto;max-width:100%;padding:40px;transition:padding-top .3s ease}@media (max-width:768px){.app-container{padding-top:40px}.main-content{margin-left:0;max-width:100%;padding:0}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-overlay-transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial}.popup-overlay-dark{background-color:#000c}.popup-overlay-lockout{z-index:20000}body[data-reauth-lockout=true] .draggable-popup-portal,body[data-reauth-lockout=true] .popup-overlay{pointer-events:none}body[data-reauth-lockout=true] .popup-overlay.popup-overlay-lockout{pointer-events:auto}.popup-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.popup-sm{max-width:400px;width:100%}.popup-md{max-width:600px;width:100%}.popup-lg{max-width:800px;width:100%}.popup-xl{max-width:1000px;width:100%}.popup-fullscreen{height:90vh;max-height:90vh;max-width:95vw;width:95vw}.popup-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;margin:0;padding:2px var(--spacing-lg);position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:1}.popup-header-transparent{background-color:var(--transparent-popup-header)}.popup-header-title{color:var(--color-text);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0}.popup-header-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:400}.popup-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.popup-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.popup-body-compact{padding:var(--spacing-md)}.popup-body-spacious{padding:var(--spacing-xl)}.popup-body-no-padding{padding:0}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-track{background:#0000}.popup-body::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.popup-footer{align-items:center;background-color:var(--color-surface-hover);border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.popup-footer-left{justify-content:flex-start}.popup-footer-between{justify-content:space-between}.popup-footer-center{justify-content:center}.popup-tabs{display:flex;gap:var(--spacing-xs)}.popup-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.popup-tab:hover{color:var(--color-text)}.popup-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.popup-confirm{max-width:400px;text-align:center}.popup-confirm-icon{color:var(--color-warning);font-size:48px;margin-bottom:var(--spacing-lg)}.popup-confirm-icon.danger{color:var(--color-danger)}.popup-confirm-icon.success{color:var(--color-success)}.popup-confirm-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.popup-confirm-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-xl);width:90%}.modal-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-md)}.modal-message{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.popup-step-indicator{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) 0}.popup-step{flex-direction:column;gap:var(--spacing-xs)}.popup-step,.popup-step-dot{align-items:center;display:flex}.popup-step-dot{background-color:var(--color-surface-active);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.popup-step.active .popup-step-dot{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.popup-step.completed .popup-step-dot{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.popup-step-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.popup-step.active .popup-step-label{color:var(--color-primary);font-weight:500}.popup-step-line{background-color:var(--color-border);height:2px;margin-bottom:20px;width:40px}.popup-step-line.completed{background-color:var(--color-success)}.popup-warning{align-items:center;background-color:#f973161a;border:1px solid var(--color-warning);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.popup-warning-icon{color:var(--color-warning);flex-shrink:0;font-size:var(--text-xl)}.popup-warning-content{flex:1 1}.popup-info{align-items:center;background-color:#3b82f61a;border:1px solid var(--color-info);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.popup-info-icon{color:var(--color-info);flex-shrink:0;font-size:var(--text-xl)}.settings-popup-content{gap:var(--spacing-lg)}.settings-popup-content,.settings-slider-group{display:flex;flex-direction:column}.settings-slider-label{color:var(--text-color);display:block;margin-bottom:var(--spacing-xs)}.settings-slider-input{width:100%}.settings-preview-box{background-color:var(--secondary-background);border-radius:var(--radius-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.settings-preview-title{color:var(--text-color);font-weight:700}.settings-preview-content{color:var(--text-color);font-size:12px;margin:var(--spacing-xs) 0 0 0;white-space:pre-wrap;word-break:break-all}.settings-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.settings-btn-secondary{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg)}.settings-btn-secondary:hover{background-color:var(--secondary-hover)}.settings-btn-primary{background-color:var(--button-background);border:none;border-radius:var(--radius-sm);color:var(--button-text-color);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg)}.settings-btn-primary:hover{background-color:var(--button-hover)}.review-popup-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.review-popup .popup-content{max-height:90vh;min-height:260px}.review-popup-text{text-align:center}.review-popup-hint{color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.review-popup-checkbox{align-items:center;display:flex;gap:var(--spacing-sm)}.review-popup-field-group{margin-bottom:var(--spacing-lg)}.review-popup-label{display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.review-popup-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:monospace;font-size:var(--text-sm);height:150px;padding:var(--spacing-sm);resize:vertical;width:100%}.review-popup-textarea:focus{border-color:var(--color-primary);outline:none}.review-popup-loading{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.popup-form-layout{display:flex;flex-direction:column;gap:var(--spacing-md)}.full-message-content{max-height:300px}.full-message-content,.popup-body-scroll{overflow-y:auto;padding:var(--spacing-xl)}.popup-body-scroll{max-height:80vh}.popup-header-icon{cursor:default;flex-shrink:0}.popup-action-icon{cursor:pointer}.popup-action-icon-spaced{cursor:pointer;margin-right:var(--spacing-md)}.home-office-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.liquid-glass-popup-container{max-height:80vh;width:500px}.review-popup-container{max-height:90vh;width:500px}.popup-header-buttons{align-items:center;cursor:default;display:flex;flex-shrink:0;gap:8px}.popup-header-buttons button{cursor:pointer}.minimize-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:color .3s ease}.minimize-button:hover{color:var(--button-background)}.close-button{cursor:pointer}.popup-header-center{align-items:center;box-sizing:border-box;cursor:default;display:flex;justify-content:flex-start;min-width:0;overflow:hidden;width:100%}.password-manager-popup{max-height:90vh;width:720px}.password-manager-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.password-manager-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-manager-section-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600}.password-manager-unlock-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.password-manager-unlock-status{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.password-manager-unlock-label{color:var(--color-text);font-weight:600}.password-manager-unlock-hint{color:var(--color-text-secondary);font-size:var(--text-sm)}.password-manager-unlock-form{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:minmax(0,1fr) auto}.password-manager-unlocked-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-manager-entry{padding:var(--spacing-md)}.password-manager-entry-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.password-manager-entry-name{color:var(--color-text);font-size:var(--text-base);font-weight:600}.password-manager-entry-meta{color:var(--color-text-secondary);font-size:var(--text-xs)}.password-manager-passwords{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:var(--spacing-sm) 0 0;padding:0}.password-manager-password-row{border-top:1px solid var(--color-border);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:space-between;padding-top:var(--spacing-xs)}.password-manager-password-row:first-child{border-top:none;padding-top:0}.password-manager-password-account{color:var(--color-text);font-weight:600}.password-manager-password-value{color:var(--color-text);word-break:break-word}.password-manager-empty{color:var(--color-text-secondary);font-size:var(--text-sm)}.password-manager-selected{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.password-manager-selected-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.password-manager-selected-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.password-manager-selected-passwords{display:flex;flex-direction:column;gap:var(--spacing-xs)}.password-manager-add-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-manager-add-actions{display:flex;justify-content:flex-end}.password-manager-search{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-manager-search-input{align-items:center;display:flex;gap:var(--spacing-sm)}.password-manager-search-input .form-input{flex:1 1}.password-manager-search-results{display:flex;flex-direction:column;gap:var(--spacing-sm)}.password-manager-search-row{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm)}.password-manager-search-row:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.password-manager-search-actions{display:flex;gap:var(--spacing-sm)}.password-manager-active-customers{display:flex;flex-direction:column;gap:var(--spacing-sm)}.password-manager-active-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.popup-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.popup-actions button{font-size:14px;font-weight:500;padding:8px 20px;transition:background-color var(--transition-normal)}.popup-back-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:color .3s ease}.popup-back-button:hover{color:var(--button-background)}.popup-content{background-color:var(--card-background);display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:100%;padding:20px}.popup-header .close-button{align-items:center;background-color:initial;border:none;color:var(--danger-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px}.popup-header .close-button:hover{color:var(--danger-hover)}.popup-header h3{font-size:18px;margin:0}.popup-view-details-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:color .3s ease}.popup-view-details-button:hover{color:var(--button-background)}.popup-search-ticket-button{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:color .3s ease}.popup-search-ticket-button:hover{color:var(--button-background)}.conflict-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;padding:0;width:100%;z-index:1001}.conflict-popup-content{display:flex;flex-direction:column;gap:16px;padding:20px}.repair-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow-y:auto;width:100%;z-index:1001}.fullscreen-popup{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.fullscreen-popup-body{flex:1 1;overflow-y:auto;padding:24px}.fullscreen-popup-content{display:flex;flex-direction:column;height:90%;width:90%}.fullscreen-popup-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.drag-handle{align-items:center;cursor:grab;display:flex;flex:1 1;padding:4px 0}.drag-handle h3{font-size:18px;margin:0;-webkit-user-select:none;user-select:none;width:100%}.draggable-popup{pointer-events:auto;z-index:1001}.draggable-popup-portal{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1002}.draggable-popup-portal .draggable-popup{pointer-events:auto}.inactivity-reauth-popup{max-width:450px;width:100%}.reauth-message{margin-bottom:20px;text-align:center}.reauth-message p{font-size:16px;line-height:1.5}.reauth-message p,.reauth-user-info{color:var(--text-color);margin-bottom:16px}.reauth-user-info{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;padding:8px 12px}.reauth-form .form-row{margin-bottom:16px}.reauth-form .form-row label{color:var(--text-color);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reauth-form .form-row input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.reauth-form .form-row input:focus{border-color:var(--button-background);outline:none}.reauth-form .error-message{background-color:#dc35451a;border:1px solid #dc354533;border-radius:var(--radius-sm);color:var(--danger-color);font-size:14px;margin-bottom:16px;padding:8px;text-align:center}@media (max-width:768px){.conflict-popup{max-height:90vh;width:100%}.conflict-popup-content{gap:12px;padding:16px}.draggable-popup{max-height:80vh;width:80%}.popup-actions{flex-direction:column;gap:8px}.popup-actions button{padding:10px;width:100%}.popup-content{padding:12px}}.webform-problem-section{background-color:#f8f9fa;background-color:var(--color-surface,#f8f9fa);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);margin-bottom:12px;margin-bottom:var(--spacing-md,12px);padding:12px;padding:var(--spacing-md,12px)}.webform-problem-header{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.webform-problem-content{color:#1f2937;color:var(--color-text,#1f2937);font-size:1rem;font-size:var(--text-base,1rem);line-height:1.5;white-space:pre-wrap}.ai-draft-section{background-color:#f8f9fa;background-color:var(--color-surface,#f8f9fa);border:1px solid #3b82f6;border:1px solid var(--color-primary,#3b82f6);border-radius:6px;border-radius:var(--radius-md,6px);margin-bottom:12px;margin-bottom:var(--spacing-md,12px);max-height:400px;padding:var(--spacing-md,12px)}.ai-draft-header{justify-content:space-between;margin-bottom:var(--spacing-sm,8px)}.ai-draft-title{color:#3b82f6;color:var(--color-primary,#3b82f6);font-weight:600}.ai-draft-loading,.ai-draft-title{font-size:.875rem;font-size:var(--text-sm,.875rem)}.ai-draft-loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;gap:4px;gap:var(--spacing-xs,4px)}.loading-spinner-sm{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#3b82f6;border:2px solid var(--color-border,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#3b82f6);height:14px;width:14px}.ai-draft-content{flex:1 1;gap:8px;gap:var(--spacing-sm,8px)}.ai-draft-text{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-sm,4px);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;max-height:200px;padding:8px 12px;padding:var(--spacing-sm,8px) var(--spacing-md,12px)}.ai-draft-suggestions,.ai-draft-text{color:#1f2937;color:var(--color-text,#1f2937)}.ai-draft-suggestions{background-color:#fef3c7;background-color:var(--color-warning-light,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:4px;border-radius:var(--radius-sm,4px);font-size:.75rem;font-size:var(--text-xs,.75rem);padding:8px;padding:var(--spacing-sm,8px)}.ai-draft-suggestions strong{color:#b45309;color:var(--color-warning-dark,#b45309)}.ai-draft-suggestions ul{list-style:disc;margin:4px 0 0;margin:var(--spacing-xs,4px) 0 0;padding-left:16px;padding-left:var(--spacing-lg,16px)}.ai-draft-suggestions li{margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.ai-draft-actions{flex-shrink:0}.ai-draft-actions,.ai-draft-context-input{gap:8px;gap:var(--spacing-sm,8px);margin-top:8px;margin-top:var(--spacing-sm,8px)}.ai-draft-context-input{display:flex;flex-direction:column}.ai-draft-context-textarea{background-color:#fff;background-color:var(--color-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;border-radius:var(--radius-sm,4px);color:#1f2937;color:var(--color-text,#1f2937);font-family:inherit;font-size:.875rem;font-size:var(--text-sm,.875rem);min-height:60px;padding:8px;padding:var(--spacing-sm,8px);resize:vertical;width:100%}.ai-draft-context-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}[data-theme=dark] .ai-draft-section,[data-theme=dark] .webform-problem-section{background-color:#1f2937;background-color:var(--color-surface-dark,#1f2937)}[data-theme=dark] .ai-draft-context-textarea,[data-theme=dark] .ai-draft-text{background-color:#111827;background-color:var(--color-background-dark,#111827)}[data-theme=dark] .ai-draft-suggestions{background-color:#f59e0b1a}.ticket-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow:hidden;padding:8px 16px 16px 8px}.ticket-list+.form-row{align-items:center;flex-wrap:nowrap;gap:16px;margin-bottom:32px;overflow-x:auto;white-space:nowrap}.ticket-list+.form-row button{flex:0 1 auto;margin-top:0;max-width:200px;min-width:120px;padding:8px 16px}.ticket-list+.form-row input,.ticket-list+.form-row select{flex:0 1 auto;max-width:200px;min-width:120px;padding:8px}.ticket-item{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);display:flex;flex-direction:column;gap:8px;opacity:1;overflow:hidden;padding:8px 16px 16px;transition:opacity .3s ease}.ticket-line{display:flex;flex-direction:row;gap:4px;justify-content:center}.ticket-title{align-content:flex-end;border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:inline-block;font-size:18px;font-weight:600;line-height:1.3;overflow:hidden;padding:12px 8px 8px;text-overflow:ellipsis;transition:color .3s ease,transform .2s ease,box-shadow .2s ease;white-space:normal}.ticket-title:hover{box-shadow:var(--shadow-default);color:var(--button-background);transform:translateY(-1px)}.ticket-title span{font-size:16px;font-weight:600}@media (max-width:768px){.ticket-title{font-size:14px;padding:3px 6px}}.ticket-actions{align-items:center;border-radius:var(--radius-sm);display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;overflow:hidden;padding:10px 0}.ticket-actions button{white-space:normal}.ticket-action-group{align-items:center;display:flex;gap:8px;overflow:hidden;position:relative}.ticket-action-group:not(:last-child):after{background-color:var(--border-color);content:"";height:24px;margin-left:10px;width:1px}.customer-ticket-actions{align-items:center;border-radius:var(--radius-sm);display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 0}.customer-ticket-actions .btn-primary{font-size:20px;font-weight:600}.ticket-login-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 0}.ticket-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ticket-status-badge{align-items:center;background-color:var(--secondary-background);border:2px solid #0000;border-radius:20px;color:var(--text-color);display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.ticket-status-badge.awaiting-diagnosis{background-color:#fef3c7;border-color:#d97706;color:#92400e}.ticket-status-badge.in-diagnosis{background-color:#dbeafe;border-color:#2563eb;color:#1e40af}.ticket-status-badge.awaiting-customer-approval{background-color:#fce7f3;border-color:#db2777;color:#9d174d}.ticket-status-badge.return-by-mail{background-color:var(--color-warning);border-color:#f59e0b;color:#1f2937}.ticket-status-badge.awaiting-repair{background-color:#e0e7ff;border-color:#4f46e5;color:#3730a3}.ticket-status-badge.being-repaired{background-color:#d1fae5;border-color:#059669;color:#065f46}.ticket-status-badge.waiting-for-parts{background-color:#ffedd5;border-color:#ea580c;color:#9a3412}.ticket-status-badge.awaiting-recovery{background-color:#fee2e2;border-color:#dc2626;color:#991b1b}.ticket-status-badge.reassemble{background-color:#f3e8ff;border-color:#9333ea;color:#6b21a8}.ticket-status-badge.ready-for-pickup{background-color:#dcfce7;border-color:#16a34a;color:#166534}.ticket-status-badge.sms-after-picked-up{background-color:#e5e7eb;border-color:#6b7280;color:#374151}.ticket-status-badge.reiseoppdrag-badge{align-items:center;background-color:#dbeafe;border-color:#3b82f6;color:#1e40af;display:inline-flex;gap:4px}.ticket-details{padding:16px}.ticket-info{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;justify-content:center}.ticket-info-popup{padding:16px}.info-section{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin-bottom:20px;padding:16px}.info-section h4{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.info-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:8px 0}.info-grid .grid-item{display:flex;flex-direction:column;font-size:14px}.info-grid .grid-item strong{color:var(--text-color);font-weight:600;margin-bottom:4px}.info-grid .grid-item span{color:var(--text-color);word-break:break-word}@media (max-width:768px){.info-grid{gap:8px 16px;grid-template-columns:1fr;padding:8px 0}.info-section{padding:12px}.info-section h4{font-size:14px;padding-bottom:6px}}.ticket-description-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--text-color);font-size:small;margin:4px 0 8px;max-width:100%;padding:8px 12px;transition:border-color .2s ease;word-break:break-word}.ticket-description-card:hover{border-color:var(--color-border-strong)}.ticket-description-card.webform-problem-card{background-color:var(--color-surface);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);border-left-width:4px}.ticket-description-card.webform-problem-card .ticket-description-text strong{color:#3b82f6;color:var(--color-primary,#3b82f6)}.ticket-description-card.missing-equipment-card{background-color:#ffc1071a;border-color:#ffc107;border-left-width:4px}.ticket-description-card.missing-equipment-card .ticket-description-text strong{color:#d39e00}.ticket-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;pointer-events:auto;width:800px;z-index:1002}.ticket-popup .popup-content{display:flex;flex-direction:column;gap:16px;padding:20px}.section-card{background-color:var(--card-background);border-radius:var(--radius-lg);max-height:80px;overflow:hidden;transition:max-height .3s ease,transform .3s ease}.section-card:has(+.section-card .section-content.open),.section-card:has(~.section-card .section-content.open){max-height:25px;transform:scale(.95)}.section-card:has(.section-content.open){max-height:80vh}.card.section-container{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin:0;padding:4px}.section-header{align-items:center;background-color:var(--secondary-background);border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:0 16px;transition:background-color var(--transition-normal)}.section-header:hover{background-color:var(--button-background);color:var(--button-text-color)}.section-header h3{font-size:16px;font-weight:600;margin:0}.ticket-popup .section-header{display:none}.section-content{max-height:0;opacity:0;overflow:hidden;padding-top:0;transition:max-height .3s ease,padding-top .3s ease,opacity .3s ease}.section-content.open{max-height:70vh;opacity:1;overflow-y:auto;padding-top:16px}.section-content:not(.open){transition:max-height .3s ease,padding-top .3s ease,opacity .2s ease .1s}@media (max-width:768px){.section-card{max-height:70px}.section-card:has(+.section-card .section-content.open),.section-card:has(~.section-card .section-content.open){max-height:45px;transform:scale(.93)}.section-header{padding:10px 12px}.section-header h3{font-size:14px}.section-content.open{max-height:300px;padding-top:12px}}.popup-header .ticket-popup-tabs{align-items:stretch;box-sizing:border-box;display:flex;gap:6px;justify-content:stretch;width:100%}.popup-header .ticket-popup-tab{align-items:center;background:var(--secondary-background);border:1px solid var(--border-color);border-bottom:1px solid #0000;border-radius:6px 6px 0 0;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;height:36px;justify-content:center;line-height:1;padding:6px 8px;white-space:nowrap}.popup-header .ticket-popup-tab:hover{filter:brightness(.98)}.popup-header .ticket-popup-tab:focus{outline:2px solid #00000014;outline-offset:0}.popup-header .ticket-popup-tab.active{background-color:var(--card-background);border-bottom-color:var(--card-background);font-weight:700}.tickets-per-page{align-items:center;display:flex;gap:5px}.tickets-per-page input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:14px;padding:5px}.tickets-per-page input:focus{border-color:var(--button-background);outline:none}.tickets-per-page label{color:var(--text-color);font-size:14px}.ticket-item.low-priority{background-color:var(--card-background);border-left:4px solid #0000}.ticket-item.medium-priority{background-color:var(--medium-priority-bg);border-left:4px solid var(--medium-priority-border)}.ticket-item.high-priority,.ticket-item.incorrect-part{background-color:var(--high-priority-bg);border-left:4px solid var(--high-priority-border)}.ticket-item.unseen-customer-update{background-color:var(--unseen-update-bg);border-left:4px solid var(--unseen-update-border)}.ticket-item.missing-equipment-paused{background-color:#ffc10726;border-left:4px solid #ffc107}.ticket-item.paid-priority{background:var(--paid-priority-bg-start);border-left:6px solid var(--paid-priority-border);box-shadow:var(--shadow-default);position:relative}.ticket-item.paid-priority .ticket-line,.ticket-item.paid-priority .ticket-status,.ticket-item.paid-priority .ticket-title span{color:var(--text-color)}.ticket-item.paid-priority:before{color:var(--paid-priority-border);content:"★";font-size:16px;position:absolute;right:22px;text-shadow:0 0 4px var(--paid-priority-shadow);top:20px}.ticket-item.high-priority .ticket-actions,.ticket-item.incorrect-part .ticket-actions,.ticket-item.low-priority .ticket-actions,.ticket-item.medium-priority .ticket-actions,.ticket-item.paid-priority .ticket-actions,.ticket-item.unread-email .ticket-actions,.ticket-item.unseen-customer-update .ticket-actions{background-color:initial}.ticket-item.incorrect-part .btn-secondary{background-color:var(--button-background)}.ticket-item.incorrect-part .btn-danger{background-color:#b30000}.ticket-item.incorrect-part .btn-danger:hover{background-color:#900}.ticket-item .btn-danger{background-color:var(--danger-color)}.ticket-item .btn-danger:hover{background-color:var(--danger-hover)}.unseen-count{animation:unseen-bouncy 2s infinite;background-color:var(--unseen-count-bg);border-radius:50%;color:var(--unseen-count-text);display:inline-block;font-size:12px;margin-left:8px;min-width:16px;padding:2px 6px;position:relative;text-align:center}@keyframes unseen-bouncy{0%{transform:translateY(0) scaleX(1) scaleY(1)}15%{transform:translateY(-10px) scaleX(.9) scaleY(1.1)}30%{transform:translateY(0) scaleX(1.1) scaleY(.9)}40%{transform:translateY(-5px) scaleX(.95) scaleY(1.05)}50%{transform:translateY(0) scaleX(1.05) scaleY(.95)}55%{transform:translateY(0) scaleX(1) scaleY(1)}to{transform:translateY(0) scaleX(1) scaleY(1)}}@keyframes ticket-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ticket-item-entering{animation:ticket-enter var(--transition-normal) ease-out}@keyframes ticket-group-highlight{0%,to{background-color:initial}50%{background-color:#3b82f61a;background-color:var(--color-primary-light,#3b82f61a)}}.ticket-item-highlight{animation:ticket-group-highlight .6s ease-out}@keyframes ticket-glow-pulse{0%,to{box-shadow:0 0 8px 2px #3b82f666}50%{box-shadow:0 0 16px 4px #3b82f699}}.ticket-item-glow{animation:ticket-glow-pulse 1.5s ease-in-out infinite;border-color:var(--color-primary)!important}.ticket-item-glow-fadeout{animation:none;box-shadow:0 0 8px 2px #3b82f666;transition:box-shadow .5s ease-out,border-color .5s ease-out}.ticket-item-glow-fadeout:hover{border-color:var(--color-border);box-shadow:none}.follow-ticket-toast{align-items:center;animation:toast-slide-in .3s ease-out;background:var(--color-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;display:flex;gap:8px;position:fixed;right:16px;top:72px;z-index:1000}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.follow-ticket-toast-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:10px 16px;white-space:nowrap}.follow-ticket-toast-btn:hover{background:#ffffff1a}.follow-ticket-toast-dismiss{background:#0000;border:none;border-left:1px solid #fff3;color:#fffc;cursor:pointer;font-size:18px;line-height:1;padding:8px 12px}.follow-ticket-toast-dismiss:hover{background:#ffffff1a;color:#fff}.approval-summary-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s ease}.approval-summary-card:hover{border-color:var(--color-border-strong)}.approval-summary-preview{color:var(--text-color);font-size:small;margin:0}.ticket-note-content{margin:0;white-space:pre-wrap}.approval-summary-content{display:grid;grid-template-rows:1fr;overflow:hidden;transition:grid-template-rows .3s ease,opacity .3s ease}.approval-summary-content.collapsed{grid-template-rows:0fr}.approval-summary-content>div{overflow:hidden}.approval-summary-content.collapsed>div{opacity:0;transition:opacity .2s ease}.approval-summary-content:not(.collapsed)>div{opacity:1;transition:opacity .3s ease .1s}.ticket-popup-portal-wrapper{z-index:1001}.ticket-popup-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ticket-popup-form{display:flex;flex-direction:column;gap:10px}.ticket-popup-field{margin:10px 0}.ticket-popup-field-bottom{margin-bottom:10px}.form-input-spaced{margin-bottom:10px;width:100%}.form-row-inline{align-items:center;gap:var(--spacing-lg);margin-top:0}.edit-ticket-container .notes-section,.ticket-popup .notes-form-row,.ticket-popup .notes-section{display:flex;flex-direction:column;gap:16px}.ticket-popup .notes-form-column{display:flex;flex-direction:column;gap:8px;width:100%}.ticket-popup .notes-form-label{color:var(--text-color);font-size:14px;font-weight:600}.ticket-popup .notes-textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;min-height:50px;padding:10px;resize:vertical;transition:border-color .3s ease;width:100%}.ticket-popup .notes-textarea:focus{border-color:var(--button-background);outline:none}.ticket-popup .notes-list{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin-top:16px;max-height:340px;overflow-y:auto;padding:16px}.ticket-popup .notes-list h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 12px}.ticket-popup .note-entries{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.ticket-popup .note-item{background-color:var(--card-background);border-bottom:none;border-radius:var(--radius-md);box-shadow:var(--shadow-default);margin-bottom:0;padding:12px;transition:transform .2s ease}.ticket-popup .note-item:hover{transform:translateY(-2px)}.ticket-popup .note-item strong{color:var(--text-color);font-size:14px;font-weight:600}.ticket-popup .note-meta{color:var(--color-text-secondary);font-size:12px;margin-bottom:8px;padding-right:36px}.ticket-popup .note-content{color:var(--text-color);font-size:14px;position:relative;white-space:pre-wrap;word-break:break-word}.note-visibility-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:0;top:0;transition:border-color .2s ease,color .2s ease,background .2s ease;width:28px}.note-visibility-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text)}.note-visibility-toggle.active{border-color:var(--color-primary);color:var(--color-primary)}.note-deleted-text{margin:6px 0;text-decoration:line-through}.note-deleted-info{align-items:center;display:flex;gap:var(--spacing-sm)}.note-history,.view-mode-buttons-spaced{margin-top:var(--spacing-sm)}.note-history{border-left:2px solid var(--border-color);margin-left:var(--spacing-sm);padding-left:var(--spacing-sm)}.note-history-item{margin-bottom:6px}.note-history-action{color:var(--color-text-secondary);font-size:var(--text-xs)}.note-history-content{margin-top:var(--spacing-xs);white-space:pre-wrap}.ticket-title-clickable{cursor:pointer}.ticket-description-text{font-size:small}.approval-text-muted{color:var(--text-muted)}.approval-text-indent-sm{margin-left:12px}.approval-text-indent-lg{margin-left:24px}.approval-text-success{color:green;margin-left:5px}.approval-text-warning{color:orange;margin-left:5px}.approval-part-link{font-size:x-small;margin-left:5px}.ticket-total-price{font-weight:500}.waiting-indicator-text{align-items:center;display:flex;gap:4px}.waiting-indicator-text.overdue{color:#ff6b6b}.waiting-indicator-text:not(.overdue){color:var(--text-muted)}.waiting-reminder-note{font-size:.85em;margin-left:8px;opacity:.8}.technician-select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);padding:6px 12px}.editable-field-input{background:#0000;border:none;color:inherit;font:inherit;margin:0;outline:none;padding:0;width:auto}.ticket-filter-column{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-md)}.ticket-view-btn-main{width:80%}.ticket-view-btn-secondary{width:20%}.ticket-search-wrapper{position:relative;width:100%}.search-suggestions{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:0 0 6px 6px;border-top:none;box-shadow:var(--shadow-default);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-suggestions div{color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .2s ease}.search-suggestions div:hover{background-color:var(--secondary-background)}.commission-popup-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.commission-field-group{margin-bottom:var(--spacing-md)}.commission-field-group label{display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.commission-input-full{width:100%}.commission-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.repair-failed-input-full{margin-bottom:var(--spacing-md);width:100%}.repair-failed-error{color:var(--color-danger)}.repair-failed-section{margin-top:var(--spacing-xl)}.repair-failed-form-row{margin-bottom:var(--spacing-lg)}.repair-failed-label{display:block;font-weight:700}.repair-failed-required{color:var(--color-danger)}.repair-failed-textarea{margin-top:var(--spacing-xs);width:100%}.repair-failed-help{color:var(--color-text-muted);display:block;font-size:var(--text-sm);margin-top:var(--spacing-xs)}.repair-failed-recovery-row{margin-top:var(--spacing-md)}.repair-failed-input-top{margin-top:var(--spacing-xs);width:100%}.repair-input-full{margin-bottom:var(--spacing-md);width:100%}.repair-input-top{margin-top:var(--spacing-xs);width:100%}.repair-error-msg{color:var(--color-danger)}.not-fixable-section{margin-top:var(--spacing-xl)}.repair-explanation-group{margin-bottom:var(--spacing-lg)}.repair-explanation-group label{font-weight:600}.required-mark{color:var(--color-danger)}.repair-help-text{color:var(--color-text-muted);display:block;font-size:var(--text-sm);margin-top:var(--spacing-xs)}.repair-recovery-section{margin-top:var(--spacing-md)}.edit-popup-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.edit-search-input{width:100%}.edit-search-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.edit-search-item{border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs);transition:background-color .2s ease}.edit-search-item:hover{background-color:#0000000d;background-color:var(--color-surface-hover,#0000000d)}.pagination-input{margin-left:var(--spacing-sm);width:60px}.pagination button{font-size:var(--text-sm)}.recovery-input{margin-top:var(--spacing-xs);width:100%}.notes-list-scroll{max-height:250px;overflow-y:auto}.notes-list-scroll-lg{max-height:500px;overflow-y:auto}.btn-margin-bottom{margin-bottom:var(--spacing-lg)}.view-mode-buttons{display:flex;flex-wrap:wrap;gap:10px}.combined-view-button{border-radius:var(--radius-md);display:flex}.combined-view-button [class*=btn-]{align-items:center;border:none;border-radius:0;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin:0;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.combined-view-button .combined-main{border:2px solid var(--btn-secondary-border);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;flex:4 1}.combined-view-button .combined-main.active{font-weight:600}.combined-view-button .combined-secondary{border:2px solid var(--btn-primary-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;flex:1 1;font-size:16px;padding:8px}.combined-view-button .combined-secondary.active{font-weight:600}.view-mode-buttons .btn-secondary.active{background-color:var(--main-button-background);color:var(--btn-primary-text)}.view-mode-buttons .btn-secondary.active:hover{background-color:var(--main-button-hover)}.create-ticket-container{padding:16px}.create-ticket-form{margin-bottom:8px}.create-ticket-form .form-column{align-self:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:0}.create-ticket-form .form-row{align-items:flex-start;flex-direction:row}.create-ticket-form button[type=submit]{align-self:flex-start;margin-top:8px;max-width:200px;width:auto}@media (max-width:768px){.create-ticket-form button[type=submit]{max-width:none;width:100%}}.create-ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.create-ticket-title-row{align-items:center;display:flex;gap:12px}.create-ticket-title{margin:0}.queue-badge{border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px}.queue-badge,body.dark .queue-badge{background:var(--color-info-bg);color:var(--color-info-text)}.draft-delete-button{font-size:13px;padding:6px 12px}.create-ticket-section{margin-bottom:16px}.create-ticket-section h3{font-size:18px;font-weight:600;margin-bottom:10px}.create-ticket-section h3,body.dark .create-ticket-section h3{color:var(--color-text-secondary)}.create-ticket-fields{display:flex;flex-direction:column;gap:8px}.create-ticket-password-row{display:flex;gap:8px}.create-ticket-password-input{flex:1 1}.create-ticket-password-button{padding:8px 12px}.create-ticket-submit-button{margin-top:8px;min-width:140px}.create-ticket-options{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.create-ticket-options-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-bottom:24px}.create-ticket-option-group{display:flex;flex:1 1;flex-direction:column;min-width:200px}.create-ticket-option-group h4{font-size:16px;font-weight:600;margin-bottom:12px}.create-ticket-option-group h4,body.dark .create-ticket-option-group h4{color:var(--color-text-secondary)}.create-ticket-option-items{display:flex;flex-direction:column;gap:8px}.create-ticket-submit-section{display:flex;justify-content:center;margin-top:16px;width:100%}.create-ticket-reiseoppdrag-fields{background-color:#f9fafb;background-color:var(--color-surface-secondary,#f9fafb);border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:16px}body.dark .create-ticket-reiseoppdrag-fields{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937)}.create-ticket-reiseoppdrag-fields .form-row{display:flex;gap:16px}.create-ticket-reiseoppdrag-fields .form-group{display:flex;flex:1 1;flex-direction:column}.create-ticket-reiseoppdrag-fields .form-label{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-bottom:6px}.create-ticket-reiseoppdrag-fields .form-input{background-color:var(--color-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--color-text);font-size:14px;padding:10px 12px}.create-ticket-reiseoppdrag-fields .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--color-primary-alpha,#3b82f61a);outline:none}@keyframes buttonSuccessPulse{0%{box-shadow:var(--shadow-default);transform:scale(1)}50%{box-shadow:var(--shadow-default);transform:scale(1.05)}to{box-shadow:var(--shadow-default);transform:scale(1)}}@keyframes fadeInCheckmark{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes fadeInText{0%{display:none;opacity:0;visibility:hidden}to{display:inline;opacity:1;visibility:visible}}.create-ticket-form button.submitting{background-color:var(--secondary-background);cursor:not-allowed}.create-ticket-form button.submitting,.create-ticket-form button[type=submit].success{align-items:center;display:flex;height:40px;justify-content:center;margin-top:4px;min-width:90px;padding:8px 16px}.create-ticket-form button[type=submit].success{animation:buttonSuccessPulse 1s ease-out;background-color:var(--main-button-background);position:relative}.create-ticket-form button[type=submit].success:after{content:"";display:inline-block;height:1em;min-width:75px;visibility:hidden}.create-ticket-form button[type=submit].success .button-text{animation:fadeInText .3s ease-in 1s forwards;display:none;opacity:0;visibility:hidden}.create-ticket-form button[type=submit].success:before{animation:fadeInCheckmark .8s ease-out forwards;color:var(--btn-primary-text);content:"\2713";font-size:16px;font-weight:700;opacity:0;position:absolute}.create-ticket-form button.failed{background-color:var(--color-gold);color:var(--color-text)}.create-ticket-form button.failed:hover{background-color:var(--color-gold-hover)}body.dark .create-ticket-form button.failed{background-color:var(--color-gold);color:var(--color-text)}body.dark .create-ticket-form button.failed:hover{background-color:var(--color-gold-hover)}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.edit-ticket-container{animation:fadeIn .5s ease-in;background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin:0 auto;max-width:800px;padding:24px}.edit-ticket-container h1{margin-bottom:20px;text-align:center}.edit-ticket-container .form-group{margin-bottom:15px}.edit-ticket-container .form-group label{border-radius:var(--radius-lg);display:block;margin-bottom:5px}.edit-ticket-container .form-container{display:flex;flex-direction:column;gap:24px;padding:16px}.edit-ticket-container .form-row{display:flex;flex-direction:column;gap:16px}.edit-ticket-container .form-column{display:flex;flex-direction:column;gap:8px;width:100%}.edit-ticket-container label{color:var(--text-color);font-size:14px;font-weight:600}.edit-ticket-container input,.edit-ticket-container textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;padding:10px;transition:border-color .3s ease}.edit-ticket-container input:focus,.edit-ticket-container textarea:focus{border-color:var(--button-background);outline:none}.edit-ticket-container textarea{min-height:100px;resize:vertical}.edit-ticket-container .checkbox-group{background-color:var(--secondary-background);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:16px;padding:12px}.edit-ticket-container .custom-checkbox{align-items:center;display:flex;gap:8px}.edit-ticket-container .notes-list{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin-top:16px;max-height:340px;overflow-y:auto;padding:16px}.edit-ticket-container .notes-list h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 12px}.edit-ticket-container .notes-list ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.edit-ticket-container .notes-list li{background-color:var(--card-background);border-bottom:none;border-radius:var(--radius-md);box-shadow:var(--shadow-default);margin-bottom:0;padding:12px;transition:transform .2s ease}.edit-ticket-container .notes-list li:hover{transform:translateY(-2px)}.edit-ticket-container .notes-list li strong{color:var(--text-color);font-size:14px;font-weight:600}.edit-ticket-container .notes-list li .note-meta{color:var(--color-text-secondary);font-size:12px;margin-bottom:8px}.edit-ticket-container .notes-list li .note-content{color:var(--text-color);font-size:14px;white-space:pre-wrap;word-break:break-word}.edit-ticket-container .ticket-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:12px 0}.edit-ticket-container .ticket-actions button{font-size:14px;min-width:120px;padding:10px 20px}.edit-ticket-container .message-box{border-radius:var(--radius-md);font-size:14px;padding:12px;text-align:center}.edit-ticket-container .customer-popup,.edit-ticket-container .employee-popup,.edit-ticket-container .location-popup{max-width:500px;padding:16px}.edit-ticket-container .customer-popup input,.edit-ticket-container .employee-popup input,.edit-ticket-container .location-popup input{margin-bottom:12px}.edit-ticket-container .customer-popup ul,.edit-ticket-container .employee-popup ul,.edit-ticket-container .location-popup ul{border:1px solid var(--border-color);border-radius:var(--radius-md);list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.edit-ticket-container .customer-popup li,.edit-ticket-container .employee-popup li,.edit-ticket-container .location-popup li{cursor:pointer;padding:10px;transition:background-color .2s ease}.edit-ticket-container .customer-popup li:hover,.edit-ticket-container .employee-popup li:hover,.edit-ticket-container .location-popup li:hover{background-color:var(--secondary-background)}.computer-actions{display:flex;gap:10px}.computer-actions button{font-size:.9em;padding:5px 10px}.computer-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px}.selected-computer{background-color:var(--secondary-background);border-left:4px solid var(--button-background);font-weight:600}.computers-section{background-color:var(--card-background);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;overflow-y:auto}.computers-form{background-color:var(--secondary-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);margin-bottom:16px;padding:16px}.computers-form h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 12px}.computers-form .form-row label{color:var(--text-color);font-size:14px;font-weight:500;min-width:80px}.computers-form .form-row select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);flex:1 1;font-size:14px;padding:8px}.computers-form .form-row select:focus{border-color:var(--button-background);outline:none}.computers-form .form-row button{background-color:var(--button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color var(--transition-normal)}.computers-form .form-row button:hover{background-color:var(--button-hover)}.computers-form .view-mode-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.computers-form .view-mode-buttons button{font-size:14px;min-width:120px;padding:10px 20px}.computers-list{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-default);padding:12px}.computer-item:hover{transform:translateY(-2px)}.computer-content{display:flex;flex-direction:column;gap:8px}.computer-content .view-mode-buttons{display:flex;flex-wrap:wrap;gap:8px}.computer-content .view-mode-buttons button{background-color:var(--button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color var(--transition-normal)}.computer-content .view-mode-buttons button:hover{background-color:var(--button-hover)}.computer-content .view-mode-buttons button.danger{background-color:var(--danger-color)}.computer-content .view-mode-buttons button.danger:hover{background-color:var(--danger-hover)}@media (max-width:768px){.edit-ticket-container{padding:16px}.edit-ticket-container .form-container{gap:16px}.edit-ticket-container .ticket-actions{align-items:stretch;flex-direction:column}.edit-ticket-container .ticket-actions button{width:100%}.edit-ticket-container .checkbox-group{flex-direction:column}.edit-ticket-container .notes-list{max-height:300px}.ticket-item.paid-priority{border-left:4px solid var(--paid-priority-border);box-shadow:var(--shadow-default)}.ticket-item.paid-priority:before{font-size:14px;right:6px;top:6px}.ticket-popup{max-width:95%}.ticket-info-grid{gap:12px;grid-template-columns:1fr;padding:12px}.ticket-info-grid .grid-item{flex-direction:column}.ticket-actions{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.ticket-actions [class*=btn-]{max-width:120px;min-height:35px;min-width:60px}.ticket-item{padding:12px}.ticket-list{grid-template-columns:1fr}.ticket-list+.form-row{flex-wrap:wrap;gap:12px;overflow-x:visible;overflow-x:initial}.ticket-list+.form-row button,.ticket-list+.form-row input,.ticket-list+.form-row select{max-width:none;min-width:100%;padding:8px}.ticket-status{align-items:flex-start;flex-direction:column}.ticket-status select{max-width:none;width:100%}.computers-section{max-height:300px;padding:12px}.computers-form{padding:12px}.computers-form .form-row{align-items:stretch;flex-direction:column;gap:8px}.computers-form .form-row label{margin-bottom:4px;min-width:0}.computers-form .form-row button,.computers-form .form-row select{width:100%}.computer-item,.computers-list{padding:8px}.computer-content .view-mode-buttons button{width:100%}.computers-form .view-mode-buttons{align-items:stretch;flex-direction:column}.computers-form .view-mode-buttons button{width:100%}}.reiseoppdrag-timer-group{align-items:center;display:flex;gap:12px}.reiseoppdrag-timer-display{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:600;min-width:85px;text-align:center}.reiseoppdrag-timer-display .timer-running{animation:timer-pulse 1s ease-in-out infinite;color:#16a34a;color:var(--color-success,#16a34a)}.reiseoppdrag-timer-display .timer-completed{color:var(--color-text-secondary);font-size:14px}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.tracking-tab{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.tracking-empty,.tracking-error,.tracking-loading{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.tracking-error{background-color:var(--validation-error-bg);border:1px solid var(--validation-error-border);border-radius:var(--radius-lg);color:var(--color-danger)}.tracking-empty{background-color:var(--color-surface-hover);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.tracking-header{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-normal)}.tracking-header:hover{border-color:var(--color-border-strong)}.tracking-header.tracking-delivered{background-color:#22c55e0a;border-color:var(--color-success)}.tracking-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tracking-header-title{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.tracking-header-number{background-color:var(--color-surface-active);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);padding:2px var(--spacing-sm)}.tracking-timeline{display:flex;flex-direction:column;gap:0;padding-left:var(--spacing-xl);position:relative}.tracking-event{align-items:flex-start;display:flex;padding-bottom:var(--spacing-lg);position:relative}.tracking-event:last-child{padding-bottom:0}.tracking-event-dot{background-color:var(--color-border-strong);border:2px solid var(--color-surface);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-border);flex-shrink:0;height:10px;left:calc(var(--spacing-xl)*-1);position:absolute;top:var(--spacing-xs);width:10px;z-index:1}.tracking-latest .tracking-event-dot{background-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3);height:12px;left:calc(var(--spacing-xl)*-1 - 1px);top:3px;width:12px}.tracking-delivered .tracking-latest .tracking-event-dot{background-color:var(--color-success);box-shadow:0 0 0 2px #22c55e4d}.tracking-event-line{background-color:var(--color-border);bottom:0;left:calc(var(--spacing-xl)*-1 + 4px);position:absolute;top:calc(var(--spacing-xs) + 12px);width:2px}.tracking-event:last-child .tracking-event-line{display:none}.tracking-event-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.tracking-event-date{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.3px}.tracking-event-status{color:var(--color-text);font-size:var(--text-sm);font-weight:500;line-height:1.4}.tracking-latest .tracking-event-status{font-weight:600}.tracking-event-location{color:var(--color-text-secondary);font-size:var(--text-xs);font-style:italic}.tracking-event-carrier{align-items:center;background-color:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:20px;color:var(--color-primary);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-top:var(--spacing-xs);padding:2px var(--spacing-sm);text-transform:uppercase;width:fit-content}.tracking-converted{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.tracking-external-link{align-items:center;background-color:rgba(var(--color-primary-rgb),.08);border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.tracking-external-link:hover{background-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-hover)}.tracking-local-carrier{align-items:center;background-color:rgba(var(--color-primary-rgb),.06);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.tracking-local-carrier-name{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.tracking-local-carrier-link{align-items:center;background-color:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.tracking-local-carrier-link:hover{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary-hover)}.tracking-part-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tracking-edit-section{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.tracking-edit-row{align-items:center;display:flex;gap:var(--spacing-sm)}.tracking-edit-input{flex:1 1;min-width:0}.tracking-crawling{align-items:center;background-color:rgba(var(--color-primary-rgb),.06);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.tracking-crawling-spinner{animation:tracking-spin .8s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);display:inline-block;flex-shrink:0;height:14px;width:14px}@keyframes tracking-spin{to{transform:rotate(1turn)}}.ticket-tracking-link{align-items:center;background-color:rgba(var(--color-primary-rgb),.08);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--color-primary);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--spacing-xs);padding:2px var(--spacing-sm);text-decoration:none;transition:background-color var(--transition-fast);white-space:nowrap}.ticket-tracking-link:hover{background-color:rgba(var(--color-primary-rgb),.18)}.parts-arrived-badge{align-items:center;animation:parts-arrived-pulse 2s ease-in-out infinite;background-color:#22c55e;background-color:var(--color-success,#22c55e);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--spacing-xs);padding:2px var(--spacing-sm);white-space:nowrap}@keyframes parts-arrived-pulse{0%,to{opacity:1}50%{opacity:.75}}.ticket-tracking-status{align-items:center;background-color:#f0f0f0;background-color:var(--color-surface-hover,#f0f0f0);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);padding:2px var(--spacing-sm);white-space:normal}.ticket-tracking-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.ticket-tracking-eta{align-items:center;background-color:#fef3c7;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#92400e;display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);padding:2px var(--spacing-sm);white-space:nowrap}.ai-diagnosis-popup{overflow:hidden!important}.ai-diagnosis-popup .popup-content{height:100%;overflow:hidden!important;padding:0!important}.diagnosis-popup .popup-header{align-items:center;border-bottom:1px solid var(--border-color);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:6px 20px;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:1}.diagnosis-popup .popup-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.diagnosis-popup .popup-header .close-button{background-color:initial;border:none;color:var(--danger-color);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding-left:10px}.diagnosis-popup .popup-header .close-button:hover{color:var(--danger-hover)}.diagnosis-popup .popup-content{gap:8px;padding:8px}.form-row-diagnosis-popup{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px}.character-count{color:var(--color-text-secondary);font-size:var(--text-xs);margin-left:var(--spacing-sm)}.diagnosis-popup .popup-actions{border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:16px 20px}.diagnosis-popup .popup-actions button{font-size:14px;font-weight:500;padding:8px 20px;transition:background-color var(--transition-normal)}.template-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:10px}.diagnosis-popup .part-entry button{background-color:var(--secondary-background);color:var(--text-color);font-size:14px;padding:8px 12px}.diagnosis-popup .part-entry button.danger{padding:8px 12px}.diagnosis-popup .part-entry select:focus,.diagnosis-popup input:focus{border-color:var(--button-background)}.diagnosis-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);display:flex;flex-direction:column;max-height:90vh;max-width:800px;min-width:700px;overflow-y:auto;width:100%;z-index:1001}@media (min-width:1024px){.diagnosis-popup{max-width:1000px}}.diagnosis-popup .popup-content{display:flex;flex-direction:column;gap:16px;padding:16px}.diagnosis-popup .checkbox-group{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:12px}.diagnosis-popup .custom-checkbox{align-items:center;display:flex;font-size:14px;gap:8px}.diagnosis-popup .tooltip-container{position:relative}.diagnosis-popup .tooltip-text{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);color:var(--text-color);font-size:12px;left:0;opacity:0;padding:8px;position:absolute;top:100%;transition:opacity .3s ease;visibility:hidden;width:250px;z-index:1002}.diagnosis-popup .tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.diagnosis-popup .form-row-diagnosis-popup{display:flex;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.diagnosis-popup .form-column{display:flex;flex-direction:column;gap:4px}.diagnosis-popup .form-column label{font-size:14px;font-weight:600}.diagnosis-popup .form-column input,.diagnosis-popup .form-column select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);padding:8px}.diagnosis-popup .form-column input:disabled,.diagnosis-popup .form-column select:disabled{cursor:not-allowed;opacity:.6}.diagnosis-popup .parts-list{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding-top:16px}.diagnosis-popup .part-entry{background-color:var(--diagnosis-alternative-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;transition:box-shadow .2s ease}.diagnosis-popup .part-entry:hover{box-shadow:var(--shadow-default)}.diagnosis-popup .part-entry.nested-part{padding:10px}.diagnosis-popup .description-entry,.diagnosis-popup .part-entry.nested-part{background-color:var(--diagnosis-part-bg);border:1px dashed var(--border-color);border-radius:var(--radius-sm);margin-top:12px}.diagnosis-popup .description-entry{padding:4px 4px 4px 8px}.diagnosis-popup .collapsible-header{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-md);justify-content:space-between;padding:8px 0;transition:color .2s ease}.diagnosis-popup .collapsible-header .chevron-icon{flex-shrink:0;margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.diagnosis-popup .collapsible-header:hover{color:var(--button-background)}.diagnosis-popup .part-entry-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.diagnosis-popup .part-entry-row .form-column{flex:1 1 120px;min-width:0}.diagnosis-popup .part-entry-row .form-column label{font-size:14px;font-weight:600}.diagnosis-popup .part-entry-row h4.part-label{flex-basis:100%;margin-bottom:0}.diagnosis-popup .part-entry-row input:not([type=checkbox]),.diagnosis-popup .part-entry-row select{width:100%}.diagnosis-popup .part-entry-row [class*=btn-]{flex:0 0 auto}.diagnosis-popup .part-entry-row input:not([type=checkbox]),.diagnosis-popup .part-entry-row select{min-width:80px}.diagnosis-popup .custom-checkbox input[type=checkbox]{flex-shrink:0;height:18px;max-width:18px;min-width:18px;width:18px}.diagnosis-popup .part-links-subentry{padding-left:16px}.diagnosis-popup .links-content{display:flex;flex-direction:column;gap:8px;margin-top:8px}.diagnosis-popup .links-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.links-content{border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:16px}.links-list{display:flex;flex-wrap:wrap;gap:8px}.diagnosis-popup .popup-actions{border-top:1px solid var(--border-color);bottom:0;position:sticky}.diagnosis-popup .popup-actions,.diagnosis-popup .ticket-actions{background-color:var(--card-background);display:flex;gap:12px;justify-content:flex-end;padding:12px 0}.diagnosis-popup .popup-actions button,.diagnosis-popup .ticket-actions button{min-width:120px}@media (max-width:768px){.diagnosis-popup{max-height:95vh;max-width:95%;width:95%}.diagnosis-popup .form-row-diagnosis-popup{grid-template-columns:1fr}.alternatives-grid .alternative-item,.diagnosis-result-grid{gap:12px;grid-template-columns:1fr;padding:12px}.alternatives-grid .grid-item,.diagnosis-result-grid .grid-item{flex-direction:column}.diagnosis-popup .part-entry{flex-direction:column;gap:8px}.diagnosis-popup .part-entry button,.diagnosis-popup .part-entry input:not([type=checkbox]),.diagnosis-popup .part-entry select{min-width:100%}.diagnosis-popup .popup-actions,.diagnosis-popup .ticket-actions{align-items:stretch;flex-direction:column;gap:8px;padding:12px 16px}.diagnosis-popup .popup-actions button,.diagnosis-popup .ticket-actions button{width:100%}.diagnosis-popup .popup-content{gap:12px;padding:16px}.diagnosis-popup .part-entry-row{grid-gap:8px;align-items:stretch;display:grid;flex-direction:column;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.diagnosis-popup .part-entry-row h4,.diagnosis-popup .part-entry-row select{grid-column:span 2}.diagnosis-popup .part-entry-row .price-input,.diagnosis-popup .part-entry-row .quantity-input{grid-column:span 1;width:100%}.diagnosis-popup .part-entry-row [class*=btn-]{grid-column:span 1}.diagnosis-popup .collapsible-header{flex-wrap:wrap;gap:8px}.diagnosis-popup .mandatory-checkbox{flex-basis:100%}}.diagnosis-popup .collapsible-content{max-height:0;opacity:0;overflow:hidden}.diagnosis-popup .collapsible-content.open{max-height:1000px;opacity:1}.diagnosis-popup .completed-checkbox,.diagnosis-popup .mandatory-checkbox{white-space:nowrap}.diagnosis-popup .completed-checkbox span{color:var(--color-success)}.alternative-checkboxes-stack{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.alternative-checkboxes-stack .custom-checkbox{font-size:var(--text-sm)}.alternative-checkboxes-stack .custom-checkbox input[type=checkbox]{flex-shrink:0;height:16px;width:16px}.alternative-checkboxes-stack .custom-checkbox span{font-size:var(--text-sm)}.diagnosis-popup .nested-part{animation:diagnosisFadeIn .2s ease-in-out}@keyframes diagnosisFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.diagnosis-popup .btn-icon{min-width:40px}.diagnosis-popup .links-content .part-entry-row input{flex:1 1}.diagnosis-popup .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.diagnosis-popup .commission-info{color:var(--success-color);font-size:12px;margin-left:10px;white-space:nowrap}.part-entry{border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.part-entry input:not([type=checkbox]){flex:1 1}.part-entry input[type=number]{width:80px}.part-label{display:inline-block;margin:0;white-space:nowrap}.parts-inputs{display:flex;flex-direction:column;gap:24px}.parts-inputs input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;padding:10px;transition:border-color .3s ease}.parts-inputs input:focus{border-color:var(--button-background)}.parts-list{display:flex;flex-direction:column;gap:8px}.model-grid{grid-gap:10px;border:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:repeat(2,1fr);max-height:200px;padding:10px}.alternatives-section,.model-grid{border-radius:var(--radius-md);overflow-y:auto}.alternatives-section{background-color:var(--card-background);display:flex;flex-direction:column;gap:16px}.alternative-entry{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;padding:12px}.alternative-entry.mandatory-alternative{background:#3b82f61a;background:rgba(var(--main-button-rgb,59,130,246),.1);border-color:var(--main-button-background)}.alternative-description{color:var(--text-muted);font-size:14px;line-height:1.4;margin:8px 0 0 28px}.mandatory-alternative{background-color:var(--secondary-background);border-radius:var(--radius-sm);padding:4px 8px;pointer-events:none}.mandatory-alternative,.mandatory-alternative input[disabled]{cursor:not-allowed;opacity:.5}.mandatory-alternative span{color:var(--text-color);font-weight:500}.alternatives-form{background-color:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.alternatives-form h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 12px}.alternatives-form .form-row,.computers-form .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.alternatives-form .form-row label{color:var(--text-color);font-size:14px;font-weight:500;min-width:80px}.alternatives-form .form-row input,.alternatives-form .form-row select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);flex:1 1;font-size:14px;padding:8px}.alternatives-form .form-row input:focus,.alternatives-form .form-row select:focus{border-color:var(--button-background);outline:none}.alternatives-form .form-row input[type=checkbox]{flex:0 1;height:18px;width:18px}.alternatives-form .parts-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:16px;padding:12px}.alternatives-form .parts-section h5{color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 8px}.alternatives-form .part-form{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.alternatives-form .part-form:last-child{border-bottom:none;margin-bottom:0}.alternatives-form .part-form .form-row input[type=number]{width:100px}.alternatives-form .part-form .links-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.alternatives-form .part-form .links-list .link-button{background-color:var(--secondary-background);border-radius:var(--radius-md);color:var(--text-color);font-size:13px;padding:6px 12px;text-decoration:none}.alternatives-form .part-form .links-list .link-button:hover{background-color:var(--secondary-hover)}.alternatives-form .part-form .links-list .link-button:disabled{background-color:var(--border-color);cursor:not-allowed;opacity:.6}.alternatives-list{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:12px}.alternatives-list h4,.computers-list h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 8px}.alternative-entries,.computer-entries{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.alternative-item,.computer-item{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);padding:12px;transition:transform .2s ease}.alternative-item:hover{transform:translateY(-2px)}.alternative-content{display:flex;flex-direction:column;gap:8px}.alternative-content strong,.computer-content strong{color:var(--text-color);font-size:14px;font-weight:600}.alternative-meta,.computer-meta{color:#6b7280;font-size:12px;margin-bottom:8px}.alternative-content ul,.computer-content ul{list-style:disc;margin:8px 0;padding-left:20px}.alternative-content ul li{color:var(--text-color);font-size:13px;margin-bottom:4px}.alternative-content [class*=btn-],.computer-content [class*=btn-]{font-size:13px;margin-top:8px;padding:6px 12px}.alternatives-grid{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:16px}.alternatives-grid .alternative-item{grid-gap:16px 24px;border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:16px 24px;grid-template-columns:minmax(140px,auto) 1fr;padding:12px}.alternatives-grid .grid-item{display:flex;flex-direction:column;font-size:14px}.alternatives-grid .grid-item strong{color:var(--text-color);font-weight:600;margin-bottom:6px}.alternatives-grid .grid-item span{color:var(--text-color);word-break:break-word}.alternatives-grid .grid-item .parts-list{list-style:none;margin:8px 0 0;padding:0}.alternatives-grid .grid-item .parts-list li{color:var(--text-color);font-size:13px;margin-bottom:8px}.alternatives-grid .grid-item .parts-list li a{color:var(--button-background);margin-left:8px;text-decoration:none}.alternatives-grid .grid-item .parts-list li a:hover{color:var(--button-hover);text-decoration:underline}.alternatives-history{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:16px;padding:12px}.alternatives-history h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 8px}.history-entries{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.history-item{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);padding:12px}.history-content{display:flex;flex-direction:column;gap:4px}.history-content strong{color:var(--text-color);font-size:14px;font-weight:600}.history-meta{color:#6b7280;font-size:12px}.history-content p{color:var(--text-color);font-size:13px;margin:0}.diagnosis-result-grid{grid-gap:16px 24px;background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);display:grid;gap:16px 24px;grid-template-columns:minmax(140px,auto) 1fr;margin-bottom:20px;padding:16px}.diagnosis-result-grid .grid-item{display:flex;flex-direction:column;font-size:14px}.diagnosis-result-grid .grid-item strong{color:var(--text-color);font-weight:600;margin-bottom:6px}.diagnosis-result-grid .grid-item span{color:var(--text-color);word-break:break-word}.ai-diagnosis-confirm-popup{max-height:90vh;max-width:95vw;width:750px}.ai-confirm-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.ai-device-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);color:#fff;padding:var(--spacing-lg);position:relative}.ai-device-section-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.ai-device-section-header h3{font-size:var(--text-xl);font-weight:600;margin:0}.ai-device-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.ai-device-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-device-label{font-size:var(--text-xs);opacity:.8}.ai-device-value{font-size:var(--text-lg);font-weight:700}.ai-db-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.ai-db-badge.exists{background:#28a745e6;color:#fff}.ai-db-badge.new{background:#ffc107e6;color:#333}.ai-status-toggle{align-items:center;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.ai-status-toggle.solved{background:#d4edda;border:1px solid #c3e6cb}.ai-status-toggle.pending{background:#fff3cd;border:1px solid #ffeeba}.ai-status-toggle-info{align-items:center;display:flex;gap:var(--spacing-sm)}.ai-status-toggle-text{display:flex;flex-direction:column;gap:2px}.ai-status-toggle-title{font-size:var(--text-sm);font-weight:700}.ai-status-toggle.solved .ai-status-toggle-title{color:#155724}.ai-status-toggle.pending .ai-status-toggle-title{color:#856404}.ai-status-toggle-description{color:#666;font-size:var(--text-xs)}.ai-status-toggle-checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.ai-status-toggle-checkbox input{cursor:pointer;height:18px;width:18px}.ai-status-toggle-checkbox span{color:#333;font-size:var(--text-sm)}.ai-alternatives-header,.ai-alternatives-section{margin-bottom:var(--spacing-lg)}.ai-alternatives-header{align-items:center;display:flex;gap:var(--spacing-md)}.ai-alternatives-header h3{color:#333;font-size:var(--text-lg);font-weight:600;margin:0}.ai-alternative-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.ai-alternative-card.needs-links{border:2px solid #ffc107}.ai-alternative-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.ai-alternative-header h4{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:var(--text-base);font-weight:600;gap:8px;margin:0}.ai-badge{border-radius:8px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.ai-badge.mandatory{background:var(--color-warning);color:#fff}.ai-badge.completed{background:var(--color-success);color:#fff}.ai-alternative-description{color:#666;font-size:var(--text-sm);margin:0 0 var(--spacing-md) 0}.ai-price-pill{background:linear-gradient(135deg,#11998e,#38ef7d);font-size:var(--text-base);font-weight:700;margin-left:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)}.ai-commission-pill,.ai-price-pill{border-radius:var(--radius-full);color:#fff}.ai-commission-pill{background:linear-gradient(135deg,#667eea,#764ba2);font-size:var(--text-xs);font-weight:500;margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.ai-group-container{background:#f8f9fa;background:var(--color-surface-secondary,#f8f9fa);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.ai-group-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.ai-group-name{font-size:var(--text-base);font-weight:600}.ai-group-header .ai-badge{background:#fff3;border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.ai-group-header .ai-badge.mandatory{background:#ffc1074d}.ai-group-header .ai-badge.optional{background:#fff3}.ai-group-alternatives{padding:var(--spacing-md)}.ai-group-alternatives .ai-alternative-card{margin-bottom:var(--spacing-sm)}.ai-group-alternatives .ai-alternative-card:last-child{margin-bottom:0}.ai-group-divider{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:var(--text-sm);font-weight:500;margin:var(--spacing-lg) 0 var(--spacing-md);padding-bottom:var(--spacing-sm)}.ai-parts-section{margin-top:var(--spacing-md)}.ai-parts-label{color:#666;font-size:var(--text-sm);font-weight:500}.ai-part-entry,.ai-parts-label{margin-bottom:var(--spacing-sm)}.ai-part-entry{background:#fff;border:1px solid #ddd;border-radius:var(--radius-lg);padding:var(--spacing-md)}.ai-part-entry.exists{border-color:#28a745}.ai-part-entry.needs-links{border:2px solid #ffc107}.ai-part-header{justify-content:space-between}.ai-part-header,.ai-part-info{align-items:center;display:flex}.ai-part-info{gap:var(--spacing-sm)}.ai-part-name{font-size:var(--text-sm)}.ai-part-price{color:#333;font-weight:500}.ai-part-old-price{color:#666;font-size:var(--text-xs);text-decoration:line-through}.ai-part-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:500;gap:var(--spacing-xs);padding:2px var(--spacing-sm)}.ai-part-badge.exists{background:#d4edda;color:#155724}.ai-part-badge.new{background:#fff3cd;color:#856404}.ai-links-section{border-top:1px solid #eee;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.ai-links-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.ai-links-label{align-items:center;color:#666;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs)}.ai-links-required{color:#dc3545}.ai-links-existing{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.ai-links-existing-label{color:#666;font-size:11px;margin-right:var(--spacing-xs)}.ai-link-btn{align-items:center;background:#e9ecef;border:1px solid #ced4da;border-radius:var(--radius-full);color:#495057;cursor:pointer;display:flex;font-size:11px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast)}.ai-link-btn:hover{background:#dee2e6}.ai-link-btn:disabled{cursor:not-allowed;opacity:.6}.ai-link-btn.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.ai-link-btn-add{background:#007bff;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}.ai-link-btn-add:hover{background:#0056b3}.ai-link-row{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.ai-link-input{border:1px solid #ddd;border-radius:var(--radius-sm);flex:1 1;font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.ai-link-delete{background:#dc3545;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:var(--spacing-xs)}.ai-links-empty{color:#999;font-size:var(--text-xs);font-style:italic}.ai-summary-section{align-items:center;background:#e8f5e9;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.ai-summary-icon{color:#2e7d32}.ai-summary-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-summary-label{color:#2e7d32;font-size:var(--text-sm)}.ai-summary-value{color:#1b5e20;font-size:var(--text-lg);font-weight:700}.ai-description-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md);resize:vertical;width:100%}.ai-description-textarea:focus{border-color:var(--color-primary);outline:none}.ai-description-display{background:#f5f5f5;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);line-height:1.5;margin-top:var(--spacing-sm);padding:var(--spacing-md)}.ai-summary-section .character-count{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--spacing-xs);text-align:right}.ai-actions{flex-wrap:wrap}.ai-edit-input{border:1px solid #ddd;border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--spacing-sm);width:100%}.ai-edit-input-sm{text-align:center;width:60px}.ai-edit-input-price{text-align:right;width:80px}.diagnosis-popup-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.diagnosis-popup-body.padded{padding:var(--spacing-lg)}.diagnosis-form-field{margin-bottom:var(--spacing-md)}.diagnosis-full-width{width:100%}.diagnosis-textarea-md{height:100px;width:100%}.diagnosis-mt-sm{margin-top:var(--spacing-xs)}.diagnosis-mt-md{margin-top:var(--spacing-md)}.diagnosis-mb-md,.diagnosis-my-md{margin-bottom:var(--spacing-md)}.diagnosis-my-md{margin-top:var(--spacing-md)}.diagnosis-success-message{color:var(--color-success);margin-bottom:var(--spacing-md)}.diagnosis-draft-message{align-items:center;background-color:#e8f4fd;border-radius:var(--radius-sm);color:#1976d2;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.diagnosis-draft-message-saving{font-size:11px;opacity:.7}.diagnosis-error-message{font-size:var(--text-sm);margin-top:var(--spacing-md);text-align:center}.diagnosis-error-message,.diagnosis-rates-error{color:var(--color-danger)}.template-manager-wide{max-width:95vw;width:700px}.template-manager-container{display:flex;gap:var(--spacing-lg);min-height:400px}.template-manager-list{gap:var(--spacing-md)}.template-manager-list,.template-preview-panel{display:flex;flex:1 1;flex-direction:column;min-width:280px}.template-preview-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.template-search-wrapper{align-items:center;display:flex;position:relative}.template-search-icon{color:var(--color-text-secondary);font-size:var(--text-sm);left:var(--spacing-sm);position:absolute}.template-search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-xl);width:100%}.template-search-input:focus{border-color:var(--color-primary);outline:none}.template-search-count{color:var(--color-text-secondary);font-size:var(--text-xs);position:absolute;right:var(--spacing-sm)}.template-search-highlight{background:var(--color-warning);border-radius:2px;color:var(--color-text);padding:0 2px}.template-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;max-height:350px;overflow-y:auto}.template-category-header{align-items:center;background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .15s ease;width:100%}.template-category-header:hover{background:var(--color-background)}.template-category-header.expanded{background:var(--color-background);font-weight:500}.template-category-chevron{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);margin-right:var(--spacing-sm)}.template-category-name{flex:1 1}.template-category-count{color:var(--color-text-secondary);font-size:var(--text-xs)}.template-category-content{background:var(--color-surface)}.template-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xl);transition:background-color .15s ease}.template-item:hover{background:var(--color-background)}.template-item.selected{background:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,#0000)}.template-item-name{flex:1 1;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-item-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .15s ease}.template-item:hover .template-item-actions{opacity:1}.template-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:24px}.template-action-btn:hover{background:var(--color-border);color:var(--color-text)}.template-empty-state{color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--spacing-xl);text-align:center}.template-category-buttons{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.template-preview-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.template-preview-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.template-preview-category{background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);padding:2px var(--spacing-sm)}.template-preview-body{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.template-preview-section{margin-bottom:var(--spacing-md)}.template-preview-section h5{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--spacing-xs) 0}.template-preview-parts{list-style:none;margin:0;padding:0}.template-preview-parts li{align-items:center;border-bottom:1px solid var(--color-border);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.template-preview-parts .part-name{flex:1 1}.template-preview-parts .part-details{color:var(--color-text-secondary);font-size:var(--text-xs)}.template-preview-price{color:var(--color-primary);font-size:var(--text-lg);font-weight:600;margin:0}.template-preview-description{white-space:pre-wrap}.template-preview-description,.template-preview-empty-text{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.template-preview-empty-text{font-style:italic}.template-preview-actions{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md)}.template-preview-actions .btn-primary,.template-preview-actions .btn-secondary{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xs);justify-content:center;min-width:fit-content}.template-preview-empty{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);height:100%;justify-content:center;padding:var(--spacing-xl);text-align:center}.template-save-form{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:300px}.template-delete-warning{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--spacing-sm) 0}.template-manager-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-tabs{border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-xs)}.template-tab,.template-tabs{display:flex;gap:var(--spacing-xs)}.template-tab{align-items:center;background:none;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.template-tab:hover{background:var(--color-background);color:var(--color-text)}.template-tab.active{background:var(--color-surface);border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-weight:500;margin-bottom:-2px}.template-tab svg{font-size:var(--text-xs)}.past-alt-filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.past-alt-filter-row{align-items:center;display:flex;gap:var(--spacing-sm)}.past-alt-model-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.past-alt-model-select:focus{border-color:var(--color-primary);outline:none}.past-alt-checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);white-space:nowrap}.past-alt-checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.past-alt-ticket-badge{background:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);margin-left:var(--spacing-sm);padding:2px var(--spacing-xs)}.past-alt-ticket-ref{color:var(--color-primary);font-size:var(--text-base);font-weight:500;margin:0}.past-alt-total{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);padding-top:var(--spacing-sm);text-align:center}.diagnosis-template-list{max-height:600px;overflow-y:auto}.diagnosis-template-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.diagnosis-template-item-name{flex:1 1}.diagnosis-template-item-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.diagnosis-category-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.diagnosis-price-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.diagnosis-price-result{display:flex;flex-direction:column;gap:var(--spacing-lg);line-height:1.6;padding:var(--spacing-lg)}.diagnosis-price-result-title{color:var(--text-color);font-size:1.5em}.diagnosis-price-slider-label{margin-top:var(--spacing-xs);text-align:center}.diagnosis-price-explanation{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.diagnosis-price-explanation-title{font-weight:700;margin-bottom:var(--spacing-md)}.diagnosis-price-explanation-list{list-style-type:none;margin:0;padding:0}.diagnosis-price-explanation-item{margin-bottom:var(--spacing-sm)}.diagnosis-price-note{color:var(--text-secondary);font-size:1em}.diagnosis-price-actions{display:flex;gap:var(--spacing-md);justify-content:center}.diagnosis-price-btn{font-size:1em;padding:var(--spacing-md) var(--spacing-lg)}.diagnosis-calculator-vat-options{display:flex;gap:var(--spacing-md)}.diagnosis-select-separator{color:#666;font-weight:700}.diagnosis-checkbox-wrapper{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}@media (max-width:768px){.ai-device-grid{gap:var(--spacing-md);grid-template-columns:1fr}.ai-alternative-header{flex-direction:column;gap:var(--spacing-sm)}.ai-price-pill{margin-left:0}.ai-actions{flex-direction:column}.ai-actions button{width:100%}.alternatives-section{max-height:300px;padding:12px}.alternatives-form{padding:12px}.alternatives-form .form-row{align-items:stretch;flex-direction:column;gap:8px}.alternatives-form .form-row label{margin-bottom:4px;min-width:0}.alternatives-form .part-form .form-row input[type=number]{width:100%}}.recommendation-options-wrap{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.recommendation-options-wrap .mersalg-option-card{margin:0}.recommendation-option-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md)}.recommendation-textarea{width:100%}.recommendation-actions{margin-top:var(--spacing-lg)}.mersalg-option-card.disabled{opacity:.5;pointer-events:none}.diagnosis-success-msg{color:var(--color-success);margin-bottom:var(--spacing-md)}.diagnosis-draft-banner{align-items:center;background-color:var(--color-info);background-color:#1976d21a;border-radius:var(--radius-sm);color:#1976d2;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.diagnosis-draft-banner .saving-indicator{font-size:var(--text-xs);opacity:.7}.diagnosis-validation-errors{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.diagnosis-validation-error{color:var(--color-danger);font-size:var(--text-sm);text-align:center}.diagnosis-draft-indicator{color:var(--color-success);font-size:var(--text-xs);font-weight:400;margin-left:var(--spacing-sm);opacity:.8}.diagnosis-popup-body{padding:var(--spacing-xl)}.diagnosis-input-full{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);width:100%}.diagnosis-form-section{margin-top:var(--spacing-md)}.diagnosis-field-group{margin:var(--spacing-md) 0}.diagnosis-form-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.diagnosis-input-spacing{margin-bottom:var(--spacing-md);width:100%}.diagnosis-input-top-spacing{margin-top:var(--spacing-xs);width:100%}.mersalg-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);max-height:80vh;max-width:600px;min-height:300px;overflow-y:auto;z-index:1001}.mersalg-list{list-style:none;margin:10px 0;max-height:300px;overflow-y:auto;padding:0}.mersalg-list-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:8px}.mersalg-list-item input[type=checkbox]{flex-shrink:0;height:16px;width:16px}.mersalg-subconfig{background-color:var(--secondary-background);border-radius:var(--radius-sm);margin-top:10px;padding:10px}.mersalg-subconfig input,.mersalg-subconfig select{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:8px;padding:6px;width:100%}.mersalg-parts-list{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:150px;overflow-y:auto}.mersalg-parts-list-item{cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px;transition:background-color .2s}.mersalg-parts-list-item:hover{background-color:var(--secondary-hover)}.mersalg-price-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:10px 0}.mersalg-price-input{display:flex;flex-direction:column;gap:4px}.mersalg-price-input label{color:var(--text-color);font-size:12px}.mersalg-price-input input{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px;text-align:center}.mersalg-btn{margin-bottom:10px;width:100%}.mersalg-btn:last-child{margin-bottom:0}.mersalg-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-height:68vh;overflow-y:auto;padding:10px 0}.mersalg-option-card{align-items:center;background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:10px;justify-content:space-between;padding:12px;transition:background-color .2s}.mersalg-option-card:hover{background-color:var(--secondary-hover)}.mersalg-option-card button{flex-shrink:0;padding:6px 12px}.mersalg-search{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:10px;padding:8px;width:100%}.mersalg-selected-list{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:20px;padding:10px}.mersalg-selected-item{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:move;display:flex;gap:10px;margin-bottom:8px;padding:8px}.mersalg-selected-item:last-child{margin-bottom:0}.mersalg-selected-item button{flex-shrink:0;font-size:12px;padding:4px 8px}.mersalg-reorder-arrows{display:flex;flex-direction:column;gap:2px}.mersalg-reorder-arrows button{background:none;border:none;color:var(--text-color);cursor:pointer}.mersalg-reorder-arrows button:hover{color:var(--primary-color)}.mersalg-add-new-btn{margin:10px 0;width:100%}.range-slider{align-items:center;display:flex;height:28px;min-width:0}.range-track{background:var(--color-border-strong);border:1px solid var(--color-text-muted);border-radius:6px;height:6px;position:absolute;top:55%;transform:translateY(-50%);width:100%}.range-highlight{background:var(--color-info);border-radius:6px;height:100%;position:absolute}.range-input{appearance:none;background:#0000;height:28px;margin:0;outline:none;pointer-events:none;position:absolute;top:0;width:100%}.range-input:focus{outline:none}.range-input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid var(--color-info);border-radius:var(--radius-full);box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;margin-top:-5px;pointer-events:all;width:18px}.range-input::-moz-range-thumb{background:#fff;border:2px solid var(--color-info);border-radius:var(--radius-full);box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;pointer-events:all;width:18px}.range-labels{color:var(--text-color);font-size:14px}.mersalg-checkbox-label{align-items:center;border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.mersalg-checkbox-label:hover{background-color:var(--secondary-hover)}.mersalg-checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;width:16px}.mersalg-popup-tech{max-height:85vh;max-width:600px;min-width:400px;overflow-y:auto;width:500px}.mersalg-tech-content{display:flex;flex-direction:column;gap:20px}.step-indicator{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px;padding:12px 0}.step-indicator-item{align-items:center;display:flex;flex-direction:column;gap:4px}.step-indicator-dot{align-items:center;background:var(--secondary-background);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.step-indicator-item.active .step-indicator-dot{background:var(--color-info);border-color:var(--color-info);color:var(--btn-primary-text)}.step-indicator-item.completed .step-indicator-dot{background:var(--color-success);border-color:var(--color-success);color:var(--btn-primary-text)}.step-indicator-label{color:var(--text-secondary);font-size:12px}.step-indicator-item.active .step-indicator-label{color:var(--primary-color);font-weight:500}.step-indicator-line{background:var(--border-color);height:2px;margin-bottom:20px;width:40px}.step-indicator-line.completed{background:var(--color-success)}.section-title{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 8px}.section-description{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.device-selector{margin-bottom:20px}.device-selector-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.device-selector-field{display:flex;flex-direction:column;gap:6px}.device-selector-field label{color:var(--text-color);font-size:13px;font-weight:500}.input-with-button{display:flex;gap:6px}.device-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1 1;font-size:14px;padding:8px 12px}.icon-button{min-width:auto;padding:8px 12px!important}.disassembly-selector{margin-bottom:16px}.disassembly-cards{display:flex;gap:12px}.disassembly-card{align-items:center;background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 12px;text-align:center;transition:all .2s ease}.disassembly-card:hover{background:var(--secondary-background);border-color:var(--primary-color)}.disassembly-card.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}.disassembly-card-icon{align-items:center;background:var(--secondary-background);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.disassembly-card.selected .disassembly-card-icon{background:linear-gradient(135deg,var(--color-info),var(--color-info-hover));box-shadow:0 2px 8px #3b82f64d;color:var(--btn-primary-text)}.disassembly-card-content{display:flex;flex-direction:column;gap:2px}.disassembly-card-title{color:var(--text-color);font-size:13px;font-weight:600}.disassembly-card-description{color:var(--text-secondary);font-size:11px}.disassembly-card-detail{color:var(--primary-color);font-size:10px;font-weight:500}.disassembly-radio{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-full);display:flex;font-size:10px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.disassembly-radio.checked{background:var(--color-info);border-color:var(--color-info);color:var(--btn-primary-text)}.step-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}.device-info-banner{align-items:center;background:var(--secondary-background);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:16px;padding:10px 14px}.device-info-banner .device-label{color:var(--text-secondary);font-size:13px}.device-info-banner .device-name{color:var(--text-color);font-weight:600}.disassembly-badge{background:var(--primary-color);border-radius:var(--radius-xl);color:#fff;font-size:11px;font-weight:500;margin-left:auto;padding:4px 10px}.upgrade-accordions{display:flex;flex-direction:column;gap:12px}.accordion-upgrade-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.accordion-upgrade-card.enabled{border-color:var(--primary-color)}.accordion-upgrade-card.has-error{border-color:var(--color-danger)}.accordion-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s ease}.accordion-header:hover,.accordion-icon{background:var(--secondary-background)}.accordion-icon{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.accordion-upgrade-card.enabled .accordion-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff}.accordion-info{flex:1 1;min-width:0}.accordion-info h4{color:var(--text-color);font-size:15px;font-weight:600;margin:0 0 2px}.accordion-info p{color:var(--text-secondary);font-size:12px;margin:0}.accordion-status{color:var(--primary-color);display:block;font-size:11px;font-weight:500;margin-top:4px}.accordion-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.accordion-toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.accordion-toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-text-secondary);border:2px solid #4b5563;border-radius:24px;bottom:0;box-shadow:inset 0 1px 3px #0003;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--color-surface-active);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);box-shadow:0 1px 3px #0003;content:"";height:16px;left:3px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:16px}.accordion-toggle-switch input:checked+.toggle-slider{background-color:var(--color-info);border-color:var(--color-accent-blue);box-shadow:inset 0 1px 3px #0000001a}.accordion-toggle-switch input:checked+.toggle-slider:before{background-color:var(--color-surface);border-color:var(--color-border);transform:translateX(20px) translateY(-50%)}.accordion-expand-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.accordion-expand-btn:hover{color:var(--text-color)}.accordion-content{background:var(--secondary-background);border-top:1px solid var(--border-color);padding:16px}.config-section{display:flex;flex-direction:column;gap:14px}.config-row{align-items:center;display:flex;gap:10px}.config-row label{color:var(--text-color);font-size:13px;font-weight:500;min-width:100px}.config-row-group{display:flex;gap:16px}.config-row-group .config-row{flex:1 1}.config-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1 1;font-size:13px;padding:8px 12px}.config-select.small{max-width:120px}.config-input{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;padding:8px 12px}.config-input.small{width:80px}.unit{color:var(--text-secondary);font-size:13px}.info-box{background:rgba(var(--primary-rgb),.1);border-radius:var(--radius-sm);color:var(--text-color);font-size:13px;padding:10px 14px}.range-slider{flex:1 1;height:20px;position:relative;width:100%}.range-labels{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.parts-section{display:flex;flex-direction:column;gap:8px}.parts-section>label{color:var(--text-color);font-size:13px;font-weight:500}.part-row{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px 12px}.part-row.no-default{background:#ffc1070d;border-color:#ffc1074d}.part-info{align-items:center;display:flex;gap:12px}.part-size{color:var(--text-color);font-weight:600;min-width:80px}.part-stock{color:var(--text-secondary);font-size:12px}.part-price{color:var(--primary-color);font-weight:600;margin-left:auto}.part-selector-row{align-items:center;display:flex;gap:10px}.part-select{background:var(--input-background);border:1px solid var(--border-color);flex:1 1;padding:6px 10px}.missing-price-row,.part-select{border-radius:var(--radius-sm);font-size:12px}.missing-price-row{align-items:center;background:#ffc1071a;display:flex;gap:8px;padding:8px 10px}.warning-text{color:#d97706;font-weight:500}.price-input-small{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;padding:4px 8px;width:70px}.work-price-row{border-top:1px solid var(--border-color);padding-top:12px}.work-price-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;padding:6px 10px;width:80px}.price-unit{color:var(--text-secondary);font-size:13px}.price-preview{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.price-preview strong{display:block;font-size:13px;margin-bottom:8px}.price-preview-grid{display:flex;flex-wrap:wrap;gap:8px}.price-preview-item{background:var(--secondary-background);border-radius:var(--radius-sm);display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:6px 10px}.price-preview-item span:last-child{color:var(--primary-color);font-weight:600}.cleaning-options{display:flex;flex-direction:column;gap:10px}.cleaning-option-row{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.undervolting-toggle{align-items:center;cursor:pointer;display:flex;gap:12px}.undervolting-toggle input[type=checkbox]{height:18px;width:18px}.undervolting-toggle .option-icon{color:var(--color-warning);font-size:18px}.undervolting-toggle .option-text{display:flex;flex:1 1;flex-direction:column}.undervolting-toggle .option-text span:first-child{color:var(--text-color);font-weight:500}.undervolting-toggle .option-description{color:var(--text-secondary);font-size:11px}.undervolting-toggle .option-price{color:var(--primary-color);font-weight:600}.price-summary-box{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.price-summary-box .price-row{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.price-summary-box .price-row.total{border-top:1px solid var(--border-color);font-weight:600;margin-top:6px;padding-top:10px}.price-summary-box .price-row.total span:last-child{color:var(--primary-color);font-size:16px}.mersalg-summary{display:flex;flex-direction:column;gap:20px}.summary-upgrades{display:flex;flex-direction:column;gap:12px}.summary-upgrade-item{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px}.summary-upgrade-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.summary-upgrade-header .summary-icon{color:var(--primary-color);font-size:18px}.summary-upgrade-header .summary-title{color:var(--text-color);font-weight:600}.summary-details{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-bottom:8px}.summary-prices{display:flex;flex-wrap:wrap;gap:8px}.price-tag{background:var(--card-background);border-radius:var(--radius-xl);color:var(--text-color);font-size:12px;padding:4px 10px}.recommendations-section{background:var(--secondary-background);border-radius:var(--radius-md);padding:16px}.recommendation-groups{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.recommendation-group{align-items:center;display:flex;gap:10px}.recommendation-group label{color:var(--text-color);font-size:13px;font-weight:500;min-width:60px}.recommendation-chips{display:flex;flex-wrap:wrap;gap:6px}.recommendation-chip{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.recommendation-chip.selected,.recommendation-chip:hover{border-color:var(--primary-color)}.recommendation-chip.selected{background:var(--primary-color);color:#fff}.recommendation-chip:disabled{cursor:not-allowed;opacity:.5}.custom-message{display:flex;flex-direction:column;gap:6px}.custom-message label{color:var(--text-color);font-size:13px;font-weight:500}.custom-message textarea{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;min-height:60px;padding:10px 12px;resize:vertical}.sms-preview-section{background:var(--secondary-background);border-radius:var(--radius-md);padding:16px}.sms-preview-box{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:13px;line-height:1.5;max-height:200px;overflow-y:auto;padding:14px;white-space:pre-wrap}.summary-actions{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:16px}.summary-actions .btn-primary{align-items:center;display:flex;gap:8px}.existing-mersalg-warning{padding:20px;text-align:center}.existing-mersalg-warning .warning-icon{color:var(--color-warning);font-size:48px;margin-bottom:16px}.existing-mersalg-warning p{color:var(--text-color);margin-bottom:20px}.existing-mersalg-actions{display:flex;flex-direction:column;gap:10px}.validation-tooltip-wrapper{display:inline-block;position:relative}.validation-tooltip{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 12px #00000026;min-width:260px;opacity:0;padding:12px 14px;pointer-events:none;position:absolute;right:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.validation-tooltip-wrapper:hover .validation-tooltip{opacity:1;visibility:visible}.validation-tooltip:after{border:8px solid #0000;border-top-color:#fca5a5;content:"";position:absolute;right:24px;top:100%}.validation-tooltip:before{border:7px solid #0000;border-top-color:#fef2f2;content:"";position:absolute;right:25px;top:100%;z-index:1}.validation-tooltip-title{align-items:center;color:var(--color-danger-hover);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.validation-tooltip ul{color:#991b1b;font-size:12px;line-height:1.5;margin:0;padding-left:18px}.validation-tooltip li{margin-bottom:4px}.validation-tooltip li:last-child{margin-bottom:0}.reiseoppdrag-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);max-height:85vh;max-width:650px;min-width:500px;overflow-y:auto;width:100%}.reiseoppdrag-popup-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reiseoppdrag-section{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.reiseoppdrag-section h4{align-items:center;color:var(--text-color);display:flex;font-size:var(--text-base);font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.reiseoppdrag-section h4 svg{color:var(--color-info)}.reiseoppdrag-address{align-items:center;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-color:var(--color-info);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.reiseoppdrag-address .section-icon{color:var(--color-info);font-size:var(--text-lg)}.timer-display{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.timer-value{color:var(--text-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-xl);font-weight:600}.reiseoppdrag-device .form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.reiseoppdrag-parts .part-search-container{margin-bottom:var(--spacing-md);position:relative}.part-search-dropdown{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-default);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.part-search-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.part-search-item:hover{background:var(--secondary-background)}.part-badge{background:var(--color-info);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);padding:2px var(--spacing-sm)}.reiseoppdrag-parts .parts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.reiseoppdrag-parts .part-item{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.reiseoppdrag-parts .part-name{color:var(--text-color);flex:1 1;font-weight:500;min-width:120px}.reiseoppdrag-parts .part-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.reiseoppdrag-parts .part-price,.reiseoppdrag-parts .part-quantity{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:70px}.reiseoppdrag-parts .part-multiply{color:var(--text-secondary)}.reiseoppdrag-parts .part-subtotal{color:var(--color-success);font-weight:600;min-width:100px;text-align:right}.reiseoppdrag-parts .parts-total{border-top:1px solid var(--border-color);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);text-align:right}.reiseoppdrag-pricing .price-calculation{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.reiseoppdrag-pricing .price-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.reiseoppdrag-pricing .total-price{align-items:center;background:linear-gradient(135deg,var(--color-success),#059669);border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--text-lg);font-weight:600;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.reiseoppdrag-pricing .total-amount{font-size:var(--text-xl)}.reiseoppdrag-pricing .fixed-price-input{font-size:var(--text-lg);font-weight:600;text-align:center}.reiseoppdrag-error{background:#dc26261a;border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);padding:var(--spacing-sm) var(--spacing-md)}.reiseoppdrag-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}.reiseoppdrag-footer .btn-primary{align-items:center;display:flex;gap:var(--spacing-sm)}@media (max-width:600px){.reiseoppdrag-popup{max-width:95vw;min-width:0;min-width:auto}.reiseoppdrag-device .form-row{grid-template-columns:1fr}.reiseoppdrag-parts .part-item{align-items:stretch;flex-direction:column}.reiseoppdrag-parts .part-controls{flex-wrap:wrap;justify-content:flex-end}}.diagnosis-alternative-group{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:border-color .2s ease,box-shadow .2s ease}.diagnosis-alternative-group.drag-over{border-color:var(--color-success);box-shadow:0 0 8px #22c55e4d;box-shadow:0 0 8px rgba(var(--color-success-rgb,34,197,94),.3)}.group-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.group-name-input{background:#0000;border:none;border-bottom:1px dashed var(--color-border);color:var(--text-color);flex:1 1;font-size:var(--text-lg);font-weight:600;min-width:150px;padding:var(--spacing-xs)}.group-name-input:focus{border-bottom-color:var(--color-primary);outline:none}.group-hint{color:var(--text-muted);font-size:var(--text-sm);font-style:italic}.group-header .checkbox-label{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);white-space:nowrap}.group-header .checkbox-label input[type=checkbox]{height:16px;width:16px}.independent-alternatives{border:2px dashed var(--color-border);border-radius:var(--radius-lg);min-height:100px;padding:var(--spacing-md);transition:border-color .2s ease,background-color .2s ease}.independent-alternatives.drag-over{background-color:#3b82f60d;background-color:rgba(var(--color-primary-rgb,59,130,246),.05);border-color:var(--color-primary)}.independent-alternatives-title{color:var(--text-color);font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-xs) 0}.drag-hint{color:var(--text-muted);font-size:var(--text-sm);font-style:italic;margin:0 0 var(--spacing-md) 0}.diagnosis-alternative-card{cursor:grab;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.diagnosis-alternative-card:active{cursor:grabbing}.diagnosis-alternative-card.dragging{opacity:.5;transform:scale(.98)}.diagnosis-alternative-card.drag-over{box-shadow:0 0 0 2px var(--color-primary)}@media (max-width:768px){.group-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.group-name-input{min-width:100%}.group-header .btn-ghost{align-self:flex-start}}@keyframes groupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.diagnosis-alternative-group{animation:groupFadeIn .3s ease;background:linear-gradient(to bottom,var(--color-surface),#3b82f608);box-shadow:0 2px 8px #0000000d}.independent-alternatives{background:var(--color-background)}.diagnosis-alternative-card.drag-over{box-shadow:0 4px 12px #00000026;transform:scale(1.01);transition:transform .15s ease,box-shadow .15s ease}.email-container{background-color:var(--background-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);color:var(--text-color);padding:20px}.email-sync-stack{display:flex;flex-direction:column;gap:10px;margin:12px 20px;z-index:50}.email-sync-bar{align-items:center;background:#0d47a114;border:1px solid #90caf9;border-radius:var(--radius-md);display:flex;gap:16px;opacity:0;padding:10px 12px;transform:translateY(-6px)}.email-sync-bar.global{animation:email-sync-bar-fade-in .3s ease forwards;margin:0}.email-sync-bar.global.error,.email-sync-bar.global.status-error{background:#f443361f;border-color:#ef5350}.email-sync-bar.global.status-success{animation:email-sync-bar-fade-out .25s ease forwards;background:#33691e1f;border-color:#81c784}.email-sync-bar.global.status-cancelled{background:#ffb74d2e;border-color:#ffb74d}.email-sync-bar.global.status-cancelled,.email-sync-bar.global.status-error{animation:email-sync-bar-fade-out .25s ease forwards}.email-sync-bar__fill{animation:email-sync-bar-stripes 1.2s linear infinite;background:linear-gradient(90deg,#1976d2,#64b5f6 50%,#1976d2);background-size:200% 100%;border-radius:999px;flex:0 0 110px;height:4px}.email-sync-bar.global.status-success .email-sync-bar__fill{animation:none;background:linear-gradient(90deg,#43a047,#a5d6a7 50%,#43a047)}.email-sync-bar.global.status-error .email-sync-bar__fill{background:linear-gradient(90deg,#c62828,#ef9a9a 50%,#c62828)}.email-sync-bar__content{display:flex;flex:1 1;flex-direction:column;gap:2px}.email-sync-bar__label{color:#0d47a1;font-size:.85rem;font-weight:600;white-space:normal}.email-sync-bar.global.status-error .email-sync-bar__label{color:#b71c1c}.email-sync-bar__details{color:#1565c0;display:flex;flex-wrap:wrap;font-size:.75rem;gap:10px}.email-sync-bar__details span+span:before{color:currentColor;content:"|";margin-right:6px}.email-sync-bar__details span+span{padding-left:6px}.email-sync-bar.global.status-error .email-sync-bar__details{color:#c62828}.email-sync-bar.global.status-success .email-sync-bar__details{color:#2e7d32}.email-sync-bar__close{background:#0000;border:none;color:#c62828;cursor:pointer;font-weight:600}.email-popup{flex:1 1 auto;flex-direction:column!important;height:min(85vh,700px);max-height:85vh;max-width:92vw;min-height:0;width:min(92vw,1300px)}.email-popup,.email-popup .popup-content{display:flex!important;overflow:hidden!important}.email-popup .popup-content{box-sizing:border-box;flex:1 1 auto!important;flex-direction:column!important;height:auto!important;max-height:none!important;min-height:0!important}.email-popup-container{max-height:100%}.email-popup-container,.email-popup-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.email-popup-content{gap:12px}.email-popup-content.with-ai-draft{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr}.email-body-section{display:flex;flex-direction:column;min-height:0;overflow:hidden}.email-body-section .email-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.email-body-section .show-chain-btn{align-self:flex-start;flex:0 0 auto;margin-top:8px}.email-body{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:auto;padding:10px}.email-body *{color:inherit}.email-body p{line-height:1.5;margin:0 0 12px}.email-body blockquote{border-left:3px solid var(--color-border);margin:12px 0;opacity:.9;padding-left:16px}.email-body a{color:var(--button-background);text-decoration:underline}.email-body ol,.email-body ul{margin:0 0 12px 24px;padding-left:0}.email-body li{margin-bottom:4px}.email-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.add-account-button{background-color:var(--secondary-background)}.add-account-button:hover{background-color:var(--secondary-hover)}.compose-button.btn-secondary{background-color:var(--main-button-background);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.compose-button.btn-secondary:hover{background-color:var(--main-button-hover);border-color:var(--btn-primary-hover);color:var(--btn-primary-text)}.sync-button{background-color:var(--secondary-background)}.sync-button:hover{background-color:var(--secondary-hover)}.email-filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.filter-select{background-color:var(--input-background);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;padding:8px;transition:border-color .3s ease;width:250px}.filter-select:focus{border-color:var(--button-background);outline:none}.filter-input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);padding:8px;transition:border-color .3s ease;width:250px}.filter-input:focus{border-color:var(--button-background);outline:none}.email-list{list-style:none;margin:0 0 20px;padding:0;transition:opacity .3s ease}.email-list-stage{margin-bottom:20px;min-height:180px;overflow:hidden;position:relative}.email-list-loading{align-items:flex-start;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;inset:0;justify-content:flex-start;opacity:0;padding:16px 16px 24px;pointer-events:none;position:absolute;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;z-index:1}.email-list-loading.visible{opacity:1;pointer-events:auto;transform:translateY(0);z-index:2}.email-list-content{position:relative;transition:opacity .35s ease,transform .35s ease;z-index:0}.email-list-content.hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.email-list.page-changing{opacity:.7}.email-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:8px;transition:background-color .3s ease,box-shadow .3s ease,transform .1s ease}.email-item:hover{box-shadow:var(--shadow-default);transform:translateY(-2px)}.email-item.unread{background-color:var(--unread-email-bg);border-left:4px solid var(--unread-email-border)}.email-item.selected{background-color:#e0f7fa;border-left:4px solid var(--button-background);box-shadow:var(--shadow-default)}.email-subject{font-weight:700;margin-bottom:4px}.email-date,.email-from{color:var(--receiver-bubble-text);font-size:.9em}.email-bottom-container,.email-from-date-container{align-items:center;display:flex;gap:10px}.email-bottom-container{flex-wrap:wrap;justify-content:space-between}.email-item-actions{align-items:center;display:flex;gap:5px}.email-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:15px}.advanced-search-panel{animation:slideDown .3s ease;background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:20px;padding:20px}.advanced-search-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.advanced-search-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.advanced-search-field{display:flex;flex-direction:column;gap:6px}.advanced-search-field label{color:var(--text-color);font-size:.85rem;font-weight:500}.advanced-search-field .filter-input{width:100%}.search-presets{align-items:center;border-top:1px solid var(--border-color);display:flex;padding-top:12px}.search-history-dropdown{background-color:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-history-dropdown>div:hover{background-color:var(--input-background)}.compose-popup{box-shadow:var(--shadow-default);min-height:0}.compose-popup,.compose-popup .popup-content{display:flex;flex-direction:column;overflow-y:auto}.compose-popup .popup-content{gap:10px;max-height:85vh;width:700px}.compose-popup .popup-input,.compose-popup .popup-select{width:100%}.compose-popup .error-message{color:red;font-size:12px;margin:0}.compose-popup .popup-textarea{max-height:80vh;min-height:150px;resize:vertical;width:100%}.compose-popup .popup-preview{border:1px solid #ccc;max-height:80vh;min-height:150px;overflow-y:auto;padding:10px}.compose-popup input[type=file]{width:100%}.compose-popup .attachments-list{list-style:none;padding:0}.compose-popup .attachment-item{display:flex;justify-content:space-between;margin-bottom:5px}.compose-popup .remove-attachment{padding:2px 5px}.compose-popup .ticket-actions{display:flex;gap:10px;overflow:visible}.compose-popup .preview-button{width:fit-content}.popup-input,.popup-select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);padding:8px;transition:border-color .3s ease}.popup-input:focus,.popup-select:focus{border-color:var(--button-background);outline:none}.popup-textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);height:150px;padding:8px;resize:vertical;transition:border-color .3s ease}.popup-textarea:focus{border-color:var(--button-background);outline:none}.ai-draft-section{background-color:#4caf5014;border:1px solid #4caf50;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px}.ai-draft-header{align-items:center;color:#4caf50;display:flex;flex:0 0 auto;gap:8px;margin-bottom:8px}.ai-draft-header .ai-icon{color:#4caf50}.ai-draft-header .loading-indicator{font-size:.85rem;opacity:.7}.ai-draft-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto}.ai-draft-text{background-color:#ffffff0d;border-radius:4px;flex:1 1 auto;font-size:.92rem;line-height:1.45;margin-bottom:8px;min-height:80px;overflow-y:auto;padding:10px;white-space:pre-wrap}.ai-missing-context,.ai-suggested-info{background-color:#ffc10726;border:1px solid #ffc107;border-radius:6px;flex:0 0 auto;font-size:.88rem;margin-bottom:10px;padding:10px 12px}.ai-missing-context strong,.ai-suggested-info strong{color:#ffc107;display:block;margin-bottom:4px}.ai-missing-context ul,.ai-suggested-info ul{margin:4px 0 0 20px;padding:0}.ai-missing-context li,.ai-suggested-info li{line-height:1.4;margin:4px 0}.ai-missing-context{background-color:#ff980026;border-color:#ff9800}.ai-missing-context strong{color:#ff9800}.ai-draft-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px}.ai-draft-actions [class*=btn-]{font-size:.85rem;padding:6px 10px}.ai-context-input{flex:0 0 auto;margin-top:8px}.ai-context-input textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.9rem;padding:8px;resize:none;width:100%}.ai-context-input [class*=btn-]{font-size:.85rem;margin-top:6px;padding:6px 10px}.generate-ai-btn{align-items:center;background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50;display:flex;flex:0 0 auto;gap:8px;justify-content:center;padding:10px 16px}.generate-ai-btn:hover{background-color:#4caf5033}.email-attachments-bar{align-items:center;border-top:1px solid var(--border-color);display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px}.email-attachments-bar strong{font-size:.9em}.email-attachments-bar .attachments-list{display:flex;flex-wrap:wrap;gap:8px}.email-attachments-bar .no-attachments{color:var(--text-muted);font-size:.9em}.email-attachments-bar .attachment-link .progress{font-size:.8em;margin-left:4px;opacity:.7}.attachment-link{background:none;border:none;color:var(--button-background);cursor:pointer;display:block;font-size:inherit;margin-bottom:5px;padding:0;text-decoration:none}.attachment-link:hover{text-decoration:underline}.attachment-thumbnail-wrap{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);width:100px}.attachment-thumbnail-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:block;height:80px;overflow:hidden;padding:0;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100px}.attachment-thumbnail-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.attachment-thumbnail-btn:hover .attachment-thumbnail-zoom{opacity:1}.attachment-thumbnail-img{display:block;height:100%;object-fit:cover;width:100%}.attachment-thumbnail-zoom{align-items:center;background:#00000059;color:#fff;display:flex;font-size:1.1rem;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast)}.attachment-thumbnail-loading{align-items:center;background:var(--color-surface-hover);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);height:80px;justify-content:center;width:100px}.attachment-thumbnail-spinner{animation:att-thumb-spin .7s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:20px;width:20px}@keyframes att-thumb-spin{to{transform:rotate(1turn)}}.attachment-thumbnail-pct{color:var(--color-text-muted);font-size:var(--text-xs)}.attachment-thumbnail-footer{align-items:center;display:flex;gap:var(--spacing-xs);max-width:100px}.attachment-thumbnail-name{color:var(--color-text-secondary);flex:1 1;font-size:var(--text-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-thumbnail-dl{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:20px;justify-content:center;padding:0;transition:color var(--transition-fast),background var(--transition-fast);width:20px}.attachment-thumbnail-dl:hover{background:var(--color-surface-hover);color:var(--color-primary)}.attachment-thumbnail-dl:disabled{cursor:default;opacity:.4}@keyframes email-sync-bar-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes email-sync-bar-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes email-sync-bar-stripes{0%{background-position:0 0}to{background-position:200% 0}}.add-account-popup.add-account-success{animation:email-success-pulse .5s ease}.add-account-popup.add-account-failure{animation:email-failure-shake .5s ease}@keyframes email-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes email-failure-shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.email-loading-overlay{align-items:center;background:#ffffffd9;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:2000}.email-loading-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0000001f;padding:var(--spacing-lg);text-align:center;width:420px}.email-loading-status{font-weight:600;margin-bottom:var(--spacing-sm)}.email-loading-progress-track{background:#eee;border-radius:6px;height:12px;margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.email-loading-progress-bar{background:#4caf50;height:100%;transition:width .15s linear}.email-loading-percent{color:#666;font-size:12px}.email-loading-actions{margin-top:var(--spacing-md)}.email-search-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.email-search-input-container{flex:1 1;position:relative}.email-search-input-container .filter-input{padding-right:32px}.email-search-clear-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:16px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.email-search-history-header{border-bottom:1px solid #eee;color:#666;font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.email-search-history-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.email-search-history-item:hover{background:#f5f5f5}.email-search-history-date{color:#999;font-size:.75rem}.advanced-search-title{font-size:1rem;font-weight:600;margin:0}.advanced-search-options{align-items:center;display:flex;gap:var(--spacing-sm)}.advanced-search-radio-label{align-items:center;display:flex;font-size:.85rem;gap:6px;margin:0}.advanced-search-btn-sm{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.advanced-search-btn-md{font-size:.85rem;padding:6px var(--spacing-md)}.search-presets-label{color:#666;font-size:.85rem;margin-right:var(--spacing-md)}.email-diag-pill{align-items:center;border:1px solid #00000014;border-radius:999px;cursor:pointer;display:flex;font-size:.78rem;gap:6px;padding:var(--spacing-xs) var(--spacing-md)}.email-diag-pill-chevron{font-size:.9rem}.email-diag-detail{color:#333;font-size:.8rem;margin-top:var(--spacing-xs)}.email-diag-detail-muted{color:#666;font-size:.8rem}.email-diag-missing{color:#b71c1c}.email-diag-not-tested{color:#6a1b9a}.email-rule-popup-content{max-height:75vh;overflow-y:auto;width:520px}.email-rule-detail-box{background:#fdfdfd;border:1px solid #e0e0e0;border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-md)}.email-rule-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.email-rule-detail-title{font-weight:600}.email-rule-detail-subtitle{color:#777;font-size:.8rem;margin-top:2px}.email-rule-detail-description{color:#555;font-size:.85rem;line-height:1.5;margin-top:var(--spacing-sm)}.email-rule-criteria-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--spacing-md)}.email-rule-criteria-item{background:#fff;border:1px dashed #e0e0e0;border-radius:6px;padding:var(--spacing-sm)}.email-rule-criteria-label{font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-xs)}.email-rule-criteria-value{color:#444;font-size:.8rem}.email-rule-help-text{color:#777;font-size:.8rem;margin-top:var(--spacing-md)}.email-rule-criteria-editor{display:flex;flex-direction:column;gap:6px}.email-rule-action-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.email-rule-btn-danger{background:#ffecec;border-color:#ffcdd2;color:#b71c1c}.email-rule-date-row{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.email-rule-date-row>div{flex:1 1}.email-rule-test-label{margin-top:var(--spacing-md)}.email-rule-test-fields{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.email-rule-test-field-label{min-width:45%}.email-rule-test-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.email-rule-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.email-rule-btn-warning{background-color:#fff4e5;border-color:#ffcc80;color:#b26a00}.email-rule-summary-box{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.email-rule-results-section{margin-top:var(--spacing-lg)}.email-rule-results-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.email-rule-result-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:var(--spacing-md)}.email-rule-result-card.forwarded{background:#f0f7ff}.email-rule-result-subject{font-weight:600}.email-rule-result-meta{color:#555;font-size:.9rem}.email-rule-result-date{color:#777;font-size:.85rem}.email-rule-result-status{font-size:.9rem;margin-top:6px}.email-rule-result-match{color:#2e7d32;margin-left:6px}.email-rule-result-forwarded{color:#1976d2;margin-left:6px}.email-rule-result-fields{margin-top:var(--spacing-md)}.email-rule-result-fields-label{color:#555;font-size:.8rem;margin-bottom:var(--spacing-xs)}.email-rule-result-fields-list{display:flex;flex-wrap:wrap;gap:6px}.email-rule-result-details{display:flex;flex-direction:column;gap:6px;margin-top:6px}.email-rule-result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.email-drafts-toggle{display:inline-block;position:relative}.email-drafts-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:24px;padding:5px;position:relative;transition:color .3s ease}.email-drafts-button:hover{color:var(--button-background)}.email-drafts-badge{background-color:var(--main-button-background);border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:-6px;text-align:center;top:-4px;width:auto}.email-drafts-popup{max-width:500px;min-width:400px}.drafts-popup-content{max-height:60vh;overflow-y:auto;padding:16px}.drafts-loading{gap:12px;padding:32px}.drafts-empty,.drafts-loading{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center}.drafts-empty{padding:40px 20px;text-align:center}.drafts-empty-icon{color:var(--border-color);font-size:48px;margin-bottom:16px}.drafts-empty p{font-size:16px;font-weight:500;margin:0 0 8px}.drafts-empty small{color:var(--secondary-hover);font-size:13px}.drafts-list{display:flex;flex-direction:column;gap:8px}.draft-item{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease,border-color .2s ease}.draft-item:hover{background-color:var(--secondary-background);border-color:var(--button-background)}.draft-item-content{flex:1 1;margin-right:12px;min-width:0}.draft-item-preview{font-size:14px;font-weight:500;margin-bottom:4px}.draft-item-preview,.draft-item-to{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-item-to{font-size:12px;margin-bottom:2px;opacity:.8}.draft-item-original{color:var(--button-background);font-size:11px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-item-date{color:var(--secondary-hover);font-size:11px}.draft-item-actions{display:flex;flex-shrink:0;gap:6px}.draft-item-actions [class*=btn-]{font-size:14px;padding:6px 8px}body.dark .drafts-empty-icon{color:var(--secondary-background)}body.dark .drafts-empty small{color:var(--text-color);opacity:.6}.common-token-highlight{background-color:#fff3a1;border-radius:3px;cursor:pointer;padding:0 3px;transition:background-color .2s ease,box-shadow .2s ease}.common-token-highlight:hover{background-color:#ffe66d}.common-token-highlight.is-selected{background-color:#ffe66d;box-shadow:0 0 0 2px #ffe66d80}.highlight-preview-column{display:flex;flex-direction:column;gap:12px;width:100%}.highlight-preview-column.single{grid-column:1/-1}.highlight-block{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:10px}.highlight-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;margin-bottom:6px;text-transform:uppercase}.highlight-surface{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-lg);line-height:normal;max-height:320px;overflow-y:auto;padding:0;white-space:normal}.highlight-surface.subject{max-height:160px}.custom-snippet-row,.inline-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.custom-snippet-row select,.inline-add-row select{flex:1 1 160px}.custom-snippet-row input,.inline-add-row input{flex:1 1 220px}.address-filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:12px}.address-filter-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:12px}.email-legitimate-marker{color:#4caf50;margin-left:5px}.email-spam-marker{color:#f44336;margin-left:5px}.email-forward-info{color:#1976d2;margin-left:6px}.email-score{color:#666;font-size:.9em;margin-left:var(--spacing-md)}.email-word-points-section{margin-bottom:var(--spacing-md)}.email-word-points-table-wrapper{max-height:300px;overflow-y:auto}.email-word-points-table{border-collapse:collapse;width:100%}.email-word-points-table td,.email-word-points-table th{border:1px solid #ddd;padding:var(--spacing-sm)}.email-checkbox-mt{margin-top:var(--spacing-sm)}.email-error-text{color:red}.email-container-relative{position:relative}.email-no-margin{margin:0}.email-sync-bar-full{max-width:500px;width:100%}@media (max-width:900px){.email-popup-content.with-ai-draft{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media (max-width:768px){.advanced-search-grid{grid-template-columns:1fr}.search-presets{flex-wrap:wrap;gap:8px}.advanced-search-header{align-items:flex-start;flex-direction:column;gap:12px}}.invoice-wizard{max-width:820px;min-width:680px}.invoice-step-content{padding:var(--spacing-md) 0}.invoice-wizard-stepper{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--spacing-lg)}.invoice-wizard-step{align-items:center;background-color:#f7f7f7;border:1px solid #ccc;border-radius:20px;color:#777;display:flex;gap:6px;padding:6px 12px}.invoice-wizard-step.active{background-color:#1976d21a;border-color:#1976d2;color:#1f1f1f}.invoice-wizard-step.completed{background-color:#4caf501f;border-color:#4caf50;color:#1f1f1f}.invoice-wizard-step-number{font-weight:600}.invoice-wizard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:var(--spacing-lg)}.invoice-wizard-actions-split{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.wizard-chips-container{display:flex;flex-wrap:wrap}.invoice-wizard-chip{background-color:#f5f5f5;border:1px solid #d0d0d0;border-radius:16px;color:#1f1f1f;cursor:pointer;font-size:.9rem;line-height:1.3;margin:4px;max-width:280px;min-width:160px;padding:8px 12px;text-align:left;transition:all var(--transition-fast);white-space:normal}.invoice-wizard-chip:hover{border-color:#b0b0b0}.invoice-wizard-chip.active{background-color:#e3f2fd;border-color:#1976d2;color:#0d47a1}.invoice-wizard-chip--subject{background-color:#fff3e0;border-color:#f0b27a;color:#5d3a00}.invoice-wizard-chip--subject.active{background-color:#ffcc80;border-color:#ef6c00;color:#4a2f00}.invoice-wizard-chip--body{background-color:#e8f5e9;border-color:#9ccc65;color:#1b5e20}.invoice-wizard-chip--body.active{background-color:#c5e1a5;border-color:#2e7d32;color:#0b3d14}.invoice-wizard-chip--address{background-color:#e3f2fd;border-color:#64b5f6;color:#0d47a1}.invoice-wizard-chip--address.active{background-color:#bbdefb;border-color:#1976d2;color:#082b5c}.invoice-wizard-chip--recipient{background-color:#fce4ec;border-color:#f48fb1;color:#880e4f}.invoice-wizard-chip--recipient.active{background-color:#f8bbd0;border-color:#ad1457;color:#5c0c32}.invoice-wizard-chip--attachment{background-color:#ede7f6;border-color:#b39ddb;color:#4527a0}.invoice-wizard-chip--attachment.active{background-color:#d1c4e9;border-color:#673ab7;color:#2c1770}.invoice-wizard-similar-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-top:18px;max-height:550px;overflow-y:auto;padding-right:6px}.invoice-wizard-similar-card{background-color:#fff;border:1px solid #d5d5d5;border-radius:14px;box-shadow:0 4px 14px #0000000f;cursor:pointer;min-height:240px;padding:18px;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.invoice-wizard-similar-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.invoice-wizard-similar-card.selected{border-color:#1976d2}.invoice-wizard-similar-card.previewed{border-color:#90caf9;box-shadow:0 0 0 2px #1976d21f}.similar-card-header{display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.similar-card-checkbox{font-size:.95rem;font-weight:600}.similar-card-score{color:#555;font-size:.85rem}.similar-card-subject{font-weight:600;margin-bottom:4px}.similar-card-from{color:#555;font-size:.9rem}.similar-card-to{color:#555;font-size:.8rem}.similar-card-date{color:#888;font-size:.8rem}.similar-card-preview{color:#666;font-size:.78rem;margin-top:6px;max-height:60px;overflow:hidden}.similar-card-actions{margin-top:8px}.wizard-selection-status{color:#555;font-size:.85rem}.wizard-empty-state,.wizard-loading-text{margin-top:10px}.wizard-loading-hint{color:#777;font-size:.85rem}.wizard-status-text{color:#555;font-size:.85rem;margin-top:12px}.wizard-load-more{margin-top:12px;text-align:center}.wizard-loading-center{margin:10px 0 16px;text-align:center}.wizard-loading-center .loading-spinner{margin:0 auto 8px}.wizard-loading-message{color:#555;font-size:.9rem}.wizard-loading-state{opacity:.35;pointer-events:none}.wizard-instruction-secondary{color:#555;font-size:.85rem;margin-top:-6px}.wizard-auto-criteria{color:#555;font-size:.85rem;margin-top:12px}.wizard-auto-criteria:not(:first-of-type){margin-top:0}.invoice-summary-section{margin-bottom:12px}.invoice-summary-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.invoice-summary-help{color:#555;font-size:.85rem}.invoice-forward-box{background:#f5faff;border:1px solid #1976d233;border-radius:10px;margin-bottom:12px;padding:12px}.invoice-forward-label{color:#1976d2;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.invoice-forward-email{font-size:1.1rem;font-weight:600}.invoice-criteria-intro{margin-bottom:8px}.invoice-criteria-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.invoice-criteria-card{background:#fff;border:1px solid #0000001a;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:8px;padding:12px}.invoice-criteria-header{align-items:flex-start;display:flex;gap:10px}.invoice-criteria-icon{font-size:1.4rem}.invoice-criteria-info{flex:1 1}.invoice-criteria-title{font-weight:600}.invoice-criteria-description{color:#555;font-size:.85rem}.invoice-criteria-list{margin:0 0 0 18px;padding:0}.invoice-criteria-list li{font-size:.9rem}.invoice-no-criteria{font-weight:600}.invoice-no-criteria-hint{color:#555;font-size:.9rem}.similar-preview-container{max-height:74vh;max-width:840px;min-width:620px;overflow:auto}.similar-preview-header{margin-bottom:10px}.similar-preview-subject{font-weight:600}.similar-preview-from{color:#555;font-size:.9rem}.similar-preview-to{color:#555;font-size:.85rem}.similar-preview-date{color:#777;font-size:.8rem}.similar-preview-body{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:10px}.similar-preview-attachments{margin-top:12px}.similar-preview-attachments ul{margin:6px 0 0 18px;padding:0}.similar-preview-attachments li{font-size:.9rem}.input-suggestions-wrapper{position:relative}.input-suggestions-wrapper .suggestions-list{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:0 0 6px 6px;border-top:none;box-shadow:var(--shadow-default);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.input-suggestions-wrapper .suggestion-item{color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .2s ease}.input-suggestions-wrapper .suggestion-item:hover{background-color:var(--secondary-background)}.btn-cc-toggle{margin-bottom:10px;width:fit-content}.similar-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.similar-toolbar .popup-input{max-width:260px}.wizard-exclude-textarea{margin-top:6px}.email-classification-legit{color:var(--color-success);margin-left:5px}.email-classification-spam{color:var(--color-danger);margin-left:5px}.invoice-criteria-card-neutral{border-color:#9e9e9e33}.customer-page-container{margin:0 auto;max-width:640px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.customer-page-container.narrow{max-width:440px}.customer-auth-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.customer-auth-card form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-auth-card form>.btn-primary,.customer-auth-card form>.btn-secondary{margin-top:var(--spacing-sm)}.customer-auth-card form>.btn-ghost{margin-top:calc(var(--spacing-sm)*-1)}.customer-page-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.customer-page-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-xl);text-align:center}.customer-auth-card .btn-primary,.customer-auth-card .btn-secondary{width:100%}.customer-auth-footer{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.customer-auth-card form>.customer-auth-footer{margin-top:var(--spacing-sm)}.customer-auth-footer a{color:var(--color-primary);font-weight:500;text-decoration:none}.customer-auth-footer a:hover{text-decoration:underline}.customer-method-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.customer-method-selector .btn-primary,.customer-method-selector .btn-secondary{flex:1 1;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.customer-forgot-link{color:var(--color-text-secondary);cursor:pointer;display:inline-block;font-size:var(--text-sm);margin-top:calc(var(--spacing-sm)*-1);text-align:right;width:100%}.customer-forgot-link:hover{color:var(--color-primary);text-decoration:underline}@media (max-width:480px){.customer-page-container{padding:var(--spacing-lg) var(--spacing-md)}.customer-auth-card{background-color:initial;border-radius:var(--radius-lg);box-shadow:none;padding:var(--spacing-xl) var(--spacing-lg)}.customer-page-title{font-size:var(--text-xl)}}.customer-info-box{align-items:flex-start;background-color:var(--validation-info-bg);border:1px solid var(--validation-info-border);border-radius:var(--radius-lg);color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--spacing-md);line-height:1.5;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.customer-info-box svg{color:var(--validation-info-icon);flex-shrink:0;font-size:1.1em;margin-top:2px}.passwords-unlock-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-lg);font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.passwords-unlock-title svg{color:var(--color-primary)}.passwords-unlock-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.passwords-unlock-form .btn-ghost,.passwords-unlock-form .btn-primary{width:100%}.form-hint{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);margin-top:var(--spacing-xs)}.customer-ticket-info{align-items:stretch;display:flex;flex-direction:column;gap:8px}.customer-tickets-container{height:89vh;margin:0 auto;max-width:100%;min-width:320px;overflow:visible;padding-top:20px;width:100%}.customer-passwords-container{height:89vh;max-width:100%;overflow:visible;padding:0 32px}.customer-return-address-container{margin:0 auto;max-width:640px;padding:24px 32px}.customer-return-address-container h2{margin-bottom:16px}.customer-return-address-container .form-help-text{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-md)}.address-search-indicator{color:var(--color-text-secondary);font-size:var(--text-sm);position:absolute;right:12px;top:38px}.address-suggestions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md,0 4px 12px #00000026);left:0;margin-top:4px;max-height:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.address-suggestion-item{border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;transition:background .15s}.address-suggestion-item:last-child{border-bottom:none}.address-suggestion-item:hover{background:#0000000d;background:var(--hover-background,#0000000d)}.suggestion-address{color:var(--color-text);font-weight:500}.suggestion-postal{color:var(--color-text-secondary);font-size:var(--text-sm)}.customer-ticket-list{display:flex;flex-direction:row;gap:16px;height:100%;overflow-x:auto;overflow-y:hidden;padding:16px 24px;scroll-behavior:smooth;scroll-snap-type:x mandatory;touch-action:pan-x;width:100%}.swipe-hint{animation:fadeIn 1s ease-in;color:var(--text-color);display:none;font-size:14px;margin:8px 0;opacity:.8;text-align:center}.customer-ticket-title{cursor:default;font-size:large;font-weight:500;margin-bottom:0;margin-right:16px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.customer-ticket-list .ticket-item{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);box-sizing:border-box;flex-shrink:0;height:auto;max-width:700px;min-width:300px;padding:16px;scroll-snap-align:center;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.customer-ticket-list .ticket-item.focused{border:3px solid var(--main-button-background);box-shadow:var(--shadow-default);transform:scale(1.02)}.customer-ticket-list .ticket-item:hover{box-shadow:var(--shadow-default);cursor:pointer;transform:scale(1.01)}.customer-ticket-list,.customer-ticket-list .ticket-actions [class*=btn-]{font-size:14px;padding:8px 12px}.customer-ticket-list .ticket-number,.customer-ticket-list .ticket-status,.customer-ticket-list .ticket-title{font-size:large;font-weight:500;margin-right:16px}.mobile-only.nav-arrow{display:none}@keyframes pulse-arrow{0%{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}to{opacity:.7;transform:translateY(-50%) scale(1)}}@media (max-width:768px){.customer-ticket-list{overscroll-behavior-x:contain;padding:0;scroll-snap-type:x mandatory;touch-action:pan-x}.customer-ticket-list .ticket-item{margin:0 auto;max-width:90%;min-width:90%;scroll-snap-align:center}.customer-ticket-list .ticket-item.focused{border:2px solid var(--main-button-background);box-shadow:var(--shadow-default);transform:scale(1.01)}.customer-ticket-list .ticket-item:hover{transform:none}.customer-ticket-list .ticket-actions{flex-direction:column;gap:8px}.customer-ticket-list .ticket-actions [class*=btn-]{max-width:120px;min-height:35px;min-width:90px}.mobile-only.nav-arrow{animation:pulse-arrow 2s infinite;color:var(--text-color);display:block;font-size:32px;opacity:.7;padding:8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.nav-arrow.left-arrow{left:4px}.nav-arrow.right-arrow{right:4px}}.approval-banner{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,var(--main-button-background),var(--main-button-hover));border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #3b82f680;box-shadow:0 0 5px rgba(var(--main-button-rgb,59,130,246),.5)}50%{box-shadow:0 0 20px #3b82f6cc;box-shadow:0 0 20px rgba(var(--main-button-rgb,59,130,246),.8)}}.approval-banner-content{align-items:center;color:#fff;display:flex;gap:10px}.approval-banner-icon{align-items:center;background:#fff;border-radius:var(--radius-full);color:var(--main-button-background);display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.approval-banner-text{font-size:16px;font-weight:600}.approval-banner-button{background:#fff!important;color:var(--main-button-background)!important;font-weight:600!important;padding:12px 20px!important}.approval-banner-button:hover{background:var(--secondary-background)!important}.ticket-item.needs-approval{border:2px solid var(--main-button-background)}.customer-ticket-header{margin-bottom:8px}.customer-ticket-title{color:var(--text-color);font-size:16px;font-weight:600}.customer-ticket-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.ticket-meta-item{display:flex;font-size:14px;gap:6px}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-color)}.ticket-progress-timeline{background:var(--secondary-background);border-radius:var(--radius-md);margin:16px 0;padding:12px}.timeline-stage{display:flex;gap:12px;position:relative}.timeline-marker{flex-direction:column;flex-shrink:0}.timeline-icon,.timeline-marker{align-items:center;display:flex;width:32px}.timeline-icon{background:var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);font-size:14px;height:32px;justify-content:center;z-index:1}.timeline-stage.completed .timeline-icon{background:var(--color-success);background:var(--success-color,var(--color-success));color:#fff}.timeline-stage.active .timeline-icon{animation:pulse-icon 1.5s ease-in-out infinite;background:var(--main-button-background);color:#fff}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-stage.upcoming .timeline-icon{background:var(--border-color);color:var(--text-muted);opacity:.6}.timeline-line{background:var(--border-color);flex-grow:1;margin:4px 0;min-height:20px;width:2px}.timeline-stage.completed .timeline-line{background:var(--color-success);background:var(--success-color,var(--color-success))}.timeline-content{flex-grow:1;padding-bottom:16px}.timeline-label{color:var(--text-color);font-size:14px;font-weight:500}.timeline-stage.upcoming .timeline-label{color:var(--text-muted);opacity:.6}.timeline-date{color:var(--text-muted);font-size:12px;margin-top:2px}.timeline-active-indicator{color:var(--main-button-background);font-size:12px;font-weight:600;margin-top:2px}.timeline-reiseoppdrag-info{margin-top:4px}.reiseoppdrag-detail{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.timeline-shipping-info{background:var(--card-background);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-block;font-size:12px;margin-top:4px;padding:4px 8px}.shipping-no-tracking{color:var(--color-warning);color:var(--warning-color,var(--color-warning))}.timeline-tracking-button{align-items:center;background:var(--main-button-background);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:4px;padding:8px 14px;transition:background .2s,transform .1s}.timeline-tracking-button:hover{background:var(--main-button-hover);transform:translateY(-1px)}.timeline-tracking-button:active{transform:translateY(0)}.tracking-icon{font-size:14px}.tracking-dropdown-container{display:inline-block;position:relative}.tracking-dropdown{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;left:0;margin-top:6px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}.tracking-dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 14px;text-align:left;transition:background .15s;width:100%}.tracking-dropdown-item:last-child{border-bottom:none}.tracking-dropdown-item:hover{background:#0000000d;background:var(--hover-background,#0000000d)}.tracking-dropdown-item .tracking-eta{color:var(--text-muted);font-size:12px;margin-left:8px}@media (min-width:768px){.ticket-progress-timeline{align-items:flex-start;display:flex;overflow-x:auto;padding:16px}.timeline-stage{align-items:center;flex:1 1;flex-direction:column;gap:8px;min-width:80px}.timeline-marker{flex-direction:row;justify-content:center;width:100%}.timeline-icon{font-size:16px;height:36px;width:36px}.timeline-line{display:none}.timeline-stage:not(:last-child):after{background:var(--border-color);content:"";height:2px;left:calc(50% + 18px);position:absolute;top:18px;width:calc(100% - 36px)}.timeline-stage.completed:not(:last-child):after{background:var(--color-success);background:var(--success-color,var(--color-success))}.timeline-content{padding-bottom:0;text-align:center}.timeline-label{font-size:13px;white-space:nowrap}.timeline-active-indicator,.timeline-date{font-size:11px}.timeline-shipping-info{font-size:11px;padding:2px 6px}.timeline-tracking-button{font-size:12px;padding:6px 12px}.tracking-dropdown{min-width:180px}.tracking-dropdown-item{font-size:13px;padding:10px 12px}}.customer-chat-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.chat-section-header{color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:12px}.not-fixable-section{padding:16px}.not-fixable-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.not-fixable-icon{align-items:center;background:var(--color-danger);background:var(--danger-color,var(--color-danger));border-radius:var(--radius-full);color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.not-fixable-header h3{color:var(--text-color);font-size:18px;margin:0}.not-fixable-subtext{color:var(--text-muted);margin-bottom:20px}.not-fixable-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.option-card{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.option-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.option-icon{font-size:20px}.option-description{color:var(--text-muted);font-size:14px;margin-bottom:8px}.option-price{color:var(--main-button-background);font-weight:600;margin-bottom:12px}.option-checkbox{margin-top:8px}.not-fixable-note{background:var(--secondary-background);border-left:3px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.not-fixable-note p{font-size:14px;margin:0}.confirmation-view{padding:24px;text-align:center}.success-animation{margin-bottom:24px}.checkmark-circle{height:80px;margin:0 auto;width:80px}.checkmark{height:100%;width:100%}.checkmark-circle-bg{stroke:var(--color-success);stroke:var(--success-color,var(--color-success));stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke-circle .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:var(--color-success);stroke:var(--success-color,var(--color-success));stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-check .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes stroke-circle{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}.confirmation-title{color:var(--color-success);color:var(--success-color,var(--color-success));font-size:24px;margin-bottom:24px}.confirmation-summary{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:24px;padding:16px;text-align:left}.confirmation-summary h4{font-size:16px;margin:0 0 12px}.summary-section{margin-bottom:12px}.summary-label{color:var(--text-muted);font-size:14px;margin-bottom:4px}.summary-list{margin:0;padding-left:20px}.summary-list li{font-size:14px;margin-bottom:4px}.summary-total{border-top:1px solid var(--border-color);font-size:16px;margin-top:12px;padding-top:12px}.next-steps-info{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:24px;padding:16px;text-align:left}.next-steps-info h4{font-size:16px;margin:0 0 12px}.next-steps-list{margin:0;padding-left:20px}.next-steps-list li{color:var(--text-color);font-size:14px;margin-bottom:8px}@media (max-width:768px){.approval-banner{padding:12px}.approval-banner-text{font-size:14px}.customer-ticket-details{flex-direction:column;gap:8px}.not-fixable-header h3{font-size:16px}.confirmation-title{font-size:20px}.checkmark-circle{height:60px;width:60px}}.chat-unread-badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:var(--color-danger);background:var(--danger-color,var(--color-danger));border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-chat-overlay{animation:slide-up .3s ease-out;background:var(--background);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1100}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-chat-content{padding:16px}.mobile-chat-content,.mobile-chat-content .customer-updates-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.mobile-chat-content .add-customer-update{flex-shrink:0}.mobile-chat-content .chat-container{flex:1 1;max-height:none!important;overflow-y:auto}.customer-chat-popup{max-width:90vw;width:420px!important}.customer-chat-popup-content{display:flex;flex-direction:column;height:480px;max-height:70vh;overflow:hidden}.customer-chat-popup-content .customer-updates-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.customer-chat-popup-content .chat-title{flex-shrink:0}.customer-chat-popup-content .chat-container{flex:1 1;max-height:none!important;overflow-y:auto}.customer-chat-popup-content .add-customer-update{flex-shrink:0}.upgrade-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:all .2s ease}.upgrade-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.upgrade-card.disabled{opacity:.6;pointer-events:none}.upgrade-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px}.upgrade-card-header:hover{background:var(--secondary-background)}.upgrade-card-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.upgrade-card-info{flex:1 1;min-width:0}.upgrade-card-info h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 4px}.upgrade-card-description{color:var(--text-secondary);font-size:13px;margin:0}.upgrade-card-price{align-items:center;display:flex;gap:12px}.upgrade-card-price .price{color:var(--primary-color);font-size:18px;font-weight:700}.upgrade-card-price .expand-icon{color:var(--text-secondary)}.upgrade-checkbox{align-items:center;border:2px solid var(--border-color);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.upgrade-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color)}.upgrade-card-options{background:var(--secondary-background);border-top:1px solid var(--border-color);padding:8px}.upgrade-option{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.upgrade-option.selected,.upgrade-option:hover{background:var(--card-background)}.upgrade-option.selected{box-shadow:inset 0 0 0 2px var(--primary-color)}.upgrade-option-info{display:flex;flex:1 1;flex-direction:column}.option-label{color:var(--text-color);font-weight:500}.option-sublabel{color:var(--text-secondary);font-size:12px}.upgrade-option-price{align-items:center;color:var(--text-color);display:flex;font-weight:600;gap:10px}.price-breakdown-note{color:var(--text-secondary);font-size:12px;font-style:italic;padding:8px 12px}.upgrade-summary{text-align:center}.summary-header{flex-direction:column;gap:12px;margin-bottom:24px}.summary-header,.summary-icon{align-items:center;display:flex}.summary-icon{background:linear-gradient(135deg,var(--color-success),var(--color-success-hover));border-radius:var(--radius-full);color:#fff;font-size:28px;height:64px;justify-content:center;width:64px}.summary-items{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.summary-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;gap:12px;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item.empty{color:var(--text-secondary);justify-content:center}.summary-item-icon{color:var(--primary-color);font-size:18px}.summary-total{align-items:center;background:var(--secondary-background);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.summary-total .total-amount{color:var(--primary-color);font-size:24px;font-weight:700}.summary-actions{display:flex;flex-direction:column;gap:10px}.upgrade-configurator .device-info{background:var(--secondary-background);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.device-label{color:var(--text-secondary)}.device-name{color:var(--text-color);font-weight:600}.upgrade-cards{margin-bottom:20px}.upgrade-total{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.total-row{align-items:center;color:var(--text-color);display:flex;font-size:16px;justify-content:space-between}.total-row .total-amount{color:var(--primary-color);font-size:24px;font-weight:700}.upgrade-actions{display:flex;flex-direction:column;gap:10px}.mersalg-highlight-card{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border:2px solid var(--primary-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;margin:8px 0;padding:12px 16px;transition:all .2s ease}.mersalg-highlight-card:hover{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.1));box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);transform:translateY(-2px)}.mersalg-highlight-icon{align-items:center;background:var(--primary-color);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.mersalg-highlight-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.mersalg-highlight-title{color:var(--text-color);font-size:14px;font-weight:600}.mersalg-highlight-subtitle{color:var(--text-secondary);font-size:12px}.mersalg-highlight-icons{color:var(--primary-color);display:flex;font-size:16px;gap:8px}.customer-response-popup .mersalg-integrated-section{border-top:2px dashed var(--border-color);margin-top:24px;padding-top:20px}.customer-response-popup .section-header{margin-bottom:12px}.customer-response-popup .section-header h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.customer-response-popup .section-header.with-badge{align-items:center;display:flex;justify-content:space-between}.customer-response-popup .section-header .header-content{align-items:center;display:flex;gap:8px}.customer-response-popup .section-header .header-icon{color:var(--color-warning);font-size:18px}.customer-response-popup .optional-badge{background:var(--secondary-background);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.customer-response-popup .section-subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 16px}.inline-upgrade-cards{display:flex;flex-direction:column;gap:8px}.inline-upgrade-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.inline-upgrade-card.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}.inline-upgrade-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px}.inline-upgrade-header:hover,.inline-upgrade-icon{background:var(--secondary-background)}.inline-upgrade-icon{align-items:center;border:1px solid var(--color-text-secondary);border-radius:8px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.inline-upgrade-card:hover .inline-upgrade-icon{background:var(--card-background);border-color:var(--color-info)}.inline-upgrade-card.selected .inline-upgrade-icon,.inline-upgrade-card.selected:hover .inline-upgrade-icon{background:linear-gradient(135deg,var(--color-info),var(--color-accent-blue));border-color:var(--color-accent-blue);color:#fff}.inline-upgrade-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.inline-upgrade-title{color:var(--text-color);font-size:14px;font-weight:600}.inline-upgrade-desc{color:var(--text-secondary);font-size:12px}.inline-upgrade-selected-badge{background:var(--primary-color);border-radius:var(--radius-xl);color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.inline-upgrade-expand{color:var(--text-secondary)}.inline-upgrade-price{color:var(--text-color);font-weight:600;white-space:nowrap}.inline-upgrade-check{align-items:center;background:var(--input-background);border:2px solid var(--color-text-secondary);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:22px;justify-content:center;transition:all .2s ease;width:22px}.inline-upgrade-check.checked{background:var(--color-info);border-color:var(--color-accent-blue)}.inline-upgrade-options{background:var(--secondary-background);border-top:1px solid var(--border-color);padding:8px}.inline-upgrade-option{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s ease}.inline-upgrade-option.selected,.inline-upgrade-option:hover{background:var(--card-background)}.inline-upgrade-option.selected{box-shadow:inset 0 0 0 2px var(--primary-color)}.inline-upgrade-option span{color:var(--text-color);flex:1 1}.inline-upgrade-option small{color:var(--text-secondary);margin-left:4px}.inline-upgrade-option .option-price{font-weight:600;margin-right:10px}.inline-upgrade-card.checkbox-mode{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px}.inline-upgrade-card.checkbox-mode:hover{background:var(--secondary-background)}.subtotal-row{border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;margin-top:12px;padding:12px 0}.base-fees-section{border-top:1px dashed var(--border-color);margin-top:16px;padding-top:8px}.base-fees-section .subtotal-row{border-top:none;margin-top:0;padding:8px 0}.base-fees-section .subtotal-row:first-child{padding-top:0}.fee-note{color:var(--text-muted);font-size:12px;font-style:italic;margin:8px 0 0;padding:0}.total-price{font-weight:700;margin-top:8px}.total-price.grand-total{align-items:center;background:var(--secondary-background);border-radius:var(--radius-md);display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-top:16px;padding:16px}.total-price.grand-total .total-amount{color:var(--primary-color);font-size:22px;font-weight:700}.customer-response-redesign .alternative-entry{align-items:flex-start;background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:14px;transition:all .2s ease}.customer-response-redesign .alternative-entry:hover{background:var(--secondary-background)}.customer-response-redesign .alternative-entry.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}.customer-response-redesign .alternative-entry.mandatory-alternative{background:#f59e0b0d;border-color:var(--color-warning)}.alternative-content{flex:1 1;min-width:0}.alternative-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.alternative-title{color:var(--text-color);font-weight:600}.mandatory-badge{background:var(--color-warning);border-radius:8px;color:#fff;font-size:10px;padding:2px 6px;text-transform:uppercase}.customer-response-redesign .alternative-entry.completed-alternative{background:#22c55e0d;border-color:var(--color-success);cursor:default}.customer-response-redesign .alternative-entry.completed-alternative:hover{background:#22c55e14}.completed-badge{background:var(--color-success);border-radius:8px;color:#fff;font-size:10px;padding:2px 6px;text-transform:uppercase}.alternative-price-row{align-items:center;display:flex;flex-shrink:0;gap:12px}.alternative-price{color:var(--primary-color);font-size:16px;font-weight:700}.alternative-check{align-items:center;background:var(--input-background);border:2px solid var(--color-text-secondary);border-radius:6px;color:#fff;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.alternative-check.checked{background:var(--color-info);border-color:var(--color-accent-blue)}.customer-response-popup .draggable-popup{max-height:75vh;max-width:520px;overflow-y:auto}.mersalg-popup-redesign .draggable-popup{max-width:480px}.universal-description{background:var(--secondary-background);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.universal-description p{color:var(--text-color);line-height:1.6;margin:0}.validation-error-box{background:#ef44441a;border:1px solid #ef444466;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.validation-error-box strong{color:#dc2626;color:var(--danger-color,#dc2626);display:block;margin-bottom:var(--spacing-xs)}.validation-error-box ul{margin:0;padding-left:var(--spacing-lg)}.validation-error-box li{color:#dc2626;color:var(--danger-color,#dc2626);font-size:14px}.alternative-group{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alternative-group .group-header{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 var(--spacing-md) 0}.group-requirement{color:var(--text-secondary);font-size:13px;font-weight:500}.group-requirement.required{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:600}.group-requirement.optional{color:var(--text-secondary);font-style:italic}.alternative-group.required-group{border-left:4px solid #dc2626;border-left:4px solid var(--color-danger,#dc2626)}.alternative-group.optional-group{border-left:4px solid #e5e7eb;border-left:4px solid var(--color-border,#e5e7eb)}.group-alternatives{display:flex;flex-direction:column;gap:var(--spacing-sm)}.alternative-radio-label{align-items:flex-start;background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.alternative-radio-label:hover{background:var(--secondary-background);border-color:var(--text-secondary)}.alternative-radio-label.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}.alternative-radio-label input[type=radio]{accent-color:var(--primary-color);flex-shrink:0;height:20px;margin:2px 0 0;width:20px}.alternative-radio-content{align-items:flex-start;display:flex;flex:1 1;gap:12px;justify-content:space-between}.alternative-radio-info{display:flex;flex-direction:column;gap:4px}.alternative-radio-info .alternative-title{color:var(--text-color);font-weight:600}.alt-description{color:var(--text-secondary);font-size:13px;line-height:1.4}.independent-alternatives{margin-top:var(--spacing-lg)}.independent-header{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0}.alternative-group.mandatory-group{background:#22c55e0d;border-left:4px solid var(--color-success)}.alternative-info-item{align-items:center;background:var(--color-surface);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.alternative-info-item .included-check{color:var(--color-success);flex-shrink:0;font-size:14px}.alternative-info-item span{color:var(--text-color);flex:1 1}.alternative-info-item .alternative-price{color:var(--primary-color);font-weight:600}.disabled-group,.disabled-section{opacity:.5;pointer-events:none;position:relative}.disabled-hint{background:#f59e0b1a;background:rgba(var(--warning-rgb,245,158,11),.1);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:13px;font-style:italic;margin:0 0 var(--spacing-sm) 0;padding:var(--spacing-xs) var(--spacing-sm)}.alternative-entry.disabled,.alternative-radio-label.disabled,.inline-upgrade-card.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.alternative-entry.disabled:hover,.alternative-radio-label.disabled:hover,.inline-upgrade-card.disabled:hover{background:inherit;transform:none}.customer-register-container{animation:fadeIn .5s ease-in;background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin:32px auto;max-width:400px;padding:24px}.customer-register-container h2{color:var(--text-color);font-size:24px;font-weight:600;margin-bottom:16px;text-align:center}.customer-register-container form{display:flex;flex-direction:column;gap:16px}.customer-register-container .form-row{display:flex;flex-direction:column;gap:8px}.customer-register-container .form-row input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;padding:10px;transition:border-color .3s ease}.customer-register-container .form-row input:focus{border-color:var(--button-background);outline:none}.customer-register-container .form-row button{background-color:var(--main-button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color var(--transition-normal)}.customer-register-container .form-row button:hover{background-color:var(--main-button-hover)}.customer-register-container .message-box{border-radius:var(--radius-md);padding:12px;text-align:center}.customer-register-container .message-box.bg-green-100{background-color:var(--unread-email-bg);color:var(--text-color)}.customer-register-container .message-box.bg-red-100{background-color:#fee2e2;color:var(--danger-color)}.customer-register-container .login-links{color:var(--text-color);font-size:14px;margin-top:16px;text-align:center}.customer-register-container .login-links [class*=btn-]{font-size:14px;padding:8px 16px}.customer-passwords-page{margin:0 auto;max-width:800px;padding:20px}.password-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.password-checkbox input[type=checkbox]{appearance:none;background-color:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-sm);cursor:pointer;height:16px!important;margin:0;transition:background-color .2s,border-color .2s;width:16px!important}.password-checkbox input[type=checkbox]:checked{background-color:var(--btn-primary-bg);border-color:var(--btn-primary-bg);position:relative}.password-checkbox input[type=checkbox]:checked:after{color:var(--btn-primary-text);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.password-checkbox input[type=checkbox]:hover{border-color:var(--color-text-secondary)}.password-checkbox span{color:var(--text-color);font-size:14px;-webkit-user-select:none;user-select:none}.passwords-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:16px;font-weight:500;gap:12px;margin-bottom:20px;padding:16px 20px}.passwords-message.success{background-color:#22c55e26;border:1px solid #22c55e66;color:#15803d}body.dark .passwords-message.success{color:#4ade80}.passwords-message.error{background-color:#ef444426;border:1px solid #ef444466;color:#dc2626}body.dark .passwords-message.error{color:#f87171}.passwords-message svg{flex-shrink:0;font-size:20px}.passwords-intro{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:var(--radius-lg);color:#fff;display:flex;gap:20px;margin-bottom:24px;padding:24px}.passwords-intro .intro-icon{flex-shrink:0;font-size:48px;opacity:.9}.passwords-intro .intro-text h2{color:#fff;font-size:22px;font-weight:600;margin:0 0 12px}.passwords-intro .intro-text p{color:#fff;font-size:16px;line-height:1.6;margin:0 0 16px;opacity:.95}.passwords-intro .intro-info-box{background:#fff3;border-radius:var(--radius-md);color:#fff;display:flex;font-size:15px;gap:12px;line-height:1.5;padding:14px 16px}.passwords-intro .intro-info-box svg{color:#fff;flex-shrink:0;font-size:20px;margin-top:2px}.passwords-unlock-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);padding:28px}.passwords-unlock-section h3{align-items:center;color:var(--text-color);display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 12px}.passwords-unlock-section h3 svg{color:#2563eb}.unlock-description{color:var(--text-color);font-size:16px;line-height:1.5;margin:0 0 24px;opacity:.7}.unlock-method-buttons{display:flex;gap:16px;margin-bottom:24px}.unlock-method-btn{align-items:center;background:var(--secondary-background);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px 16px;transition:all .2s ease}.unlock-method-btn:hover{background:var(--card-background);border-color:#2563eb}.unlock-method-btn.active{background:#2563eb1a;border-color:#2563eb}.unlock-method-btn svg{color:#2563eb;font-size:28px}.unlock-method-btn span{color:var(--text-color);font-size:16px;font-weight:600}.unlock-method-btn small{color:var(--text-color);font-size:13px;opacity:.6;text-align:center}.unlock-form{display:flex;flex-direction:column;gap:16px}.unlock-form label{font-weight:600}.unlock-form input,.unlock-form label{color:var(--text-color);font-size:16px}.unlock-form input{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:400px;padding:14px 16px;width:100%}.unlock-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.sms-code-input{font-size:24px!important;letter-spacing:8px;max-width:200px!important;text-align:center}.sms-info{color:var(--text-color);font-size:15px;line-height:1.5;opacity:.7}.unlock-submit-btn{background:#2563eb;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:16px 32px;transition:background .2s ease}.unlock-submit-btn:hover:not(:disabled){background:#1d4ed8}.unlock-submit-btn:disabled{cursor:not-allowed;opacity:.6}.resend-code-btn{background:#0000;border:1px solid #2563eb;border-radius:var(--radius-md);color:#2563eb;cursor:pointer;font-size:14px;max-width:200px;padding:12px 20px}.resend-code-btn:hover:not(:disabled){background:#2563eb1a}.passwords-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);padding:24px}.passwords-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.passwords-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.lock-btn{align-items:center;background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.lock-btn:hover{background:var(--secondary-hover)}.no-passwords{color:var(--text-color);opacity:.7;padding:40px 20px;text-align:center}.no-passwords p{font-size:16px;margin:0 0 8px}.passwords-content .password-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.password-card{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.password-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.password-card-header h4{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.password-card-actions{display:flex;gap:8px}.password-card-actions button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.password-card .edit-btn{background:#3b82f626;color:var(--color-info)}.password-card .edit-btn:hover{background:#3b82f640}.password-card .delete-btn{background:#ef444426;color:var(--color-danger)}.password-card .delete-btn:hover{background:#ef444440}.password-value-row{align-items:center;background:var(--card-background);border-radius:var(--radius-sm);display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.password-value{color:var(--text-color);flex:1 1;font-family:monospace;font-size:18px}.toggle-visibility-btn{align-items:center;background:var(--color-accent-blue);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 14px}.toggle-visibility-btn:hover{background:var(--color-accent-blue-hover)}.share-with-tech{border-top:1px solid var(--border-color);padding-top:12px}.share-checkbox{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:8px}.share-checkbox input[type=checkbox]{accent-color:var(--color-accent-blue);cursor:pointer;height:22px;width:22px}.share-info{background:#3b82f61a;border-radius:var(--radius-sm);color:var(--text-color);display:flex;font-size:14px;gap:10px;line-height:1.4;opacity:.8;padding:10px 14px}.share-info svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.password-edit-form{gap:16px}.edit-field,.password-edit-form{display:flex;flex-direction:column}.edit-field{gap:8px}.edit-field label{color:var(--text-color);font-size:14px;font-weight:600}.edit-field input{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:16px;padding:12px 14px}.edit-actions{display:flex;gap:12px;margin-top:8px}.add-password-form .save-btn,.password-card .save-btn{align-items:center;background:var(--color-success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px}.add-password-form .save-btn:hover,.password-card .save-btn:hover{background:var(--color-success-hover)}.add-password-btn{align-items:center;background:var(--color-accent-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:18px 24px;transition:background .2s ease;width:100%}.add-password-btn:hover{background:var(--color-accent-blue-hover)}.add-password-form{background:var(--secondary-background);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:24px}.add-password-form h4{align-items:center;color:var(--text-color);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.add-password-form h4 svg{color:var(--color-accent-blue)}.form-field{margin-bottom:20px}.form-field label{display:block;font-weight:600;margin-bottom:8px}.form-field input,.form-field label{color:var(--text-color);font-size:16px}.form-field input{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px 16px;width:100%}.form-field input:focus{border-color:var(--color-accent-blue);outline:none}.form-field small{color:var(--text-color);display:block;font-size:13px;margin-top:6px;opacity:.6}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:50px}.toggle-password-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:18px;opacity:.5;padding:8px;position:absolute;right:12px}.toggle-password-btn:hover{opacity:1}.share-option{margin-bottom:24px}.add-password-form .form-actions{display:flex;gap:12px}.confirmation-overlay{align-items:center;background:var(--color-overlay-dark);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{background:var(--card-background);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;max-width:440px;padding:32px;text-align:center;width:100%}.dialog-icon{align-items:center;border-radius:var(--radius-full);display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.dialog-icon.warning{background:#f59e0b26;color:var(--color-warning)}.confirmation-dialog h4{color:var(--text-color);font-size:20px;font-weight:600;margin:0 0 16px}.confirmation-dialog p{color:var(--text-color);font-size:16px;line-height:1.5;margin:0 0 12px;opacity:.7}.confirmation-dialog .warning-text{color:var(--color-danger);font-weight:500;opacity:1}.dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.customer-updates-section{flex:1 1}.customer-updates-section .send-button{border-radius:16px}.customer-updates-section .send-button.failed{background-color:#f7c948;color:#333}.customer-updates-section .send-button.failed:hover{background-color:#e6b800}.customer-updates-section .send-button .loading-spinner{border:2px solid #fff;border-top-color:#0000}@media (max-width:768px){.customer-register-container{margin:16px;max-width:100%;padding:16px}.customer-register-container .form-row button,.customer-register-container .form-row input{width:100%}.customer-register-container .login-links [class*=btn-]{text-align:center;width:100%}.customer-passwords-page{padding:16px}.customer-passwords .add-password button,.customer-passwords .add-password input{max-width:100%}}@media (max-width:600px){.customer-passwords-page{padding:12px}.passwords-intro{flex-direction:column;padding:20px;text-align:center}.passwords-intro .intro-icon{font-size:36px}.passwords-intro .intro-text h2{font-size:20px}.unlock-method-buttons{flex-direction:column}.password-card-header,.password-value-row{align-items:flex-start;flex-direction:column;gap:12px}.add-password-form .form-actions{flex-direction:column}.add-password-form .form-actions .btn-ghost,.add-password-form .form-actions .save-btn{justify-content:center;width:100%}}.customer-register-container,.login-container{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin:0 auto 32px;max-width:400px;padding:24px}.customer-register-container:last-child,.login-container:last-child{margin-bottom:0}.login-actions{align-items:center;display:flex;justify-content:space-between;margin-top:24px;width:100%}.register-section{align-items:center;display:flex;font-size:14px;gap:4px}.register-link{color:var(--text-color);font-size:14px;text-decoration:underline}.register-link:hover{color:var(--button-background)}.employee-link{color:var(--color-text-secondary);font-size:12px}.employee-link:hover{color:var(--button-background)}.forgot-password-link{background:none;border:none;color:var(--text-color);cursor:pointer;display:inline-block;font-size:12px;margin-top:0;padding:0;text-align:left;text-decoration:underline;width:fit-content}.method-selection{display:flex;gap:12px;justify-content:center;margin-bottom:16px;width:100%}.method-selection button{flex:1 1}.password-container{position:relative;width:100%}.password-section{display:flex;flex-direction:column;gap:4px;width:100%}input[type=password]::-moz-password-reveal,input[type=password]::-ms-reveal,input[type=password]::-webkit-password-reveal{display:none!important}input[type=password]{appearance:none}.password-toggle{background:#0000;color:var(--text-color);cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:1}.password-container input[type=password],.password-container input[type=text]{padding-right:40px}.message-author{display:block;min-height:auto}.message-via-indicator{color:#555;font-size:.8em}body.dark .message-via-indicator{color:#aaa}.internal-badge em{margin-left:6px}.message-email-link{color:var(--color-primary);cursor:pointer}.message-email-link:hover{text-decoration:underline}.ai-suggestion-generate{align-self:flex-end;background-color:#4caf501a;border:1px dashed #4caf50;border-radius:var(--radius-lg);margin:10px 0;max-width:fit-content;padding:10px 14px}.ai-suggestion-bubble{align-self:flex-start;background-color:#4caf5026;border:2px solid #4caf50;border-radius:var(--radius-lg);margin:10px 0}.ai-suggestion-bubble.collapsed{max-width:fit-content}.ai-suggestion-bubble.expanded{max-width:85%}.ai-author-label{align-items:center;color:#4caf50;display:flex;font-weight:700;gap:6px}.ai-loading-indicator{font-size:.8em;font-weight:400;opacity:.7}.ai-draft-content{margin-top:var(--spacing-sm);white-space:pre-wrap}.ai-generate-btn{align-items:center;background-color:#4caf50;border:none;color:#fff;display:flex;font-size:.9em;gap:6px;padding:6px 12px}.ai-generate-btn:hover{background-color:#43a047}.ai-action-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ai-used-indicator{align-items:center;display:flex;gap:6px;margin-top:6px}.ai-used-indicator button{background-color:initial;border:1px solid #4caf50;border-radius:var(--radius-md);color:#4caf50;cursor:pointer;font-size:.85em;padding:4px 10px}.ai-used-indicator button:hover{background-color:#4caf501a}.ai-suggested-info{background-color:#ffc10726;border:1px solid #ffc107;border-radius:var(--radius-md);font-size:.85em;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.ai-suggested-info-title{color:#ffc107;font-weight:700}.ai-suggested-info ul{margin:4px 0 0 16px;padding:0}.ai-context-container{background-color:#ff98001a;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.ai-context-container textarea{background-color:var(--input-background);border:1px solid #ff9800;border-radius:var(--radius-sm);color:var(--text-color);font-size:.85em;min-height:60px;padding:6px;resize:vertical}.ai-context-container textarea:focus{border-color:#f57c00;outline:none}.ai-context-actions{display:flex;gap:6px}.ai-context-actions button{border-radius:var(--radius-sm);cursor:pointer;font-size:.85em;padding:4px 10px}.chat-checkbox-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.chat-checkbox-label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs)}.chat-checkbox-label input[type=checkbox]{margin:0}.emoji-picker-container{position:relative}.emoji-picker-button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2em;justify-content:center;padding:4px}.emoji-picker-button:hover{color:var(--text-color)}.emoji-picker-dropdown{bottom:100%;position:absolute;right:0;z-index:1000}.ai-timestamp{color:#4caf50!important}.message-textarea.chat-input{height:85px}.button-container.chat-buttons{display:flex;flex-direction:column;gap:5px}.communication-buttons-row{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:10px}.ai-chat-link{cursor:pointer;text-decoration:underline}.ai-chat-link.user-message{color:gold}.ai-chat-link.ai-message,.ai-chat-status{color:#007bff;color:var(--color-primary,#007bff)}.ai-chat-status{text-transform:capitalize}.ai-draft-bubble{max-width:85%}.message-bubble.sender.ai-suggestion{background-color:#4caf5026;border:2px solid #4caf50}.message-bubble.sender.ai-suggestion,.message-bubble.sender.ai-suggestion .ai-draft-content,.message-bubble.sender.ai-suggestion .message-content,.message-bubble.sender.ai-suggestion .message-meta{color:#333;color:var(--color-text,#333)}.message-bubble.sender.ai-draft-approved{background-color:#4caf5014;border:1px solid #4caf504d}.message-bubble.sender.ai-draft-rejected{background-color:#f4433614;border:1px solid #f443364d}body.dark .message-bubble.sender.ai-suggestion,body.dark .message-bubble.sender.ai-suggestion .ai-draft-content,body.dark .message-bubble.sender.ai-suggestion .message-content,body.dark .message-bubble.sender.ai-suggestion .message-meta{color:#e0e0e0;color:var(--color-text,#e0e0e0)}.ai-status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75em;font-weight:500;margin-left:8px;padding:2px 8px}.ai-status-badge.used{background-color:#4caf5033;color:#2e7d32}.ai-status-badge.rejected{background-color:#f4433633;color:#c62828}body.dark .ai-status-badge.used{background-color:#4caf504d;color:#81c784}body.dark .ai-status-badge.rejected{background-color:#f443364d;color:#ef9a9a}.ai-draft-approved{background-color:#4caf5014!important;border:1px solid #4caf504d!important;opacity:.85}.ai-draft-approved .ai-author-label{color:#66bb6a}.ai-draft-approved .ai-draft-content{color:#666;color:var(--text-secondary,#666)}.ai-draft-rejected{background-color:#f4433614!important;border:1px solid #f443364d!important;opacity:.7}.ai-draft-rejected .ai-author-label{color:#e57373}.ai-draft-rejected .ai-draft-content.rejected{color:#888;color:var(--text-secondary,#888);text-decoration:line-through}.ai-minimized{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.ai-minimized-preview{color:#666;color:var(--text-secondary,#666);flex:1 1;font-size:.9em;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-used-content{margin-top:var(--spacing-xs)}body.dark .ai-draft-approved{background-color:#4caf501f!important}body.dark .ai-draft-rejected{background-color:#f443361f!important}body.dark .ai-minimized-preview{color:#999}body.dark .ai-draft-approved .ai-draft-content,body.dark .ai-draft-rejected .ai-draft-content.rejected{color:#888}.ai-diagnosis-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.ai-chat-header-status{font-size:18px;font-weight:700;margin-bottom:4px}.ai-chat-header-ticket{font-size:16px}.ai-chat-ticket-badge{background:#f8f9ffcc;border-radius:12px;font-weight:500;padding:4px 8px}body.dark .ai-chat-ticket-badge{background:#32323ccc}.employee-chat-textarea{height:85px}.employee-chat-buttons{display:flex;flex-direction:column;gap:5px}.emoji-picker-popup{height:450px;width:400px}.employee-chat-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:100%;z-index:1001}.chat-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chat-list-header h3{color:var(--text-color);font-size:18px;margin:0}.new-chat-button{background-color:var(--button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color var(--transition-normal)}.new-chat-button:hover{background-color:var(--button-hover)}.chat-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color var(--transition-normal)}.chat-item:hover{background-color:var(--secondary-background)}.chat-info{flex:1 1}.chat-name{color:var(--text-color);font-weight:600;margin:0 0 4px}.last-message{color:var(--text-color);font-size:14px;margin:0;opacity:.7}.unread-badge{align-items:center;background-color:var(--danger-color);border-radius:var(--radius-full);color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:8px;min-width:20px}.new-chat-form{display:flex;flex-direction:column;gap:12px}.new-chat-form select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);padding:8px}.new-chat-form button{background-color:var(--button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;padding:8px 12px;transition:background-color var(--transition-normal)}.new-chat-form button:hover{background-color:var(--button-hover)}.new-chat-form button:disabled{background-color:var(--border-color);cursor:not-allowed}.message-via-mms{color:#9c27b0;font-weight:500}body.dark .message-via-mms{color:#ce93d8}.mms-attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.mms-attachment{border-radius:var(--radius-md);overflow:hidden;position:relative}.mms-attachment-image{background-color:var(--color-surface-active);cursor:pointer;min-height:60px;min-width:80px;position:relative}.mms-thumbnail{border-radius:var(--radius-md);display:block;max-height:150px;max-width:200px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.mms-thumbnail:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.mms-attachment-video{max-width:280px}.mms-video-player{background-color:#000;border-radius:var(--radius-md);max-height:200px;max-width:100%}.mms-attachment-audio{background-color:var(--color-surface-active);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px;padding:var(--spacing-sm)}.mms-audio-player{height:36px;width:100%}.mms-audio-filename{color:var(--color-text-secondary);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mms-attachment-file{align-items:center;background-color:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.mms-attachment-file:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.mms-file-icon{color:var(--color-primary);flex-shrink:0}.mms-file-info{display:flex;flex-direction:column;overflow:hidden}.mms-file-name{font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mms-file-size{color:var(--color-text-secondary);font-size:var(--text-xs)}.mms-attachment-error{align-items:center;background-color:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.mms-error-icon{flex-shrink:0}.mms-error-text{font-size:var(--text-sm)}.mms-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}body.dark .mms-attachment-audio,body.dark .mms-attachment-file,body.dark .mms-attachment-image{background-color:var(--color-surface-active)}body.dark .mms-attachment-file{border-color:var(--color-border)}body.dark .mms-attachment-file:hover{background-color:var(--color-surface-hover)}.pending-attachments-preview{background-color:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.pending-attachment-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.pending-attachment-thumb{display:block;height:60px;object-fit:cover;width:80px}.pending-attachment-file{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);max-width:120px;padding:var(--spacing-sm)}.pending-attachment-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-attachment-remove{align-items:center;background-color:var(--color-danger);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;transition:transform var(--transition-fast),background-color var(--transition-fast);width:20px}.pending-attachment-remove:hover{background-color:#dc2626;background-color:var(--color-danger-hover,#dc2626);transform:scale(1.1)}.customer-updates-section .attachment-button{background-color:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;width:auto}.customer-updates-section .attachment-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.customer-updates-section .attachment-button:disabled{cursor:not-allowed;opacity:.5}.customer-updates-section .checkbox-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.customer-updates-section .checkbox-options .checkbox-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);transition:color var(--transition-fast)}.customer-updates-section .checkbox-options .checkbox-label:hover{color:var(--color-text)}.customer-updates-section .checkbox-options .checkbox-label.auto-checked{color:var(--color-primary)}.customer-updates-section .checkbox-options .checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.context-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px;overflow:hidden;position:fixed;z-index:10000}.context-menu-item{background:none;border:none;color:var(--color-text);cursor:pointer;display:block;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.context-menu-item:hover{background-color:var(--color-surface-hover)}.password-prompt-popup{min-width:300px}.password-prompt-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.password-prompt-content p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.password-prompt-content p strong{color:var(--color-text);word-break:break-all}.password-prompt-content label{color:var(--color-text);display:flex;flex-direction:column;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs)}.password-prompt-content input[type=text]{background-color:var(--input-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);padding:var(--spacing-sm)}.password-prompt-content input[type=text]:focus{border-color:var(--color-primary);outline:none}.password-prompt-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.customer-updates-section .add-customer-update{margin-top:var(--spacing-md)}.customer-updates-section.window-dragging{position:relative}.chat-drop-overlay{align-items:center;animation:chat-drop-fade-in .15s ease-out;background-color:#ffffffd9;border:2px dashed var(--color-primary);border-radius:var(--radius-md);display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.chat-drop-overlay-content{align-items:center;color:var(--color-primary);display:flex;flex-direction:column;font-size:var(--text-base);font-weight:600;gap:var(--spacing-xs)}.chat-drop-overlay-content svg{font-size:1.5rem}@keyframes chat-drop-fade-in{0%{opacity:0}to{opacity:1}}.customer-updates-section .button-container{align-items:center;display:flex;gap:var(--spacing-xs)}.phone-popup{background-color:var(--card-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-default);box-sizing:border-box;height:auto;max-height:none;max-width:100%;min-height:0;overflow-y:auto;position:relative;width:100%;z-index:1001}.phone-popup .popup-content{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:24px}.phone-popup .phone-message-options{display:flex;flex-direction:column;gap:16px}.phone-popup-drop-wrapper{position:relative}.phone-popup h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.phone-popup .phone-message-select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-color);font-size:15px;padding:12px;transition:border-color .3s ease;width:100%}.phone-popup .phone-message-select:focus{border-color:var(--button-background);outline:none}.phone-popup .message-input-container{align-items:flex-end;background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;display:flex;gap:10px;margin-top:12px;padding:10px 12px;width:100%}.phone-popup .phone-message-textarea{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;color:var(--text-color);flex:1 1;font-size:15px;height:auto;line-height:1.4;max-height:400px!important;min-height:40px;overflow-y:auto;padding:8px 0;resize:none;white-space:pre-wrap;width:100%}.phone-popup .phone-message-textarea:focus{outline:none}.phone-popup .ticket-actions{display:flex;gap:12px;justify-content:flex-end;padding:12px 0}.phone-webform-ai-container{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md,12px)}.phone-webform-ai-container.with-ai-draft{grid-gap:16px;grid-gap:var(--spacing-lg,16px);display:grid;gap:16px;gap:var(--spacing-lg,16px);grid-template-columns:1fr 1fr;grid-template-rows:1fr;max-height:min(400px,50vh);min-height:180px}.phone-webform-ai-container.with-ai-draft .webform-problem-section{display:flex;flex-direction:column;margin-bottom:0;min-height:0;overflow:hidden}.phone-webform-ai-container.with-ai-draft .webform-problem-content{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto}.phone-webform-ai-container.with-ai-draft .ai-draft-section{display:flex;flex-direction:column;margin-bottom:0;max-height:none;min-height:0;overflow:hidden}.phone-webform-ai-container.with-ai-draft .ai-draft-content{flex:1 1 auto;min-height:0;overflow-y:auto}.phone-webform-ai-container.with-ai-draft .ai-draft-text{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto}@media (max-width:1050px){.phone-webform-ai-container.with-ai-draft{grid-template-columns:1fr;grid-template-rows:auto auto;max-height:none}}.sms-preview-popup{background-color:var(--card-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-default);height:auto;max-height:80vh;max-width:400px;min-height:0;overflow-y:auto;width:100%;z-index:1002}.sms-preview-popup .sms-preview-container{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;min-height:0;padding:16px}.sms-preview-popup .chat-title{display:flex;flex-direction:column;gap:8px}.sms-preview-popup .chat-title p{color:var(--text-color);font-size:14px;margin:0}.sms-preview-popup .customer-updates.chat-container{background-color:var(--message-box-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);max-height:600px;overflow-y:auto;padding:12px}.sms-preview-popup .message-bubble.sender{background-color:var(--sender-bubble-bg);border-radius:var(--radius-xl);border-bottom-right-radius:4px;color:var(--sender-bubble-text);margin-left:auto;max-width:80%;padding:10px 14px}.sms-preview-popup .message-content{display:flex;flex-direction:column;gap:4px}.sms-preview-popup .message-content p{font-size:14px;margin:0;white-space:pre-wrap;word-break:break-word}.sms-preview-popup .message-author{font-size:12px;font-weight:600;opacity:.9}.sms-preview-popup .message-meta{font-size:11px;margin-top:4px;opacity:.7;text-align:right}.sms-preview-popup .ticket-actions{display:flex;justify-content:flex-end;padding:12px 0}.phone-popup .send-button{align-items:center;background-color:var(--main-button-background);border:none;border-radius:16px;color:var(--button-text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;position:relative;transition:background-color var(--transition-normal);white-space:nowrap}.phone-popup .send-button:hover{background-color:var(--main-button-hover)}.phone-popup .send-button:disabled{background-color:var(--border-color);cursor:not-allowed}.phone-popup .send-button.failed{background-color:#f7c948;color:#333}.phone-popup .send-button.failed:hover{background-color:#e6b800}.phone-popup .send-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:16px;width:16px}.phone-popup .communication-buttons-row .send-button.checked{background-color:#28a745;border:2px solid #28a745;color:#fff}.phone-popup .communication-buttons-row .send-button.checked:hover{background-color:#218838;border-color:#218838}.phone-popup .communication-buttons-row .send-button:not(.checked){background-color:#fff;border:2px solid #28a745;color:#000}.phone-popup .communication-buttons-row .send-button:not(.checked):hover{background-color:#f8f9fa;border-color:#28a745}.phone-popup .communication-buttons-row .send-button.auto-checked-email{background-color:#28a745;border:2px solid #28a745;color:#fff}.phone-popup .communication-buttons-row .send-button.auto-checked-email:hover{background-color:#218838;border-color:#218838}.phone-input-wrapper{position:relative}.phone-textarea-with-buttons{min-height:80px;padding-bottom:50px;width:100%}.phone-send-buttons{align-items:center;bottom:var(--spacing-sm);display:flex;gap:var(--spacing-xs);position:absolute;right:var(--spacing-sm)}.phone-send-btn-attach{font-size:var(--text-sm);margin-right:4px;padding:6px 8px}.qr-split-btn{display:flex}.qr-split-btn .phone-send-btn-main{border-bottom-right-radius:0;border-top-right-radius:0}.qr-split-btn .phone-send-btn-dropdown{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.phone-email-row{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.phone-scheduled-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.phone-scheduled-section h4{color:var(--color-text);font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-md) 0}.phone-scheduled-list{max-height:200px;overflow-y:auto}.phone-scheduled-item,.phone-scheduled-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.phone-scheduled-item{align-items:center;background-color:var(--color-surface-hover);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.phone-scheduled-item:last-child{margin-bottom:0}.phone-scheduled-item-content{flex:1 1;margin-right:var(--spacing-md)}.phone-scheduled-timestamp{color:var(--color-text-secondary);font-size:var(--text-xs);margin-bottom:var(--spacing-xs)}.phone-scheduled-text{font-size:var(--text-sm);word-break:break-word}.phone-scheduled-actions{display:flex;gap:5px}.phone-scheduled-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.phone-popup-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.phone-popup-content-lg{gap:var(--spacing-lg)}.phone-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.phone-form-label{color:var(--color-text);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.phone-datetime-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base);padding:var(--spacing-sm);width:100%}.phone-datetime-input:focus{border-color:var(--color-primary);outline:none}.phone-edit-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);min-height:100px;padding:var(--spacing-sm);resize:vertical;width:100%}.phone-edit-textarea:focus{border-color:var(--color-primary);outline:none}.phone-actions-row{display:flex;gap:var(--spacing-md);justify-content:flex-end}.phone-actions-row-mt{margin-top:var(--spacing-md)}.phone-pregenerated-popup{width:80vw}.phone-pregenerated-content{max-height:400px;overflow-y:auto;padding:var(--spacing-xl)}.phone-pregenerated-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.phone-pregenerated-empty{color:var(--color-text-secondary);font-size:var(--text-sm)}.phone-pregenerated-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.phone-pregenerated-card{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md)}.phone-pregenerated-meta{color:var(--color-text-secondary);font-size:var(--text-xs);margin-bottom:var(--spacing-xs)}.phone-pregenerated-text{font-size:var(--text-sm);margin-bottom:var(--spacing-md);word-break:break-word}.phone-pregenerated-select-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md)}.phone-pregenerated-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl)}body.dark .phone-popup .send-button.failed{background-color:#f7c948;color:#333}body.dark .phone-popup .send-button.failed:hover{background-color:#e6b800}body.dark .phone-pregenerated-card,body.dark .phone-scheduled-item{background-color:var(--color-surface-active)}.phone-context-menu{background:#fff;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;position:fixed;width:200px;z-index:10000}.phone-context-menu-btn{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;width:100%}.phone-context-menu-btn:hover{background-color:#f0f0f0;background-color:var(--color-surface-hover,#f0f0f0)}@media (max-width:900px){.phone-popup{max-width:95%}.phone-popup .popup-content{padding:16px}.phone-popup .message-input-container{border-radius:var(--radius-xl);padding:8px 10px}.phone-popup .phone-message-textarea{font-size:14px}.phone-popup .ticket-actions{align-items:stretch;flex-direction:column}.phone-popup .ticket-actions button{width:100%}.phone-popup .send-button{font-size:13px;padding:6px 12px}.sms-preview-popup{max-width:90%}.sms-preview-popup .sms-preview-container{min-height:500px;padding:16px}.sms-preview-popup .customer-updates.chat-container{max-height:400px}}.part-order-container{animation:part-order-fadeIn .5s ease-in;margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.part-order-search{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.part-order-search input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;padding:var(--spacing-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.part-order-search input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-md);outline:none}.part-order-location-group{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal)}.part-order-location-group:hover{box-shadow:var(--shadow-lg)}.part-order-location-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--spacing-md)}.part-order-vendor-group{background-color:var(--color-surface-active);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);position:relative;transition:background-color var(--transition-normal)}.part-order-vendor-group:hover{background-color:var(--color-surface-hover)}.part-order-vendor-title{color:var(--color-text);font-size:var(--text-xl);font-weight:500}.part-order-vendor-group [class*=btn-],.part-order-vendor-title{margin-bottom:var(--spacing-md)}.part-order-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}.part-order-card{animation:part-order-fadeIn .5s ease-in forwards;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.part-order-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.part-order-card.incorrect-part{border-left:4px solid var(--color-danger)}.part-order-info-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.part-order-field{color:var(--color-text);font-size:var(--text-sm)}.part-order-field strong{display:block;font-weight:600;margin-bottom:2px}.part-order-links-section{margin-bottom:var(--spacing-md)}.part-order-links-section strong{display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.part-order-link{color:var(--color-primary);display:inline-block;margin-right:var(--spacing-sm);text-decoration:none;transition:color var(--transition-normal),transform var(--transition-normal)}.part-order-link:hover{color:var(--color-primary-hover);transform:translateX(3px)}.part-order-links-section button{background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:inherit;margin-left:var(--spacing-sm);padding:0;text-decoration:none;transition:color var(--transition-normal),transform var(--transition-normal)}.part-order-links-section button:hover{color:var(--color-primary-hover);transform:translateX(3px)}.part-order-vendor-select{margin-bottom:var(--spacing-xs)}.part-order-vendor-select-label{color:var(--color-text);font-size:var(--text-sm);margin-right:var(--spacing-xs)}.part-order-vendor-select select{font-size:var(--text-sm)}.part-order-link-item{align-items:center;display:inline-flex;margin-right:var(--spacing-sm)}.part-order-link-item .part-order-link,.part-order-link-item a{color:inherit;display:inline;margin-right:0;text-decoration:none;transition:all var(--transition-fast)}.part-order-link-item .part-order-link:hover,.part-order-link-item a:hover{color:var(--color-primary);transform:none}.part-order-link-item.selected .part-order-link,.part-order-link-item.selected a{color:var(--color-primary);font-weight:700}.part-order-link-item.preferred .part-order-link,.part-order-link-item.preferred a{background-color:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm);padding:2px var(--spacing-xs)}.part-order-favorite-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-base);padding:0 var(--spacing-xs);transition:color var(--transition-fast)}.part-order-favorite-btn.active,.part-order-favorite-btn:hover{color:var(--color-warning)}.part-order-link-delete{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;padding:0 var(--spacing-xs);transition:color var(--transition-fast)}.part-order-link-delete:hover{color:var(--color-danger)}.part-order-status-section{border-top:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-sm)}.part-order-group-pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.part-order-group-pagination button{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-md);transition:background-color var(--transition-normal)}.part-order-group-pagination span{color:var(--color-text);font-size:var(--text-sm)}.part-order-popup-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.part-order-popup-form label{color:var(--color-text);font-weight:500;margin-bottom:var(--spacing-xs)}.part-order-popup-form input[type=number],.part-order-popup-form input[type=text],.part-order-popup-form select{width:100%}.part-order-help-text{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);margin-top:2px}.part-order-empty-state{color:var(--color-text-muted);font-style:italic}.part-order-stats-section{margin-top:var(--spacing-xl)}.part-order-stats-section p{margin-bottom:var(--spacing-sm)}.part-order-auto-orders-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.part-order-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.part-order-section-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:0}.part-order-scrollable-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:300px;overflow-y:auto}.part-order-exclusion-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.part-order-exclusion-item:last-child{border-bottom:none}.part-order-exclusion-meta{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.part-order-bulk-list{list-style:disc;padding-left:var(--spacing-xl)}.part-order-bulk-list li{margin-bottom:var(--spacing-xs)}.part-order-tracking-link{display:block;margin-top:var(--spacing-md);text-align:center}.part-order-color-warning{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.part-order-color-selector{align-items:center;display:flex;gap:var(--spacing-sm)}.part-order-color-selector select{flex:1 1}.part-order-inline-part-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.part-order-checkbox-row{margin-top:var(--spacing-xs)}.part-order-add-link-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.part-order-add-link-row input{flex:1 1}.part-order-existing-links{margin-top:var(--spacing-xs)}.part-order-link-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.part-order-link-row a{color:var(--color-primary)}.part-order-link-text{font-size:var(--text-sm)}.similar-orders-current{background-color:var(--color-surface-active);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.similar-orders-current .similar-orders-header{font-size:var(--text-sm);font-weight:600;margin-bottom:2px}.similar-orders-fields{grid-gap:1px var(--spacing-sm);color:var(--color-text-secondary);display:grid;font-size:var(--text-xs);gap:1px var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,auto))}.similar-orders-fields span strong{color:var(--color-text)}.similar-orders-section{margin-bottom:var(--spacing-sm)}.similar-orders-section-title{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.similar-orders-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.similar-orders-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.similar-orders-item .similar-orders-header{font-size:var(--text-xs);font-weight:600;margin-bottom:1px}.similar-orders-item:hover{background-color:var(--color-surface-hover)}.similar-orders-current~.radio-group{flex-direction:row;gap:var(--spacing-md);margin:var(--spacing-xs) 0}.similar-orders-current~.ticket-actions{padding:var(--spacing-xs) 0}@keyframes part-order-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.catalog-section{margin-top:var(--spacing-xl)}.catalog-section-sm{margin-top:var(--spacing-lg)}.catalog-field-group{margin:var(--spacing-md) 0}.catalog-field-group label{display:block;margin-bottom:var(--spacing-xs)}.catalog-filter-row{margin-bottom:var(--spacing-sm)}.catalog-filter-row label{margin-right:var(--spacing-sm)}.catalog-input-sm{width:60px}.catalog-input-full{width:100%}.catalog-input-with-margin{margin-bottom:var(--spacing-md);width:100%}.catalog-input-spacing{margin-top:var(--spacing-sm)}.catalog-textarea{height:100px;resize:vertical;width:100%}.catalog-model-list{margin:var(--spacing-xs) 0;padding-left:var(--spacing-xl)}.catalog-error-text{color:var(--color-danger);margin-top:var(--spacing-xs)}.catalog-save-btn{margin-top:var(--spacing-md)}.catalog-management .form-row{align-items:center;flex-wrap:nowrap;margin-bottom:12px}.catalog-management .form-row button,.catalog-management .form-row input,.catalog-management .form-row select{flex:1 1;min-width:200px}.catalog-management .form-row label{margin-right:8px;min-width:60px}.catalog-management .tabs{display:flex;gap:8px;margin-bottom:24px}.catalog-management .tabs button{background-color:var(--secondary-background);border:none;border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;padding:8px 16px;transition:background-color var(--transition-normal)}.catalog-management .tabs button.active,.catalog-management .tabs button:hover{background-color:var(--button-background);color:var(--btn-secondary-text)}.catalog-management .ticket-line{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.catalog-management ul{margin-top:16px}@media (max-width:768px){.catalog-management .form-row{align-items:stretch;flex-direction:column;gap:8px}.catalog-management .form-row button,.catalog-management .form-row input,.catalog-management .form-row select{max-width:none;min-width:100%}.catalog-management .form-row label{margin-bottom:4px;margin-right:0}}.model-details{border:1px solid var(--border-color);border-radius:5px;margin-top:20px;padding:10px}.model-details li{margin:5px 0}.model-details ul{list-style-type:none;padding:0}.delelager-container{margin:0 auto;max-width:1200px;padding:20px}.catalog-surface{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.catalog-header{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.catalog-header-text h1{margin:0}.catalog-subtitle{font-size:14px;opacity:.75}.catalog-message-box{padding:10px 12px}.catalog-message{padding:0}.catalog-message.is-error{color:var(--danger-color)}.catalog-message.is-success{color:var(--main-button-background)}.catalog-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:12px}.catalog-toolbar .search-input{flex:1 1;margin-bottom:0}.catalog-actions{display:flex;flex-wrap:wrap;gap:8px}.muted-hint{font-size:14px;opacity:.75;padding:10px}.grouped-parts .group-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden}.grouped-parts summary{background:var(--message-box-background);border-bottom:1px solid var(--border-color);cursor:pointer;font-weight:600;padding:12px}.grouped-parts ul,.parts-list{list-style:none;margin:0;padding:0}.grouped-parts li{border-bottom:1px solid var(--border-color);cursor:pointer;padding:8px 12px;transition:background-color .2s}.grouped-parts li:hover{background:var(--secondary-hover)}.grouped-parts li:last-child{border-bottom:none}.part-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.part-text{display:flex;flex-direction:column;gap:2px;min-width:0}.part-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-muted{font-size:12px;opacity:.75}.part-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.catalog-section-actions{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;padding:10px}.catalog-section-body{padding:10px}.model-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:10px 0 10px 20px;overflow:hidden}.model-section>summary{background:var(--message-box-background);border-bottom:1px solid var(--border-color);border-radius:0;padding:10px 12px}.model-color-row{align-items:center;display:flex;gap:10px;margin-bottom:6px}.model-color-name{flex:1 1;min-width:0}.color-chip{align-items:center;background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-color);display:inline-flex;font-size:13px;font-weight:600;line-height:1;padding:4px 10px}.part-popup .popup-sections{grid-gap:20px;display:grid;gap:20px;max-height:80vh;overflow-y:auto}.part-popup .popup-basic-info{display:flex;flex-direction:column;gap:12px}.part-popup .popup-field{display:flex;flex-direction:column;gap:6px}.part-popup .popup-label{color:var(--text-color);font-size:14px;font-weight:600}.part-popup .popup-toggles{display:flex;flex-wrap:wrap;gap:12px}.part-popup .checkbox-label,.part-popup .radio-label{font-size:14px}.part-popup .popup-row{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.part-popup .popup-section{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:15px}.part-popup .popup-section h3{color:var(--text-color);margin-top:0}.part-popup .popup-section table{border-collapse:collapse;width:100%}.part-popup .popup-section td,.part-popup .popup-section th{border:1px solid var(--border-color);padding:8px;text-align:left}.part-popup .popup-section input[type=number]{width:60px}.part-popup .popup-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.catalog-table{border-collapse:collapse;width:100%}.catalog-table td,.catalog-table th{border:1px solid var(--border-color);padding:8px;text-align:left}.popup-title{margin-bottom:8px;margin-top:0}.catalog-inline-error{color:var(--danger-color);margin-top:8px}.color-conversion-card{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px}.color-conversion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.allocation-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.allocation-cell{display:flex;flex-direction:column;gap:4px}.allocation-label{font-size:12px;opacity:.85}.color-conversion-footer{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.remaining{font-weight:600}.remaining.ok{color:var(--main-button-background)}.remaining.warn{color:var(--medium-priority-border)}.remaining.bad{color:var(--danger-color)}@media (max-width:768px){.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-actions{justify-content:flex-start}}.compact-links{list-style:none;max-width:300px;padding:0}details summary{background:var(--secondary-background);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;padding:8px}details[open] summary{background:var(--secondary-hover)}.inline-checkboxes{display:flex;flex-direction:column;gap:8px}.inline-label{align-items:center;display:flex;font-size:14px;gap:6px}.inline-label input[type=checkbox]{height:16px;margin:0;width:16px}.compat-content{align-items:center;display:flex;gap:12px}.standard-badge{background:var(--main-button-background);border-radius:var(--radius-sm);color:#fff;display:inline-block;white-space:nowrap}.compat-content button,.standard-badge{font-size:14px;padding:6px 12px}.delete-x,.link-item{align-items:center;display:flex}.delete-x{background:var(--danger-color);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:12px;height:16px;justify-content:center;line-height:1;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px}.delete-x:hover{background:var(--danger-hover)}.link-input-group{align-items:center;display:flex;gap:8px;margin-top:8px}.link-input-group input{flex:1 1}.storage-button{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;font-size:12px;margin:2px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.storage-button:hover{background:var(--secondary-hover)}.storage-button.danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.storage-button.danger:hover{background:var(--danger-hover)}.merge-settings-container{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:10px 0;padding:15px}.merge-settings-container h4{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.merge-option{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:10px;padding:6px 0}.merge-option:last-child{margin-bottom:0}.merge-option input[type=checkbox],.merge-option input[type=radio]{accent-color:var(--main-button-background);flex-shrink:0;height:16px;margin:0;width:16px}.merge-option span{cursor:pointer;flex:1 1;line-height:1.4}.merge-preview-section{margin-bottom:15px}.merge-preview-section h4{color:var(--text-color);font-size:14px;font-weight:500;margin:8px 0 6px}.merge-preview-models{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:100px;overflow-y:auto;padding:8px}.merge-preview-models ul{list-style:none;margin:0;padding:0}.merge-preview-models li{font-size:12px;padding:2px 0}.merge-preview-quantities table{background:#fff;border-collapse:collapse;margin-top:8px;width:100%}.merge-preview-quantities td,.merge-preview-quantities th{border:1px solid var(--border-color);font-size:12px;padding:6px 8px;text-align:left}.merge-preview-quantities th{background:var(--secondary-background);font-weight:600}.merge-preview-quantities input[type=number]{border:1px solid var(--border-color);border-radius:3px;padding:2px 4px;text-align:center;width:60px}.merge-preview-quantities input[type=number]:focus{border-color:var(--main-button-background);outline:1px solid var(--main-button-background)}.merge-button-group{display:flex;gap:8px;justify-content:center;margin-top:15px}.merge-button-group [class*=btn-]{flex:1 1;min-width:100px}.order-form-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-field-group{margin-bottom:var(--spacing-md)}.order-field-group label{display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.order-price-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:var(--spacing-sm);width:100%}.order-price-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1);outline:none}.order-total-display{background:var(--color-surface-hover);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600;padding:var(--spacing-md);text-align:center}.order-error-text{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.order-checkbox-row{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.order-checkbox-row:hover{background:var(--color-surface-active)}.order-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.tracking-popup .part-links-container{box-sizing:border-box;display:flex;flex-direction:column;gap:5px;max-width:100%;width:100%}.tracking-popup .part-links-container .order-part-link{border-radius:var(--radius-md);box-sizing:border-box;font-size:13px;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:768px){.tracking-popup .part-links-container .order-part-link{font-size:12px;padding:5px 10px}}.order-input-full{width:100%}.order-date-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:var(--spacing-sm);width:100%}.order-date-input:focus{border-color:var(--color-primary);outline:none}.order-part-link{box-sizing:border-box;display:block;font-size:var(--text-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-align:center;text-decoration:none}.order-part-link:last-child{margin-bottom:0}.order-tracking-link{text-align:center}.dev-suggestions-popup{max-width:1200px;width:80vh}.dev-suggestions-content{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto;padding:16px}.suggestions-header{display:flex;justify-content:flex-end;margin-bottom:16px}.suggestions-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-button{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.tab-button.active,.tab-button:hover{background-color:var(--button-background);color:var(--button-text-color)}.tab-button.active{border-color:var(--button-background)}.suggestions-list{display:flex;flex-direction:column;gap:16px;padding:16px}.suggestion-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;padding:12px;transition:background-color .2s ease}.suggestion-item:last-child{margin-bottom:0}.suggestion-item:hover{background-color:color-mix(in srgb,var(--card-background) 92%,var(--secondary-background))}@keyframes contextResolvedPulse{0%{background-color:var(--card-background);transform:scale(1)}30%{background-color:#22c55e26;transform:scale(1.01)}to{background-color:var(--card-background);opacity:.4;transform:scale(.98)}}.suggestion-item.context-resolved{animation:contextResolvedPulse 1.5s ease forwards;border-color:#22c55e99}.suggestion-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.suggestion-title-row h3{color:var(--text-color);font-size:16px;margin:0}.suggestion-meta{align-items:center;color:var(--text-color);display:flex;font-size:14px;gap:12px;opacity:.8}.status-badge{border-radius:var(--radius-xl);font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-finished{background-color:var(--status-finished-bg);color:var(--status-finished-text)}.status-declined{background-color:var(--status-declined-bg);color:var(--status-declined-text)}.admin-controls{display:flex;gap:8px;margin-top:8px}.comment-actions,.comment-edit-actions{display:flex;gap:4px}.comment-edit-input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;min-height:60px;padding:8px;resize:vertical;width:100%}.comment-edit-input:focus{border-color:var(--button-background);outline:none}.suggestion-content-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.suggestion-description{color:var(--text-color);flex:1 1;line-height:1.5;margin:0}.suggestion-actions{align-items:center;display:flex;gap:8px}.vote-button{align-items:center;background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.vote-button:hover{background-color:var(--button-background);color:var(--button-text-color)}.vote-button.voted{background-color:var(--main-button-background);border-color:var(--main-button-background);color:var(--button-text-color)}.comments-section{border-top:1px solid var(--border-color);padding-top:16px}.comments-section h4{color:var(--text-color);font-size:16px;margin:0 0 12px}.comment{background-color:var(--message-box-background);border-left:3px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px;padding:12px}.comment:last-child{margin-bottom:12px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:var(--text-color);font-weight:600}.comment-date{color:var(--text-color);font-size:12px;opacity:.7}.comment-content{color:var(--text-color);line-height:1.4;margin:0}.add-comment{display:flex;gap:8px;margin-top:12px}.add-comment input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);flex:1 1;font-size:14px;padding:8px 12px}.add-comment input:focus{border-color:var(--button-background);outline:none}.new-suggestion-form{background-color:var(--secondary-background);border-radius:var(--radius-lg);margin-bottom:16px;padding:12px}.new-suggestion-form input,.new-suggestion-form textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.new-suggestion-form input:focus,.new-suggestion-form textarea:focus{border-color:var(--button-background);outline:none}.new-suggestion-form textarea{min-height:80px;resize:vertical}.form-buttons{display:flex;gap:8px;justify-content:flex-end}.no-suggestions{color:var(--text-color);font-style:italic;opacity:.7;padding:40px 20px;text-align:center}.dev-suggestions-list{border-radius:var(--radius-lg);flex:1 1;overflow-y:auto}.suggestion-item.needs-context{border-left:4px solid var(--color-warning)}.context-questions{background-color:var(--message-box-background);border-left:4px solid var(--warning-color);border-radius:var(--radius-md);margin:12px 0;padding:12px}.suggestion-item.context-resolved .context-questions{opacity:.5}.context-questions h4{color:var(--color-warning);font-size:14px;margin:0 0 var(--spacing-sm) 0}.context-questions ul{margin:0;padding-left:var(--spacing-lg)}.context-questions li{color:var(--text-color);font-size:14px;margin-bottom:var(--spacing-xs)}.context-badge{background:var(--tertiary-background);border-radius:var(--radius-sm);font-size:12px;padding:2px 8px}.add-context{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.add-context textarea{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;min-height:80px;padding:var(--spacing-md);resize:vertical;width:100%}.add-context textarea:focus{border-color:var(--button-background);outline:none}.add-context button{align-self:flex-end}.prompt-item{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.prompt-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.no-prompts{color:var(--text-color);font-style:italic;opacity:.7;padding:40px 20px;text-align:center}.affected-area{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.area-label{color:var(--text-color);font-size:14px;font-weight:600}.area-tag{background:var(--button-background);border-radius:var(--radius-sm);color:var(--button-text-color);font-size:12px;padding:2px 8px}.ai-prompt-content{background:var(--tertiary-background);border-radius:var(--radius-md);color:var(--text-color);font-family:inherit;font-size:13px;line-height:1.5;margin:0;max-height:400px;overflow-y:auto;padding:var(--spacing-md);white-space:pre-wrap}.suggestion-item.combined{border-left:4px solid var(--color-primary)}.combined-badge{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:11px;margin-left:var(--spacing-sm);padding:2px 6px}.combined-children-section{background:var(--tertiary-background);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.combined-children-section h4{color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.combined-children-list{list-style:none;margin:0;padding:0}.combined-child-item{align-items:center;color:var(--text-color);display:flex;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.combined-child-item:before{color:var(--color-primary);content:"•";font-weight:700}.combined-child-title{font-weight:500}.combined-child-author{color:var(--text-color);font-size:12px;opacity:.7}.settings-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);max-height:90vh;max-width:400px;overflow-y:auto;width:100%;z-index:1001}.settings-content{padding:20px}.setting-item{margin-bottom:20px}.setting-item label{align-items:center;display:flex;font-weight:500;margin-bottom:10px}.setting-icon{margin-right:8px}.theme-options{display:flex;gap:10px}.theme-option{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;gap:5px;padding:8px 12px;transition:all .2s}.theme-option:hover{background:var(--button-hover)}.theme-option.active{background:var(--button-background);border-color:var(--button-background);color:var(--button-text-color)}.toggle-button{background:var(--secondary-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;padding:8px 16px;transition:all .2s}.toggle-button.on{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.toggle-button.off{background:var(--danger-color);border-color:var(--danger-color);color:var(--btn-primary-text)}.settings-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:20px}.changelog-content{display:flex;flex-direction:column;gap:16px;padding:16px}.changelog-version{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;transition:background-color .2s ease}.changelog-version:hover{background-color:var(--secondary-background)}.changelog-version h3{color:var(--text-color);font-size:16px;margin:0 0 8px}.changelog-tldr-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.changelog-tldr{color:var(--text-color);flex:1 1;font-size:14px;line-height:1.4}.changelog-tldr strong{color:var(--text-color);font-weight:600}.changelog-details{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.changelog-details ul{margin:0;padding-left:20px}.changelog-details li{color:var(--text-color);font-size:14px;line-height:1.4;margin-bottom:6px}.changelog-details li:last-child{margin-bottom:0}.chat-container{background-color:var(--message-box-background);border-radius:0 0 var(--radius-lg) var(--radius-lg);gap:var(--spacing-md);max-height:51vh}.chat-container,.chat-popup{box-shadow:var(--shadow-default);display:flex;flex-direction:column;overflow-y:auto}.chat-popup{background-color:var(--card-background);border-radius:var(--radius-lg);max-height:90vh;max-width:600px;padding:0;width:100%;z-index:1001}.chat-loading-overlay{align-items:center;background:var(--card-background);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.chat-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.full-message-popup{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);max-width:400px;width:100%;z-index:1002}.full-message-popup div{color:var(--text-color);font-size:14px;line-height:1.5}.chat-ticket-item{align-items:center;background-color:var(--card-background);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast);white-space:nowrap}.chat-ticket-item:hover{background-color:var(--secondary-background)}.chat-ticket-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis}.chat-title{align-items:center;background-color:var(--secondary-background);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-wrap:nowrap;justify-content:space-between;max-height:35px;padding:0 var(--spacing-lg)}.chat-title h3{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--spacing-md)}.message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:var(--shadow-default);margin:4px var(--spacing-sm);max-width:70%;padding:10px 14px;position:relative;transition:opacity var(--transition-normal)}.message-bubble.new-message{animation:fadeIn .5s ease-in}.message-bubble.receiver{background-color:var(--receiver-bubble-bg);border-bottom-left-radius:4px;color:var(--receiver-bubble-text);margin-right:auto}.message-bubble.sender{background-color:var(--sender-bubble-bg);border-bottom-right-radius:4px;color:var(--sender-bubble-text);margin-left:auto}.message-bubble.internal-only{border:1px dashed #0000000f;box-shadow:none;opacity:.95}.message-bubble.internal-only.sender{background-color:var(--internal-sender-bg);color:var(--internal-bubble-text)}.message-bubble.internal-only.receiver{background-color:var(--internal-receiver-bg);color:var(--internal-bubble-text)}.message-bubble .internal-badge{color:var(--internal-badge-color);display:inline-block;font-size:var(--text-xs);font-weight:500;margin-left:var(--spacing-sm)}.message-author{font-size:var(--text-xs);font-weight:600;opacity:.9}.message-content{gap:4px}.message-content p{font-size:var(--text-sm);line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.message-meta{font-size:11px;margin-top:4px;opacity:.7;text-align:right}.message-bubble.receiver .message-meta{text-align:left}.message-meta .timestamp{cursor:pointer}.tooltip-container{align-items:center;display:inline-flex;gap:5px;position:relative}.tooltip-text{background-color:var(--card-background);border-radius:var(--radius-md);bottom:calc(100% + 4px);box-shadow:var(--shadow-default);color:var(--text-color);font-size:12px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.sender-tooltip .tooltip-text{left:auto;right:45px;text-align:right;transform:none}.receiver-tooltip .tooltip-text{left:50px;right:auto;text-align:left;transform:none}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.message-box{background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;margin:var(--spacing-md) 0;padding:12px;text-align:center}.message-box p{font-size:var(--text-sm);margin:0}.message-box.bg-green-100{background-color:var(--unread-email-bg);color:var(--text-color)}.message-box.bg-red-100{background-color:var(--status-declined-bg);color:var(--danger-color)}.message-input-container{align-items:flex-end;background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;display:flex;gap:10px;padding:10px var(--spacing-md);width:100%}.message-textarea{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;color:var(--text-color);flex:1 1;font-size:15px;line-height:1.4;max-height:400px;min-height:40px;overflow-y:auto;padding:var(--spacing-sm) 0;resize:none;white-space:pre-wrap;width:100%}.message-textarea:focus{outline:none}.customer-updates-section .message-input-container{align-items:flex-end;background-color:var(--message-box-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;display:flex;gap:10px;margin-top:12px;padding:10px 12px;width:100%}.customer-updates-section .message-textarea{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;color:var(--text-color);flex:1 1;font-size:15px;height:auto;line-height:1.4;max-height:400px;min-height:40px;overflow-y:auto;padding:8px 0;resize:none;white-space:pre-wrap;width:100%}.customer-updates-section .message-textarea:focus{outline:none}.customer-updates-section .send-button{align-items:center;background-color:var(--main-button-background);border:none;border-radius:var(--radius-xl);color:var(--button-text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;position:relative;transition:background-color var(--transition-normal);white-space:nowrap;width:70px}.customer-updates-section .send-button:hover{background-color:var(--main-button-hover)}.customer-updates-section .send-button:disabled{background-color:var(--border-color);cursor:not-allowed}.customer-updates-section .send-button.failed{background-color:var(--color-gold);color:var(--color-text)}.customer-updates-section .send-button.failed:hover{background-color:var(--color-gold-hover)}.customer-updates-section .send-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--btn-primary-text);border-radius:var(--radius-full);border-top:2px solid #0000;display:inline-block;height:16px;width:16px}.customer-updates-section .communication-buttons-row .send-button.checked{background-color:var(--btn-primary-bg);border:2px solid var(--btn-primary-bg);color:var(--btn-primary-text)}.customer-updates-section .communication-buttons-row .send-button.checked:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.customer-updates-section .communication-buttons-row .send-button:not(.checked){background-color:var(--color-surface);border:2px solid var(--btn-primary-bg);color:var(--color-text)}.customer-updates-section .communication-buttons-row .send-button:not(.checked):hover{background-color:var(--color-surface-hover);border-color:var(--btn-primary-bg)}.customer-updates-section .communication-buttons-row .send-button.auto-checked-email,.customer-updates-section .communication-buttons-row .send-button.auto-checked-sms{background-color:var(--btn-primary-bg);border:2px solid var(--btn-primary-bg);color:var(--btn-primary-text)}.customer-updates-section .communication-buttons-row .send-button.auto-checked-email:hover,.customer-updates-section .communication-buttons-row .send-button.auto-checked-sms:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.customer-updates-section .emoji-button{justify-content:center;padding:8px 20px}body.dark .customer-updates-section .send-button.failed{background-color:var(--color-gold);color:var(--color-text)}body.dark .customer-updates-section .send-button.failed:hover{background-color:var(--color-gold-hover)}.new-message-bubble{align-self:center;background-color:var(--button-background);border:none;border-radius:var(--radius-md);bottom:10px;box-shadow:var(--shadow-default);color:#fff;cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-lg);position:sticky;transition:background-color var(--transition-normal)}.new-message-bubble:hover{background-color:var(--button-hover)}.date-separator{margin:var(--spacing-md) 0;text-align:center}.date-separator span{background-color:var(--card-background);border-radius:12px;box-shadow:var(--shadow-default);color:var(--text-color);font-size:var(--text-xs);padding:4px var(--spacing-md)}.note-content{white-space:pre-wrap}.note-item{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.deleted-note{background-color:initial;color:var(--text-color);opacity:.6}.deleted-note p{color:#888}.note-meta{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:6px}.notes-and-updates-container{display:flex;gap:var(--spacing-xl)}.notes-list{margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.customer-updates-section,.notes-section{flex:1 1;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-container{max-height:350px}.chat-ticket-item{padding:8px 12px}.customer-updates-section .message-input-container{border-radius:var(--radius-xl);padding:8px 10px}.customer-updates-section .message-textarea{font-size:14px}.customer-updates-section .send-button{font-size:13px;padding:6px 12px}.message-author{font-size:11px}.message-bubble{font-size:13px;max-width:85%;padding:8px 12px}.message-content p{font-size:13px}.message-meta{font-size:10px}.new-message-bubble{font-size:13px;padding:6px 12px}.date-separator{margin:8px 0}.date-separator span{font-size:11px;padding:3px 8px}.notes-and-updates-container{flex-direction:row;gap:12px}}.notifications-container{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);max-height:400px;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:var(--spacing-xl);top:70px;width:320px;z-index:1000}.notification-header{align-items:center;background-color:var(--secondary-background);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:1}.notification-header h3{font-size:var(--text-lg);font-weight:600;margin:0}.notification-header .btn-ghost{background-color:initial;color:var(--text-color);font-size:16px;padding:4px}.notification-header .btn-ghost:hover{color:var(--button-background)}.global-notification{animation:slideIn .3s ease-out,fadeOut .5s ease-in 9.5s forwards;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);cursor:pointer;max-width:320px;padding:12px 16px;position:fixed;right:24px;top:70px;z-index:1003}.global-notification.success{border-left:4px solid var(--main-button-background)}.global-notification.error{border-left:4px solid var(--danger-color)}.global-notification p{color:var(--text-color);flex:1 1;font-size:14px;margin:0;word-break:break-word}.global-notification .notification-content{align-items:flex-start;display:flex;gap:8px}.global-notification .copy-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:16px;padding:0;transition:opacity .2s}.global-notification .copy-button:hover{opacity:.7}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(100%)}}.notification-item{align-items:stretch;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;transition:background-color var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--secondary-background)}.notification-item.unread{background-color:var(--unread-email-bg)}.notification-item .notification-content{flex:1 1;min-width:0;padding:var(--spacing-md) var(--spacing-lg);padding-right:var(--spacing-sm)}.notification-item .notification-content p{word-wrap:break-word;color:var(--text-color);font-size:var(--text-sm);margin:0;overflow-wrap:break-word;white-space:normal}.notification-item .notification-content small{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);margin-top:4px}.notification-safe-zone{align-items:center;background-color:initial;border-left:1px dashed #d1d5db;border-left:1px dashed var(--color-border-strong,#d1d5db);display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center;min-width:40px;padding:var(--spacing-sm);padding-left:0}.notification-safe-zone:hover{background-color:var(--secondary-background)}.notification-unread-dot{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.notification-action-btn:hover{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);color:#fff}.notification-action-restore:hover{background-color:#22c55e;background-color:var(--color-success,#22c55e)}.notification-tabs{background-color:var(--secondary-background);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:52px;z-index:1}.notification-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.notification-tab:hover{background-color:var(--card-background);color:var(--text-color)}.notification-tab.active{background-color:var(--card-background);border-bottom-color:#3b82f6;border-bottom-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.notification-tab-badge{background-color:var(--danger-color);border-radius:10px;color:#fff;font-size:var(--text-xs);font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.notification-empty{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;padding:var(--spacing-xl);text-align:center}.notification-badge{background-color:var(--danger-color);border-radius:50%;color:#fff;font-size:var(--text-xs);font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px}.notification-toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:5px;position:relative;transition:color var(--transition-normal)}.notification-toggle-button:hover{color:var(--button-background)}.notification-loading{color:var(--text-color);font-size:var(--text-sm);padding:10px;text-align:center}@media (max-width:768px){.notifications-container{max-width:320px;right:var(--spacing-md);width:calc(100vw - var(--spacing-xl))}.notification-toggle-button{font-size:1.2rem}}.admin-panel{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin:0 auto;max-width:1200px;padding:20px}.admin-panel .collapsible-header{transition:color .3s ease}.admin-panel .collapsible-header:hover{color:var(--button-background)}.admin-section{margin-bottom:24px}.admin-quick-actions{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.admin-quick-actions-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.admin-quick-actions-header h3{margin:0}.admin-quick-actions-subtitle{color:#666;color:var(--text-muted,#666);font-size:.85rem}.admin-quick-actions-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-quick-actions-list button{align-items:center;display:flex;gap:8px;justify-content:space-between;text-align:left;width:100%}.admin-quick-actions-empty{color:#666;color:var(--text-muted,#666);font-size:.85rem;margin:0}.admin-usage-count{color:#666;color:var(--text-muted,#666);font-size:.75rem;white-space:nowrap}.badge-counter{background-color:#dc3545;background-color:var(--color-danger,#dc3545);font-size:.75rem;margin-left:8px;padding:0 6px}.collapsible-header .badge-counter{background-color:#f59e0b;background-color:var(--color-warning,#f59e0b)}.admin-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.admin-form input,.admin-form label,.admin-form select{margin:0}.admin-list{list-style:none;margin:0 0 24px;padding:0}.admin-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px;transition:transform .3s ease,box-shadow .3s ease}.admin-item:hover{box-shadow:var(--shadow-default);transform:translateY(-2px)}.admin-line{display:flex;flex:1 1;flex-direction:column;gap:4px}.admin-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.admin-actions button{flex:1 1 auto;max-width:250px;min-width:180px}@media (max-width:1200px){.admin-actions{gap:6px}.admin-actions button{font-size:14px;max-width:200px;min-width:160px;padding:8px 12px}}@media (max-width:768px){.admin-actions{gap:4px}.admin-actions button{font-size:13px;max-width:180px;min-width:140px;padding:6px 10px}}@media (max-width:480px){.admin-actions button{max-width:160px;min-width:120px}}.admin-button-hover{transition:background-color .3s ease,transform .3s ease}.admin-button-hover:hover{transform:scale(1.05)}.admin-panel .danger-heading{color:var(--danger-color);transition:color .3s ease}.admin-panel .danger-heading:hover{color:var(--danger-hover)}.database-stats-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;padding:15px}.database-stats-display{margin-top:15px}.database-stats-display h4{color:var(--text-color);margin:0 0 10px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background-color:var(--secondary-background);border-radius:var(--radius-sm);font-size:14px;padding:8px 12px}.stat-item strong{color:var(--text-color)}.database-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}.database-actions button{flex:1 1 auto;min-width:160px}@media (max-width:768px){.database-actions{gap:6px}.database-actions button{min-width:140px}}.admin-panel .form-group{margin-bottom:12px}.admin-panel .form-group label{box-shadow:none;color:var(--text-color);display:block;font-size:14px;font-weight:500;margin-bottom:4px;text-shadow:none}.admin-panel .form-group input[type=number]{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:14px;padding:8px;transition:border-color .3s ease;width:100%}.auto-message-form textarea{min-height:90px}.admin-panel .form-group input[type=number]:focus{border-color:var(--button-background);outline:none}.month-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin-bottom:20px;padding:15px}.month-summary{align-items:center;display:flex;flex-wrap:wrap;font-size:.9em;gap:10px;justify-content:space-between;margin-bottom:10px}.month-summary p{margin:0}.total-wage-container{align-items:center;display:flex;gap:5px}.total-wage{font-weight:700}.copy-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2em;transition:color .3s}.copy-btn:hover{color:var(--button-hover)}.record-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.record-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;font-size:.85em;padding:10px;transition:transform .3s ease,background .3s ease}.record-item:hover{background:var(--secondary-background);transform:scale(1.02)}.ticket-link{color:var(--button-background);cursor:pointer;text-decoration:underline}.ticket-link:hover{color:var(--button-hover)}.fade-in{animation:fadeIn .5s ease-in}.edit-customer-container{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg) 0 0}.edit-customer-title{font-size:var(--text-lg);font-weight:600;margin:0}.edit-customer-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.edit-customer-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.edit-customer-section-title{font-size:var(--text-base);font-weight:600;margin:0}.edit-customer-item-group{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.edit-customer-item-group .btn-danger,.edit-customer-item-group .btn-secondary{justify-self:flex-start}.edit-customer-actions{display:flex;justify-content:flex-end}@media (max-width:700px){.edit-customer-item-group{grid-template-columns:1fr}.edit-customer-actions{justify-content:stretch}.edit-customer-actions .btn-primary{width:100%}}.price-form{margin:0 auto;max-width:600px}.price-form-section{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.price-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.price-form-section-title{border-bottom:2px solid var(--secondary-background);color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.price-form .form-row{display:flex;gap:16px;margin-bottom:12px}.price-form .form-group{flex:1 1;min-width:180px}.price-form .form-group.full-width{flex:100% 1;min-width:100%}.price-form label{color:var(--text-color);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.price-form label.required:after{color:var(--color-danger-hover);color:var(--danger-color,var(--color-danger-hover));content:" *"}.price-form input[type=number],.price-form input[type=text],.price-form select,.price-form textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.price-form input:focus,.price-form select:focus,.price-form textarea:focus{border-color:var(--button-background);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--main-button-rgb,59,130,246),.1);outline:none}.price-form textarea{min-height:80px;resize:vertical}.price-form .help-text{color:var(--color-text-secondary);color:var(--text-muted,var(--color-text-secondary));display:block;font-size:12px;line-height:1.4;margin-top:4px}.price-form .checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.price-form .checkbox-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s ease}.price-form .checkbox-item:hover{background-color:var(--secondary-background)}.price-form .checkbox-item input[type=checkbox]{cursor:pointer;flex:0 1;height:18px;width:18px}.price-form .checkbox-item label{cursor:pointer;flex:1 1;margin:0}.price-form .form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:24px;padding-top:20px}.price-form .form-actions button{flex:1 1;font-size:15px;font-weight:500;padding:12px 24px}.ai-assistant-section{border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.ai-assistant-section .section-header{background:linear-gradient(135deg,var(--color-primary) 0,#4f46e5 100%);color:#fff}.ai-assistant-section .section-header h4{color:#fff}.ai-assistant-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.ai-prompt-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.ai-prompt-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);min-height:100px;padding:var(--spacing-md);resize:vertical;width:100%}.ai-prompt-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ai-prompt-input::placeholder{color:var(--color-text-secondary);opacity:.7}.ai-suggest-button{align-items:center;align-self:flex-start;display:flex;gap:var(--spacing-sm)}.ai-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;margin-top:var(--spacing-md);padding:var(--spacing-md)}.ai-suggestions{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);overflow:hidden}.ai-suggestions-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.ai-suggestions-header h5{color:var(--color-text);font-size:var(--text-base);margin:0 0 var(--spacing-xs) 0}.ai-summary{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.ai-changes-list{max-height:400px;overflow-y:auto}.ai-change-item{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.ai-change-item:last-child{border-bottom:none}.ai-change-item.ai-change-add{background:#f0fdf4}.ai-change-item.ai-change-update{background:#fefce8}.ai-change-item.ai-change-delete{background:#fef2f2}.ai-change-action{flex-shrink:0;width:100px}.ai-change-action .badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:600;padding:4px 8px;text-transform:uppercase}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#dc2626}.ai-change-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.ai-change-details strong{color:var(--color-text);font-size:var(--text-sm)}.ai-change-meta{color:var(--color-text-secondary);font-size:var(--text-xs)}.ai-change-price{color:var(--color-text);font-size:var(--text-sm)}.ai-change-price .old-price{color:var(--color-text-secondary);text-decoration:line-through}.ai-change-price .new-price{color:var(--color-success);font-weight:600}.ai-delete-reason{color:var(--color-danger);font-size:var(--text-xs);font-style:italic}.ai-validation-errors{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-md);margin:var(--spacing-md);padding:var(--spacing-md)}.ai-validation-errors strong{color:#92400e}.ai-validation-errors ul{color:#92400e;font-size:var(--text-sm);margin:var(--spacing-sm) 0 0 var(--spacing-lg);padding:0}.ai-actions{background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md)}.ai-actions button{align-items:center;display:flex;gap:var(--spacing-sm)}.spin{animation:spin 1s linear infinite}[data-theme=dark] .ai-change-item.ai-change-add{background:#16a34a1a}[data-theme=dark] .ai-change-item.ai-change-update{background:#eab3081a}[data-theme=dark] .ai-change-item.ai-change-delete{background:#ef44441a}[data-theme=dark] .ai-error{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .ai-validation-errors{background:#eab3081a;border-color:#eab3084d}[data-theme=dark] .badge-success{background:#16a34a33;color:#4ade80}[data-theme=dark] .badge-warning{background:#eab30833;color:#fcd34d}[data-theme=dark] .badge-danger{background:#ef444433;color:#f87171}.ai-example-prompts{margin-bottom:var(--spacing-md)}.ai-example-label{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);margin-bottom:var(--spacing-sm)}.ai-example-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.ai-example-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-xs);padding:6px 12px;transition:all .2s ease}.ai-example-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .ai-example-btn{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .ai-example-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}.ai-clarification{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.ai-clarification-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ai-clarification-header h5{color:#1e40af;font-size:var(--text-base);margin:0}.ai-clarification-icon{color:#3b82f6;font-size:1.2em}.ai-clarification-question{color:#1e3a8a;font-size:var(--text-base);font-weight:500;margin:0 0 var(--spacing-sm) 0}.ai-clarification-context{color:#64748b;font-size:var(--text-sm);font-style:italic;margin:0 0 var(--spacing-md) 0}.ai-clarification-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ai-clarification-option{background:#fff;border:2px solid #3b82f6;border-radius:var(--radius-md);color:#3b82f6;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.ai-clarification-option:hover{background:#3b82f6;color:#fff}.ai-clarification-option:disabled{cursor:not-allowed;opacity:.5}.ai-clarification-actions{border-top:1px solid #bfdbfe;display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md)}[data-theme=dark] .ai-clarification{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f64d}[data-theme=dark] .ai-clarification-header h5{color:#93c5fd}[data-theme=dark] .ai-clarification-question{color:#bfdbfe}[data-theme=dark] .ai-clarification-option{background:var(--color-surface);border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .ai-clarification-option:hover{background:#3b82f6;color:#fff}[data-theme=dark] .ai-clarification-actions{border-color:#3b82f64d}.qr-compose-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.qr-textarea{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);line-height:1.5;min-height:80px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s;width:100%}.qr-textarea:focus{border-color:var(--color-primary);outline:none}.qr-action-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s}.qr-action-btn.primary{background-color:var(--color-success);background-color:var(--btn-primary-bg,var(--color-success));border-color:var(--btn-primary-bg,var(--color-success));color:#fff}.qr-action-btn.primary:hover{opacity:.9}.qr-action-btn.secondary{background-color:initial;border-color:var(--color-border);color:var(--color-text-secondary)}.qr-action-btn.secondary:hover{background-color:var(--color-background);color:var(--color-text)}.qr-action-btn.success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.qr-action-btn.success:hover{opacity:.9}.qr-action-btn:disabled{cursor:not-allowed;opacity:.5}.qr-action-btn.failed{background-color:#f7c948;background-color:var(--color-gold,#f7c948);border-color:#f7c948;border-color:var(--color-gold,#f7c948);color:var(--color-text)}.qr-action-btn.failed:hover{background-color:#e6b800;background-color:var(--color-gold-hover,#e6b800)}.qr-action-btn .loading-spinner{animation:qr-spin 1s linear infinite;border:2px solid #fff;border:2px solid var(--btn-primary-text,#fff);border-radius:var(--radius-full);border-top:2px solid #0000;display:inline-block;height:16px;width:16px}@keyframes qr-spin{to{transform:rotate(1turn)}}.qr-attachment-btn{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.qr-attachment-btn:hover{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.qr-attachment-btn:disabled{cursor:not-allowed;opacity:.5}.qr-attachment-btn.send{font-weight:500}.qr-attachment-btn.send,.qr-attachment-btn.send:hover{border-color:var(--color-success);color:var(--color-success)}.qr-attachment-btn.send:hover{background-color:#10b98114}.qr-attachment-btn.send:disabled{cursor:not-allowed;opacity:.5}.qr-attachment-btn.send.is-sending{color:#0000;pointer-events:none;position:relative}.qr-attachment-btn.send.is-sending:after{animation:qr-spin 1s linear infinite;border:2px solid var(--color-success);border-radius:50%;border-top:2px solid #0000;box-sizing:border-box;content:"";height:14px;left:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;width:14px}.qr-attachment-btn.send.failed{border-color:#f7c948;border-color:var(--color-gold,#f7c948);color:#f7c948;color:var(--color-gold,#f7c948)}.qr-attachment-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.qr-input-wrapper{position:relative}.qr-input-wrapper .message-textarea,.qr-input-wrapper .phone-message-textarea{padding-bottom:44px}.qr-inline-actions{align-items:center;bottom:var(--spacing-sm);display:flex;gap:var(--spacing-xs);position:absolute;right:var(--spacing-sm)}.qr-actions-bar{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-sm) 0}.qr-phone-photo-waiting{align-items:center;background-color:#3b82f614;border:1px solid #3b82f633;border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-sm)}.qr-phone-photo-waiting .loading-spinner,.qr-phone-photo-waiting .loading-spinner-sm{border-color:var(--color-primary);border-top-color:#0000}.qr-phone-photo-received{background-color:#10b98114;border:1px solid #10b98133;border-radius:var(--radius-md);color:var(--color-success)}.qr-phone-photo-error,.qr-phone-photo-received{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-sm)}.qr-phone-photo-error{background-color:#ef444414;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--color-danger)}@media (max-width:768px){.qr-actions-bar{flex-wrap:wrap}.qr-attachment-bar{align-items:stretch;flex-direction:column}.qr-action-btn{justify-content:center}}.morning-inbox-toggle{position:relative}.morning-inbox-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:var(--spacing-sm);transition:background-color .2s,color .2s}.morning-inbox-button:hover{background-color:var(--color-surface);color:var(--color-primary)}.morning-inbox-badge{align-items:center;background-color:var(--color-danger);border-radius:9px;color:#fff;display:flex;font-size:var(--text-xs);font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:0;top:0;transform:translate(25%,-25%)}.morning-inbox-popup{display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:800px}.morning-inbox-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.morning-inbox-popup .popup-content{max-height:75vh}.morning-inbox-popup .popup-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-md)}.morning-inbox-filters{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.morning-inbox-filter-tabs{display:flex;gap:var(--spacing-xs)}.morning-inbox-filter-tab{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s}.morning-inbox-filter-tab:hover{background-color:var(--color-background)}.morning-inbox-filter-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.morning-inbox-stats{color:var(--color-text-secondary);font-size:var(--text-sm)}.morning-inbox-stats .sent-count{color:var(--color-success);font-weight:500}.morning-inbox-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);text-align:center}.morning-inbox-empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.morning-inbox-empty h3{color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.morning-inbox-empty p{font-size:var(--text-sm);margin:0}.morning-inbox-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden;transition:box-shadow .2s,border-color .2s}.morning-inbox-item:hover{box-shadow:0 2px 8px #0000001a}.morning-inbox-item.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,59,130,246),.2)}.morning-inbox-item.sending{opacity:.7;pointer-events:none}.morning-inbox-item-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.morning-inbox-item-info{flex:1 1;min-width:0}.morning-inbox-item-meta{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.morning-inbox-type-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;padding:2px 8px;text-transform:uppercase}.morning-inbox-type-badge.email{background-color:#3b82f61a;color:var(--color-primary)}.morning-inbox-type-badge.chat,.morning-inbox-type-badge.sms{background-color:#10b9811a;color:var(--color-success)}.morning-inbox-ticket-link{color:var(--color-text-secondary);font-size:var(--text-xs)}.morning-inbox-ticket-link a{color:var(--color-primary);text-decoration:none}.morning-inbox-ticket-link a:hover{text-decoration:underline}.morning-inbox-item-time{color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}.morning-inbox-sender{color:var(--color-text);font-weight:500;margin-bottom:var(--spacing-xs)}.morning-inbox-subject{color:var(--color-text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morning-inbox-original{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.morning-inbox-original-label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;margin-bottom:var(--spacing-xs);text-transform:uppercase}.morning-inbox-original-content{color:var(--color-text);font-size:var(--text-sm);line-height:1.5;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.morning-inbox-original-content.expanded{max-height:none}.morning-inbox-expand-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-xs);padding:var(--spacing-xs) 0}.morning-inbox-expand-btn:hover{text-decoration:underline}.morning-inbox-draft{padding:var(--spacing-md)}.morning-inbox-draft-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.morning-inbox-draft-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);text-transform:uppercase}.morning-inbox-draft-label .ai-icon{color:var(--color-primary)}.morning-inbox-regenerate-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-xs);transition:color .2s,background-color .2s}.morning-inbox-regenerate-btn:hover{background-color:var(--color-background);color:var(--color-primary)}.morning-inbox-draft-textarea{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);line-height:1.5;min-height:80px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s;width:100%}.morning-inbox-draft-textarea:focus{border-color:var(--color-primary);outline:none}.morning-inbox-draft-textarea.editing{background-color:#fbbf240d;border-color:var(--color-warning)}.morning-inbox-draft-textarea.no-ai-draft{background-color:var(--color-surface);border-style:dashed}.morning-inbox-draft-textarea.no-ai-draft::placeholder{color:var(--color-text-secondary);font-style:italic}.morning-inbox-item-actions{background-color:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md)}.morning-inbox-action-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s}.morning-inbox-action-btn.primary{background-color:var(--color-success);background-color:var(--btn-primary-bg,var(--color-success));border-color:var(--btn-primary-bg,var(--color-success));color:#fff}.morning-inbox-action-btn.primary:hover{opacity:.9}.morning-inbox-action-btn.secondary{background-color:initial;border-color:var(--color-border);color:var(--color-text-secondary)}.morning-inbox-action-btn.secondary:hover{background-color:var(--color-background);color:var(--color-text)}.morning-inbox-action-btn.success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.morning-inbox-action-btn.success:hover{opacity:.9}.morning-inbox-action-btn:disabled{cursor:not-allowed;opacity:.5}.morning-inbox-shortcut{background-color:#0000001a;border-radius:2px;font-size:10px;margin-left:var(--spacing-xs);opacity:.7;padding:1px 4px}.morning-inbox-footer{align-items:center;background-color:var(--color-surface);border-top:1px solid var(--color-border);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.morning-inbox-keyboard-hints{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-xs)}.morning-inbox-hint-divider{color:var(--color-text-secondary);margin:0 var(--spacing-xs)}.morning-inbox-keyboard-hints kbd{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-block;font-family:monospace;font-size:11px;margin:0 2px;padding:2px 6px}.morning-inbox-loading{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;padding:var(--spacing-2xl)}.morning-inbox-spinner{animation:morning-inbox-spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;margin-right:var(--spacing-sm);width:24px}@keyframes morning-inbox-spin{to{transform:rotate(1turn)}}.morning-inbox-archived-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.morning-inbox-archived-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.morning-inbox-status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:4px;padding:2px 8px}.morning-inbox-status-badge.approved{background-color:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.morning-inbox-status-badge.edited{background-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.morning-inbox-status-badge.rejected{background-color:rgba(var(--color-danger-rgb),.15);color:var(--color-danger)}.morning-inbox-archived-date{color:var(--color-text-secondary);font-size:var(--text-xs);margin-left:auto}.morning-inbox-archived-info{display:flex;flex-direction:column;font-size:var(--text-sm);gap:4px;margin-bottom:var(--spacing-sm)}.morning-inbox-archived-sender,.morning-inbox-archived-ticket{color:var(--color-text-secondary)}.morning-inbox-archived-content{background-color:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);padding:var(--spacing-sm);white-space:pre-wrap}.morning-inbox-archived-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.morning-inbox-load-more{display:flex;justify-content:center;padding:var(--spacing-md)}@media (max-width:768px){.morning-inbox-popup{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.morning-inbox-filters{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.morning-inbox-filter-tabs{justify-content:center}.morning-inbox-item-header{flex-direction:column}.morning-inbox-item-time{align-self:flex-start}.morning-inbox-item-actions{flex-wrap:wrap}.morning-inbox-keyboard-hints{display:none}}.morning-inbox-attachments{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);position:relative}.morning-inbox-attachments-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.morning-inbox-attachment-item{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.morning-inbox-attachment-name{color:var(--color-text);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morning-inbox-attachment-remove{align-items:center;background:none;border:none;color:var(--color-danger);cursor:pointer;display:flex;font-size:12px;padding:2px}.morning-inbox-attachment-remove:hover{background-color:var(--color-background);border-radius:2px}.morning-inbox-attachment-btn{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.morning-inbox-attachment-btn:hover{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.morning-inbox-attachment-error{color:var(--color-danger);font-size:var(--text-xs)}.morning-inbox-attachments .pending-attachments-preview{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs)}.morning-inbox-attachments .pending-attachment-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.morning-inbox-attachments .pending-attachment-thumb{display:block;height:54px;object-fit:cover;width:72px}.morning-inbox-attachments .pending-attachment-file{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);max-width:120px;padding:var(--spacing-xs) var(--spacing-sm)}.morning-inbox-attachments .pending-attachment-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morning-inbox-attachments .pending-attachment-remove{align-items:center;background-color:var(--color-danger);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;width:18px}.morning-inbox-item.dragging{background-color:#10b9810d;border:2px dashed var(--btn-primary-bg,var(--color-success));transform:scale(1.02);transition:all .2s ease}.morning-inbox-attachments:after{color:var(--color-text-secondary);content:"Slipp filer her";font-size:var(--text-base);font-weight:600;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;white-space:nowrap}.morning-inbox-item.dragging .morning-inbox-attachments:after{opacity:1}.crawler-panel{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-md);overflow:hidden}.crawler-panel-header{align-items:center;background-color:var(--card-background);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.crawler-panel-header:hover{background-color:var(--secondary-background)}.crawler-panel-title{align-items:center;color:var(--text-color);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm)}.crawler-panel-title-icon{color:var(--color-primary);font-size:var(--text-base)}.crawler-panel-chevron{color:var(--text-muted);font-size:var(--text-sm);transition:transform var(--transition-fast)}.crawler-panel-chevron.open{transform:rotate(180deg)}.crawler-panel-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.crawler-panel-body.open{max-height:600px;opacity:1;overflow-y:auto}.crawler-panel-content{padding:var(--spacing-md)}.crawler-tabs{border-bottom:1px solid var(--border-color);padding:0 var(--spacing-md)}.crawler-tab,.crawler-tabs{display:flex;gap:var(--spacing-xs)}.crawler-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.crawler-tab:hover{color:var(--text-color)}.crawler-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:500}.crawler-tab-icon{font-size:var(--text-sm)}.crawler-tab-badge{background-color:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.tutorial-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tutorial-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.tutorial-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-default)}.tutorial-thumbnail{object-fit:cover}.tutorial-thumbnail,.tutorial-thumbnail-placeholder{border-radius:var(--radius-sm);flex-shrink:0;height:60px;width:80px}.tutorial-thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;display:flex;font-size:var(--text-xl);justify-content:center}.tutorial-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.tutorial-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:var(--text-sm);font-weight:600;overflow:hidden}.tutorial-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tutorial-source{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs)}.tutorial-source-ifixit{color:#0071ce}.tutorial-source-youtube{color:red}.tutorial-difficulty{border-radius:var(--radius-full);font-size:10px;font-weight:500;padding:2px 8px;text-transform:uppercase}.tutorial-difficulty-easy{background-color:#d4edda;color:#155724}.tutorial-difficulty-moderate{background-color:#fff3cd;color:#856404}.tutorial-difficulty-difficult{background-color:#f8d7da;color:#721c24}.tutorial-steps,.tutorial-summary{color:var(--text-muted);font-size:var(--text-xs)}.tutorial-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutorial-link{align-items:center;color:var(--color-primary);display:flex;font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);margin-top:auto;text-decoration:none;transition:color var(--transition-fast)}.tutorial-link:hover{color:var(--color-primary-hover);text-decoration:underline}.tutorial-attribution{color:var(--text-muted);font-size:10px;font-style:italic;margin-top:var(--spacing-xs)}.price-comparison-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.price-comparison-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.price-comparison-stats{display:flex;gap:var(--spacing-lg)}.price-stat{display:flex;flex-direction:column;gap:2px}.price-stat-label{color:var(--text-muted);font-size:10px;text-transform:uppercase}.price-stat-value{font-size:var(--text-sm);font-weight:600}.price-stat-value.cheapest{color:var(--color-success)}.price-stat-value.fastest{color:var(--color-primary)}.price-comparison-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.price-comparison-table th{background-color:var(--secondary-background);border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;padding:var(--spacing-sm);text-align:left;text-transform:uppercase}.price-comparison-table td{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm);vertical-align:middle}.price-comparison-table tr:hover{background-color:var(--secondary-background)}.price-comparison-table tr.best-price{background-color:#28a7451a}.price-source{align-items:center;display:flex;font-weight:500;gap:var(--spacing-xs)}.price-source-icon{border-radius:var(--radius-sm);height:16px;object-fit:contain;width:16px}.price-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-xs);overflow:hidden}.price-value{font-weight:600;white-space:nowrap}.price-value.best{color:var(--color-success)}.price-shipping{color:var(--text-muted);font-size:var(--text-xs)}.price-shipping-free{color:var(--color-success);font-weight:500}.price-days{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--spacing-xs)}.price-days.fast{color:var(--color-success);font-weight:500}.price-link{color:var(--color-primary);display:inline-flex;font-size:var(--text-xs);text-decoration:none}.price-link:hover{text-decoration:underline}.price-stock{font-size:var(--text-xs)}.price-stock.in-stock{color:var(--color-success)}.price-stock.out-of-stock{color:var(--color-danger)}.pitfall-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pitfall-card{border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.pitfall-card.severity-danger{background-color:#fef2f2;border:1px solid #fecaca}.pitfall-card.severity-warning{background-color:#fffbeb;border:1px solid #fcd34d}.pitfall-card.severity-tip{background-color:#eff6ff;border:1px solid #93c5fd}.pitfall-icon{flex-shrink:0;font-size:var(--text-xl)}.pitfall-icon.danger{color:#dc2626}.pitfall-icon.warning{color:#d97706}.pitfall-icon.tip{color:#2563eb}.pitfall-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.pitfall-title{color:var(--text-color);font-size:var(--text-sm);font-weight:600}.pitfall-description{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.pitfall-meta{align-items:center;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.pitfall-category{background-color:var(--secondary-background);border-radius:var(--radius-full);padding:2px 8px;text-transform:uppercase}.pitfall-author,.pitfall-category{color:var(--text-muted);font-size:10px}.crawler-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl)}.crawler-loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}.crawler-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--spacing-xl);text-align:center}.crawler-empty-icon{color:var(--border-color);font-size:48px;margin-bottom:var(--spacing-md)}.crawler-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-md)}.crawler-retry-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);font-weight:500;margin-left:auto}.crawler-retry-btn:hover{text-decoration:underline}@media (max-width:768px){.crawler-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.crawler-tab{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm)}.tutorial-card{flex-direction:column}.tutorial-thumbnail,.tutorial-thumbnail-placeholder{height:120px;width:100%}.price-comparison-header{flex-direction:column;gap:var(--spacing-sm)}.price-comparison-stats{width:100%}.price-comparison-table{font-size:var(--text-xs)}.price-comparison-table td,.price-comparison-table th{padding:var(--spacing-xs)}.pitfall-card{flex-direction:column;gap:var(--spacing-sm)}}.insurance-report-content{display:flex;height:520px;overflow:hidden}.insurance-report-preview{border-right:1px solid var(--color-border);display:flex;flex:3 1;flex-direction:column;min-width:0}.insurance-report-preview-document{background:var(--color-surface);flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.insurance-report-preview-title{border-bottom:2px solid var(--color-success);color:var(--color-text);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.insurance-report-preview-body{color:var(--color-text);font-size:var(--text-sm);line-height:1.6;min-height:80px}.insurance-report-preview-text{white-space:pre-line}.insurance-report-placeholder{color:var(--color-text-muted);font-style:italic}.insurance-report-preview-signature{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);white-space:pre-line}.insurance-report-actions{background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:var(--spacing-md)}.insurance-report-chat{background:var(--color-background);display:flex;flex:2 1;flex-direction:column;min-width:0}.insurance-report-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto;padding:var(--spacing-md)}.insurance-report-chat-message{border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;max-width:85%;padding:var(--spacing-sm) var(--spacing-md);white-space:pre-line;word-break:break-word}.insurance-report-chat-message--ai{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.insurance-report-chat-message--user{align-self:flex-end;background:var(--color-primary);color:#fff}.insurance-report-chat-input{align-items:flex-end;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.insurance-report-chat-input textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-family:inherit;font-size:var(--text-sm);line-height:1.4;padding:var(--spacing-sm);resize:none}.insurance-report-chat-input textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15);outline:none}.insurance-report-chat-input textarea:disabled{cursor:not-allowed;opacity:.6}.insurance-report-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-style:italic;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.insurance-report-spinner{animation:insurance-report-spin .8s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);flex-shrink:0;height:16px;width:16px}@keyframes insurance-report-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.insurance-report-content{flex-direction:column;height:auto;max-height:80vh}.insurance-report-preview{border-bottom:1px solid var(--color-border);border-right:none;max-height:300px}.insurance-report-chat{min-height:250px}}.kb-popup{display:flex;flex-direction:column;height:100%;max-width:90vw;overflow:hidden;width:900px}.kb-popup-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--spacing-lg)}.kb-list,.kb-popup-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.kb-list-header{flex-direction:column}.kb-list-header,.kb-search-bar{display:flex;gap:var(--spacing-sm)}.kb-search-bar{align-items:center;position:relative}.kb-search-bar .kb-search-icon,.kb-search-bar svg{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-base);left:var(--spacing-sm);pointer-events:none;position:absolute}.kb-search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-2xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.kb-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.kb-search-input::placeholder{color:var(--color-text-muted)}.kb-category-filters{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:thin}.kb-category-pill{background-color:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:var(--text-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.kb-category-pill:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.kb-category-pill.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--btn-primary-text)}.kb-new-article-btn{align-items:center;display:flex;gap:var(--spacing-sm);margin-left:auto}.kb-article-list{gap:var(--spacing-sm)}.kb-article-card,.kb-article-list{display:flex;flex-direction:column}.kb-article-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kb-article-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.kb-article-card.pinned{border-left:3px solid var(--color-warning)}.kb-article-card.hidden{filter:grayscale(.4);opacity:.5}.kb-article-card.hidden:hover{filter:grayscale(0);opacity:.75}.kb-article-card-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);line-height:1.4}.kb-article-card-pin-icon{color:var(--color-warning);flex-shrink:0;font-size:var(--text-xs)}.kb-article-card-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-sm)}.kb-article-card-category{background-color:var(--color-surface-active);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;padding:2px var(--spacing-sm)}.kb-empty-state{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.kb-empty-state-icon{color:var(--color-border);font-size:48px}.kb-empty-state-text{font-size:var(--text-sm);line-height:1.5}.kb-reader{gap:var(--spacing-lg)}.kb-reader,.kb-reader-header{display:flex;flex-direction:column}.kb-reader-header{gap:var(--spacing-sm)}.kb-reader-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:700;line-height:1.3;margin:0}.kb-reader-meta{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-sm)}.kb-reader-meta span{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.kb-reader-actions{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.kb-back-btn{margin-right:auto}.kb-reader-content{color:var(--color-text);font-size:var(--text-base);line-height:1.7;max-width:680px}.kb-reader-content p{margin:0 0 var(--spacing-lg) 0}.kb-reader-content h1{font-size:var(--text-2xl);font-weight:700}.kb-reader-content h1,.kb-reader-content h2{color:var(--color-text);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.kb-reader-content h2{font-size:var(--text-xl);font-weight:600}.kb-reader-content h3{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.kb-reader-content ol,.kb-reader-content ul{margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-xl)}.kb-reader-content li{margin-bottom:var(--spacing-xs)}.kb-reader-content img{border-radius:var(--radius-md);height:auto;max-width:100%}.kb-reader-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.kb-reader-content a:hover{color:var(--color-primary-hover)}.kb-reader-content blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-lg)}.kb-reader-content pre{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0 0 var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-md)}.kb-reader-content code,.kb-reader-content pre{background-color:var(--color-surface-active);font-size:var(--text-sm)}.kb-reader-content code{border-radius:var(--radius-sm);padding:2px var(--spacing-xs)}.kb-reader-content pre code{background:none;padding:0}.kb-reader-content table{border-collapse:collapse;margin:0 0 var(--spacing-lg) 0;width:100%}.kb-reader-content td,.kb-reader-content th{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.kb-reader-content th{background-color:var(--color-surface-hover);font-weight:600}.kb-editor{display:flex;flex-direction:column;gap:var(--spacing-lg)}.kb-editor-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.kb-editor-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.kb-editor-title-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-xl);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.kb-editor-title-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.kb-editor-title-input::placeholder{color:var(--color-text-muted);font-weight:400}.kb-category-input-wrapper{position:relative}.kb-category-autocomplete{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.kb-category-autocomplete-item{color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.kb-category-autocomplete-item:hover{background-color:var(--color-surface-hover)}.kb-editor-content-area{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:300px;overflow:hidden}.kb-editor-content-area:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.kb-editor-image{border-radius:var(--radius-md);height:auto;max-width:100%}.kb-editor-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md)}.kb-history{gap:var(--spacing-md)}.kb-history,.kb-history-list{display:flex;flex-direction:column}.kb-history-list{gap:var(--spacing-xs)}.kb-history-item{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.kb-history-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.kb-history-item.current{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.08)}.kb-history-meta{color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:var(--text-xs);gap:2px;min-width:0}.kb-history-meta strong{color:var(--color-text);font-size:var(--text-sm)}.kb-version-indicator{background-color:var(--color-surface-active);border-radius:var(--radius-full);color:var(--color-text-secondary);flex-shrink:0;font-size:var(--text-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.kb-history-item.current .kb-version-indicator{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.kb-convert-panel{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.kb-convert-preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.6;max-height:300px;overflow-y:auto;padding:var(--spacing-md)}.kb-convert-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.kb-paste-area{background-color:var(--color-surface-hover);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.kb-paste-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:monospace;font-size:var(--text-sm);line-height:1.5;padding:var(--spacing-md);resize:vertical;width:100%}.kb-paste-textarea:focus{border-color:var(--color-primary);outline:none}.kb-paste-format-btn{align-self:flex-end}.kb-admin-actions{align-items:center;display:flex;gap:var(--spacing-xs)}@media (max-width:768px){.kb-popup-body{padding:var(--spacing-md)}.kb-category-filters{padding-bottom:var(--spacing-sm)}.kb-reader-title{font-size:var(--text-xl)}.kb-reader-content{font-size:var(--text-sm);max-width:100%}.kb-reader-actions{flex-wrap:wrap}.kb-editor-header{flex-direction:column;gap:var(--spacing-sm)}.kb-editor-actions{flex-wrap:wrap;justify-content:stretch}.kb-editor-actions>*{flex:1 1}.kb-history-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ai-chat-header{background:var(--card-background);border-bottom:1px solid var(--border-color);color:var(--text-color);padding:16px 20px}.ai-chat-messages{background:var(--message-box-background);display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:400px;min-height:300px;overflow-y:auto;padding:20px}.ai-chat-bubble-container{display:flex;gap:12px;justify-content:flex-end;width:100%}.ai-chat-bubble-container.ai{justify-content:flex-start}.ai-chat-bubble{align-items:flex-end;background:var(--button-background);border-radius:18px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-direction:column;line-height:1.5;max-width:80%;padding:12px 16px;position:relative;white-space:pre-wrap;word-break:break-word}.ai-chat-bubble.ai{align-items:flex-start;background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color)}.ai-chat-author{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.9}.ai-chat-time{align-self:flex-end;font-size:11px;margin-top:8px;opacity:.7}.ai-chat-time.ai{align-self:flex-start}.ai-chat-loading{display:flex;gap:12px;justify-content:flex-start}.ai-chat-loading-bubble{background:var(--card-background);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 2px 8px #0000001a;color:var(--text-color);padding:12px 16px}.ai-status-indicator{align-items:center;display:flex;gap:10px}.ai-status-dot{animation:ai-pulse 1.5s ease-in-out infinite;background:var(--button-background);border-radius:50%;height:8px;width:8px}.ai-status-text{animation:ai-fade .3s ease-in-out;font-size:14px}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes ai-fade{0%{opacity:.5}to{opacity:1}}.ai-chat-input-container{align-items:flex-end;background:var(--card-background);border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.ai-chat-textarea{background:var(--input-background);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:200px;min-height:80px;outline:none;overflow-y:auto;padding:12px 16px;resize:none;transition:border-color .2s,box-shadow .2s}.ai-chat-textarea:focus{border-color:var(--button-background);box-shadow:0 0 0 3px #007bff1a}.ai-chat-send-btn{align-items:center;background:var(--button-background);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.ai-chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #007bff4d;transform:scale(1.05)}.ai-chat-send-btn:disabled{background:var(--border-color);cursor:not-allowed}.ai-chat-quick-actions{background:var(--secondary-background);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;padding:12px 20px}.ai-confirm-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:20px}.validation-error{background:#fee2e2;background:var(--high-priority-bg,#fee2e2);border:1px solid #fca5a5;border:1px solid var(--high-priority-border,#fca5a5);border-radius:8px;margin-bottom:16px;padding:12px 16px}.validation-error-header{align-items:center;color:#dc2626;color:var(--danger-color,#dc2626);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.validation-error-list{color:#dc2626;color:var(--danger-color,#dc2626);font-size:13px;margin:0;padding-left:20px}.validation-warn{background:#fef3c7;background:var(--medium-priority-bg,#fef3c7);border:1px solid #fcd34d;border:1px solid var(--medium-priority-border,#fcd34d);border-radius:8px;margin-bottom:16px;padding:12px 16px}.validation-warn-header{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.validation-warn-list{color:#92400e;font-size:13px;margin:0;padding-left:20px}.validation-success{align-items:flex-start;background:#d1fae5;background:var(--low-priority-bg,#d1fae5);border:1px solid #6ee7b7;border:1px solid var(--low-priority-border,#6ee7b7);border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.device-gradient{background:linear-gradient(135deg,var(--button-background) 0,#6366f1 100%);border-radius:12px;color:#fff;margin-bottom:20px;padding:20px;position:relative}.ai-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.ai-btn:disabled{cursor:not-allowed;opacity:.6}.ai-btn-primary{background:var(--button-background);color:#fff}.ai-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.ai-btn-success{background:#10b981;background:var(--main-button-background,#10b981);color:#fff}.ai-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.ai-btn-secondary{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color)}.ai-btn-secondary:hover:not(:disabled){background:var(--secondary-background);border-color:var(--button-background)}.ai-btn-danger{background:var(--card-background);border:1px solid #dc2626;border:1px solid var(--danger-color,#dc2626);color:#dc2626;color:var(--danger-color,#dc2626)}.ai-btn-danger:hover:not(:disabled){background:#dc2626;background:var(--danger-color,#dc2626);color:#fff}.ai-btn-ghost{background:#0000;border:1px solid var(--border-color);color:var(--text-color)}.ai-btn-ghost:hover:not(:disabled){background:var(--secondary-background)}.ai-btn-pill{border-radius:20px;padding:8px 16px}body.dark .ai-chat-bubble.ai,body.dark .ai-chat-loading-bubble{background:var(--card-background);border-color:var(--border-color)}body.dark .validation-error{background:#dc262626;border-color:#dc26264d}body.dark .validation-error-header,body.dark .validation-error-list{color:#fca5a5}body.dark .validation-warn{background:#f59e0b26;border-color:#f59e0b4d}body.dark .validation-warn-header,body.dark .validation-warn-list{color:#fcd34d}body.dark .validation-success{background:#10b98126;border-color:#10b9814d}.cmw-description{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md)}.cmw-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.cmw-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s,background .2s}.cmw-item--success{background:#28a7450d;border-color:var(--color-success)}.cmw-item--error{background:#dc35450d;border-color:var(--color-danger)}.cmw-item--creating{border-color:var(--color-primary)}.cmw-item-icon{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cmw-item-content{flex:1 1;min-width:0}.cmw-item-label{font-weight:500}.cmw-part-options{display:flex;font-size:.85rem;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.cmw-item-badge{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.85rem;gap:.35rem;padding:.15rem .5rem;white-space:nowrap}.cmw-item-badge.new{color:var(--text-muted)}.cmw-item-badge.creating{color:var(--color-primary)}.cmw-item-badge.success{color:var(--color-success)}.cmw-item-badge.error{color:var(--color-danger)}.chatbot-container[data-theme=nordic]{--chat-bg:#f8fafc;--chat-surface:#fff;--chat-header-bg:#1e3a5f;--chat-header-text:#fff;--chat-user-bubble:#1e3a5f;--chat-user-text:#fff;--chat-assistant-bubble:#fff;--chat-assistant-text:#334155;--chat-assistant-shadow:#1e3a5f14;--chat-border:#e2e8f0;--chat-input-bg:#fff;--chat-input-border:#cbd5e1;--chat-input-focus:#1e3a5f;--chat-accent:#3b82f6;--chat-accent-hover:#2563eb;--chat-suggestion-bg:#f1f5f9;--chat-suggestion-border:#94a3b8;--chat-suggestion-text:#475569;--chat-suggestion-hover-bg:#1e3a5f;--chat-suggestion-hover-text:#fff;--chat-icon-user-bg:#1e3a5f;--chat-icon-assistant-bg:#e2e8f0;--chat-icon-assistant-text:#1e3a5f;--chat-send-bg:#1e3a5f;--chat-send-hover:#2d4a6f;--chat-component-bg:#f8fafc;--chat-component-border:#e2e8f0;--chat-price-color:#1e3a5f}.chatbot-container[data-theme=sand]{--chat-bg:#faf8f5;--chat-surface:#fff;--chat-header-bg:#78716c;--chat-header-text:#fafaf9;--chat-user-bubble:#78716c;--chat-user-text:#fafaf9;--chat-assistant-bubble:#fff;--chat-assistant-text:#44403c;--chat-assistant-shadow:#78716c1a;--chat-border:#e7e5e4;--chat-input-bg:#fff;--chat-input-border:#d6d3d1;--chat-input-focus:#78716c;--chat-accent:#a16207;--chat-accent-hover:#854d0e;--chat-suggestion-bg:#fafaf9;--chat-suggestion-border:#a8a29e;--chat-suggestion-text:#57534e;--chat-suggestion-hover-bg:#78716c;--chat-suggestion-hover-text:#fafaf9;--chat-icon-user-bg:#78716c;--chat-icon-assistant-bg:#f5f5f4;--chat-icon-assistant-text:#78716c;--chat-send-bg:#78716c;--chat-send-hover:#57534e;--chat-component-bg:#fafaf9;--chat-component-border:#e7e5e4;--chat-price-color:#a16207}.chatbot-container[data-theme=ocean]{--chat-bg:#f0fdfa;--chat-surface:#fff;--chat-header-bg:#134e4a;--chat-header-text:#f0fdfa;--chat-user-bubble:#134e4a;--chat-user-text:#f0fdfa;--chat-assistant-bubble:#fff;--chat-assistant-text:#1f2937;--chat-assistant-shadow:#134e4a14;--chat-border:#ccfbf1;--chat-input-bg:#fff;--chat-input-border:#99f6e4;--chat-input-focus:#0d9488;--chat-accent:#0d9488;--chat-accent-hover:#0f766e;--chat-suggestion-bg:#f0fdfa;--chat-suggestion-border:#5eead4;--chat-suggestion-text:#115e59;--chat-suggestion-hover-bg:#134e4a;--chat-suggestion-hover-text:#f0fdfa;--chat-icon-user-bg:#134e4a;--chat-icon-assistant-bg:#ccfbf1;--chat-icon-assistant-text:#134e4a;--chat-send-bg:#0d9488;--chat-send-hover:#0f766e;--chat-component-bg:#f0fdfa;--chat-component-border:#ccfbf1;--chat-price-color:#0d9488}.chatbot-container[data-theme=lavender]{--chat-bg:#faf5ff;--chat-surface:#fff;--chat-header-bg:#581c87;--chat-header-text:#faf5ff;--chat-user-bubble:#7c3aed;--chat-user-text:#fff;--chat-assistant-bubble:#fff;--chat-assistant-text:#3f3f46;--chat-assistant-shadow:#7c3aed14;--chat-border:#e9d5ff;--chat-input-bg:#fff;--chat-input-border:#d8b4fe;--chat-input-focus:#7c3aed;--chat-accent:#7c3aed;--chat-accent-hover:#6d28d9;--chat-suggestion-bg:#faf5ff;--chat-suggestion-border:#c4b5fd;--chat-suggestion-text:#6b21a8;--chat-suggestion-hover-bg:#7c3aed;--chat-suggestion-hover-text:#fff;--chat-icon-user-bg:#7c3aed;--chat-icon-assistant-bg:#f3e8ff;--chat-icon-assistant-text:#7c3aed;--chat-send-bg:#7c3aed;--chat-send-hover:#6d28d9;--chat-component-bg:#faf5ff;--chat-component-border:#e9d5ff;--chat-price-color:#7c3aed}.chatbot-container[data-theme=midnight]{--chat-bg:#0f172a;--chat-surface:#1e293b;--chat-header-bg:#1e293b;--chat-header-text:#f1f5f9;--chat-user-bubble:#3b82f6;--chat-user-text:#fff;--chat-assistant-bubble:#334155;--chat-assistant-text:#e2e8f0;--chat-assistant-shadow:#0000004d;--chat-border:#334155;--chat-input-bg:#1e293b;--chat-input-border:#475569;--chat-input-focus:#3b82f6;--chat-accent:#3b82f6;--chat-accent-hover:#2563eb;--chat-suggestion-bg:#1e293b;--chat-suggestion-border:#475569;--chat-suggestion-text:#94a3b8;--chat-suggestion-hover-bg:#3b82f6;--chat-suggestion-hover-text:#fff;--chat-icon-user-bg:#3b82f6;--chat-icon-assistant-bg:#334155;--chat-icon-assistant-text:#94a3b8;--chat-send-bg:#3b82f6;--chat-send-hover:#2563eb;--chat-component-bg:#1e293b;--chat-component-border:#334155;--chat-price-color:#60a5fa}.chatbot-container{background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:16px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;height:500px;overflow:hidden}.chatbot-container.fullscreen{border:none;border-radius:0;height:100%}.chatbot-fullscreen-overlay{background:var(--chat-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.chatbot-header{align-items:center;background:var(--chat-header-bg);color:var(--chat-header-text);display:flex;justify-content:space-between;padding:16px 20px}.chatbot-header-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px;letter-spacing:-.01em}.chatbot-header-controls{align-items:center;display:flex;gap:8px}.device-type-select,.theme-select{background:#ffffff26;border:none;border-radius:8px;color:var(--chat-header-text);cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.device-type-select:hover,.theme-select:hover{background:#ffffff40}.device-type-select option,.theme-select option{background:#1f2937;color:#f9fafb}.chatbot-control-button{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:var(--chat-header-text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.chatbot-control-button:hover{background:#ffffff40}.chatbot-control-button.close{background:#ef44444d}.chatbot-control-button.close:hover{background:#ef444480}.chatbot-messages{background:var(--chat-bg);display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.chatbot-message{animation:messageSlideIn .3s ease-out;display:flex;gap:12px;max-width:80%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.chatbot-message.assistant{align-self:flex-start}.message-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.chatbot-message.user .message-icon{background:var(--chat-icon-user-bg);color:var(--chat-user-text)}.chatbot-message.assistant .message-icon{background:var(--chat-icon-assistant-bg);color:var(--chat-icon-assistant-text)}.message-content{display:flex;flex-direction:column;gap:10px}.message-text{border-radius:18px;font-size:15px;line-height:1.5;padding:14px 18px}.chatbot-message.user .message-text{background:var(--chat-user-bubble);border-bottom-right-radius:6px;color:var(--chat-user-text)}.chatbot-message.assistant .message-text{background:var(--chat-assistant-bubble);border-bottom-left-radius:6px;box-shadow:0 2px 8px var(--chat-assistant-shadow);color:var(--chat-assistant-text)}.chatbot-message.loading .message-text{align-items:center;display:flex;gap:10px}.spinner{animation:spin 1s linear infinite}.message-components{display:flex;flex-direction:column;gap:10px}.chatbot-component{background:var(--chat-component-bg);border:1px solid var(--chat-component-border);border-radius:12px;padding:16px}.price-card{text-align:center}.price-card-title{color:var(--chat-assistant-text);font-weight:600;margin-bottom:6px}.price-card-price{color:var(--chat-price-color);font-size:24px;font-weight:700}.price-card-note{color:var(--chat-suggestion-text);font-size:13px;margin-top:6px}.price-table-title{color:var(--chat-assistant-text);font-weight:600;margin-bottom:12px}.price-table table{border-collapse:collapse;width:100%}.price-table td{border-bottom:1px solid var(--chat-component-border);color:var(--chat-assistant-text);padding:10px 12px}.price-table td.price{color:var(--chat-price-color);font-weight:600;text-align:right}.price-table tr:last-child td{border-bottom:none}.contact-card-location{color:var(--chat-assistant-text);font-size:17px;font-weight:600;margin-bottom:6px}.contact-card-address{color:var(--chat-suggestion-text);margin-bottom:6px}.contact-card-phone a{color:var(--chat-accent);font-weight:600;text-decoration:none}.contact-card-phone a:hover{text-decoration:underline}.contact-card-hours{color:var(--chat-suggestion-text);font-size:13px;margin-top:6px}.process-steps-title{color:var(--chat-assistant-text);font-weight:600;margin-bottom:12px}.process-steps ol{color:var(--chat-assistant-text);margin:0;padding-left:20px}.process-steps li{line-height:1.5;margin-bottom:8px}.booking-link{text-align:center}.booking-button{align-items:center;background:var(--chat-accent);border-radius:12px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.booking-button:hover{background:var(--chat-accent-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.message-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.suggestion-button{background:var(--chat-suggestion-bg);border:1px solid var(--chat-suggestion-border);border-radius:20px;color:var(--chat-suggestion-text);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.suggestion-button:hover:not(:disabled){background:var(--chat-suggestion-hover-bg);border-color:var(--chat-suggestion-hover-bg);color:var(--chat-suggestion-hover-text)}.suggestion-button:disabled{cursor:not-allowed;opacity:.5}.message-html-content{margin-top:8px}.message-html-content img{border-radius:6px;display:block;height:auto!important;max-width:160px!important;width:auto!important}.message-html-content a{color:var(--chat-accent)}.message-html-content a:hover{opacity:.9}.message-debug{color:var(--chat-suggestion-text);font-size:11px;opacity:.6}.chatbot-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#dc2626;font-size:14px;padding:14px 18px;text-align:center}.chatbot-input-form{background:var(--chat-surface);border-top:1px solid var(--chat-border);display:flex;gap:12px;padding:16px 20px}.chatbot-input{background:var(--chat-input-bg);border:1px solid var(--chat-input-border);border-radius:24px;color:var(--chat-assistant-text);flex:1 1;font-size:15px;outline:none;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.chatbot-input::placeholder{color:var(--chat-suggestion-text);opacity:.7}.chatbot-input:focus{border-color:var(--chat-input-focus);box-shadow:0 0 0 3px #3b82f61a}.chatbot-send-button{align-items:center;background:var(--chat-send-bg);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.chatbot-send-button:hover:not(:disabled){background:var(--chat-send-hover);transform:scale(1.05)}.chatbot-send-button:disabled{cursor:not-allowed;opacity:.4}.chatbot-booking-fab{bottom:100px;position:absolute;right:24px}.booking-fab-button{align-items:center;background:var(--chat-accent);border:none;border-radius:28px;box-shadow:0 4px 20px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.booking-fab-button:hover{background:var(--chat-accent-hover);box-shadow:0 6px 24px #00000040;transform:translateY(-2px)}.theme-indicator{background:#00000080;border-radius:6px;bottom:16px;color:#fff;font-family:monospace;font-size:11px;left:16px;padding:6px 12px;position:absolute}@media (max-width:768px){.chatbot-message{max-width:90%}.chatbot-header{padding:12px 16px}.chatbot-header-title span{display:none}.chatbot-messages{gap:16px;padding:16px}.chatbot-input-form{padding:12px 16px}.chatbot-booking-fab{bottom:80px;right:16px}.booking-fab-button span{display:none}.booking-fab-button{border-radius:50%;padding:14px}.device-type-select,.theme-select{font-size:12px;padding:4px 8px}}.server-health-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.server-health-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.server-health-header-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.server-health-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:0}.server-health-subtitle{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}.server-health-active-banner{align-items:center;background-color:#22c55e14;border:1px solid #22c55e40;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.server-health-active-dot{animation:server-health-pulse 2s ease-in-out infinite;background-color:var(--color-success);border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}@keyframes server-health-pulse{0%,to{opacity:1}50%{opacity:.4}}.server-health-active-text{color:var(--color-text-secondary);font-size:var(--text-xs)}.server-health-active-url{color:var(--color-text);font-family:monospace;font-size:var(--text-xs);font-weight:600}.server-health-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.server-health-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.server-health-card:hover{box-shadow:var(--shadow-md)}.server-health-card.status-healthy{border-color:#22c55e59}.server-health-card.status-degraded{border-color:#f9731680}.server-health-card.status-offline{border-color:#ef444480}.server-health-card.is-active{box-shadow:0 0 0 3px #22c55e26}.server-health-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.server-health-status-light{border-radius:var(--radius-full);flex-shrink:0;height:12px;width:12px}.server-health-status-light.healthy{background-color:var(--color-success);box-shadow:0 0 6px #22c55e80}.server-health-status-light.degraded{background-color:var(--color-warning);box-shadow:0 0 6px #f9731680}.server-health-status-light.offline{background-color:var(--color-danger);box-shadow:0 0 6px #ef444480}.server-health-status-light.loading{animation:server-health-pulse 1s ease-in-out infinite;background-color:var(--color-text-muted)}.server-health-card-name{color:var(--color-text);flex:1 1;font-size:var(--text-sm);font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-health-card-badges{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.server-health-badge{border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:2px 6px;text-transform:uppercase}.server-health-badge.leader{background-color:#f7c94826;border:1px solid var(--color-gold);color:var(--color-gold)}.server-health-badge.active{background-color:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.server-health-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.server-health-detail{align-items:center;display:flex;justify-content:space-between}.server-health-detail-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.server-health-detail-value{color:var(--color-text);font-size:var(--text-xs);font-weight:500}.server-health-detail-value.latency-good{color:var(--color-success)}.server-health-detail-value.latency-warn{color:var(--color-warning)}.server-health-detail-value.latency-bad{color:var(--color-danger)}.server-health-detail-value.mono{font-family:monospace;font-size:var(--text-xs)}.server-health-url{background-color:var(--color-surface-hover);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:monospace;font-size:.7rem;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap}.server-health-card-error{color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md)}.server-health-skeleton{animation:server-health-skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--color-surface-hover);border-radius:var(--radius-sm);height:14px;width:60px}@keyframes server-health-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.server-health-timestamp{color:var(--color-text-muted);font-size:var(--text-xs);text-align:right}@media (max-width:768px){.server-health-grid{grid-template-columns:1fr}.server-health-header{align-items:stretch;flex-direction:column}}.storage-bot-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.storage-bot-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.storage-bot-header-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.storage-bot-header-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:0}.storage-bot-header-subtitle{color:var(--color-text-secondary);font-size:var(--text-xs);margin:0}.storage-bot-header-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.storage-bot-stat{align-items:center;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.storage-bot-stat-value{color:var(--color-text);font-weight:600}.storage-bot-run-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.storage-bot-run{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.storage-bot-run:hover{box-shadow:var(--shadow-sm)}.storage-bot-run.is-expanded{box-shadow:var(--shadow-md)}.storage-bot-run-header{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);-webkit-user-select:none;user-select:none}.storage-bot-run-header:hover{background-color:var(--color-surface-hover)}.storage-bot-run-date{color:var(--color-text);font-size:var(--text-sm);font-weight:600;min-width:0}.storage-bot-run-summary{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;font-size:var(--text-xs);gap:var(--spacing-sm);min-width:0}.storage-bot-run-chevron{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-sm);transition:transform var(--transition-fast)}.storage-bot-run.is-expanded .storage-bot-run-chevron{transform:rotate(180deg)}.storage-bot-badge{border-radius:var(--radius-sm);flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:2px 6px;text-transform:uppercase}.storage-bot-badge--running{background-color:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-primary);color:var(--color-primary)}.storage-bot-badge--completed{background-color:var(--status-finished-bg);border:1px solid var(--color-success);color:var(--status-finished-text)}.storage-bot-badge--failed{background-color:var(--status-declined-bg);border:1px solid var(--color-danger);color:var(--status-declined-text)}.storage-bot-run-details{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.storage-bot-run-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.storage-bot-run-details-title{color:var(--color-text);font-size:var(--text-sm);font-weight:600;margin:0}.storage-bot-run-details-item{align-items:flex-start;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.storage-bot-run-details-item-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.storage-bot-run-details-item-value{color:var(--color-text);font-size:var(--text-xs);font-weight:500}.storage-bot-snapshot{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.storage-bot-snapshot-header{align-items:center;cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);-webkit-user-select:none;user-select:none}.storage-bot-snapshot-header:hover{background-color:var(--color-surface-active)}.storage-bot-snapshot-label{color:var(--color-text-secondary);font-weight:500}.storage-bot-snapshot-body{border-top:1px solid var(--color-border);color:var(--color-text);font-family:monospace;font-size:var(--text-xs);max-height:200px;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md);white-space:pre-wrap;word-break:break-word}.storage-bot-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.storage-bot-empty-icon{font-size:var(--text-2xl);opacity:.5}.storage-bot-empty-text{line-height:1.5;max-width:400px}@media (max-width:768px){.storage-bot-header,.storage-bot-header-stats{align-items:stretch;flex-direction:column}.storage-bot-run-header{flex-wrap:wrap}.storage-bot-run-summary{flex-basis:100%}}.ai-learning-page{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.ai-learning-page h1{color:var(--color-text);margin-bottom:var(--spacing-sm)}.ai-learning-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.ai-learning-loading{color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}.ai-learning-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.ai-learning-section h2{color:var(--color-text);font-size:var(--text-lg);margin:0 0 var(--spacing-sm) 0}.section-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-lg)}.section-header-collapsible{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0}.section-header-collapsible:hover{opacity:.8}.section-header-collapsible h2{align-items:center;display:flex;gap:var(--spacing-sm);margin:0}.section-header-collapsible svg{color:var(--color-text-secondary);font-size:var(--text-base)}.badge-counter{align-items:center;background:var(--color-danger);border-radius:10px;color:#fff;display:inline-flex;font-size:var(--text-xs);font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 var(--spacing-xs)}.suggestions-content{border-top:1px solid var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.telemetry-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.telemetry-card h3{font-size:var(--text-base);margin:0 0 var(--spacing-md) 0}.telemetry-kpis{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--spacing-md)}.telemetry-kpis div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.telemetry-label{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);margin-bottom:var(--spacing-xs)}.telemetry-kpis strong{color:var(--color-primary);font-size:var(--text-lg)}.telemetry-list{margin-top:var(--spacing-md)}.telemetry-list h4{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--spacing-sm) 0}.telemetry-list-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.telemetry-list-item:last-child{border-bottom:none}.ai-learning-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--spacing-lg)}.stat-card{background:var(--color-background);border-radius:var(--radius-md);text-align:center}.stat-value{color:var(--color-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.ai-learning-actions{display:flex;gap:var(--spacing-md)}.summary-display,.summary-editor{margin-top:var(--spacing-md)}.summary-content{word-wrap:break-word;margin:0 0 var(--spacing-md) 0;max-height:400px;overflow-y:auto;padding:var(--spacing-lg);white-space:pre-wrap}.summary-content,.summary-editor textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);line-height:1.6}.summary-editor textarea{min-height:200px;padding:var(--spacing-md);resize:vertical;width:100%}.summary-editor textarea:focus{border-color:var(--color-primary);outline:none}.editor-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.version-badge{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--text-xs);margin-left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);vertical-align:middle}.no-content{font-style:italic}.no-content,.select-prompt{color:var(--color-text-secondary)}.select-prompt{padding:var(--spacing-2xl);text-align:center}.tech-summaries-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:250px 1fr;margin-top:var(--spacing-md)}.tech-list{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.tech-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:background-color .15s ease}.tech-item:last-child{border-bottom:none}.tech-item:hover{background:var(--color-border)}.tech-item.selected{background:var(--color-primary);color:#fff}.tech-item.selected .tech-version{background:#fff3;color:#fff}.tech-name{font-weight:500}.tech-version{background:var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:2px 6px}.tech-summary-panel{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:300px;padding:var(--spacing-lg)}.tech-summary-panel h3{color:var(--color-text);font-size:var(--text-base);margin:0 0 var(--spacing-md) 0}.edits-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.edit-header{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);transition:background-color .15s ease}.edit-header:hover{background:var(--color-border)}.edit-ticket{color:var(--color-primary);font-weight:500}.edit-tech{color:var(--color-text-secondary)}.edit-date{margin-left:auto}.edit-date,.edit-expand-icon{color:var(--color-text-secondary);font-size:var(--text-sm)}.edit-details{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg)}.edit-comparison{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.edit-after,.edit-before{display:flex;flex-direction:column}.edit-after h4,.edit-before h4{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--spacing-sm) 0}.edit-after pre,.edit-before pre{word-wrap:break-word;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-family:inherit;font-size:var(--text-sm);line-height:1.5;margin:0;padding:var(--spacing-md);white-space:pre-wrap}.edit-before pre{border-left:3px solid var(--color-warning)}.edit-after pre{border-left:3px solid var(--color-success)}.backfill-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.backfill-results{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.backfill-results.dry-run{background:#eab3080d;background:rgba(var(--color-warning-rgb,234,179,8),.05);border-color:var(--color-warning)}.backfill-results.executed{background:#22c55e0d;background:rgba(var(--color-success-rgb,34,197,94),.05);border-color:var(--color-success)}.backfill-results h3{align-items:center;display:flex;font-size:var(--text-lg);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.results-timestamp{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:400}.backfill-stats{background:var(--color-surface);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.backfill-stat{align-items:center;display:flex;flex-direction:column;min-width:80px}.backfill-stat .stat-number{color:var(--color-text);font-size:var(--text-xl);font-weight:600}.backfill-stat .stat-label{color:var(--color-text-secondary);font-size:var(--text-xs)}.backfill-stat.highlight .stat-number{color:var(--color-success)}.backfill-stat.muted .stat-number{color:var(--color-text-secondary)}.backfill-examples{margin-top:var(--spacing-lg)}.backfill-examples h4{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--spacing-md) 0}.backfill-example{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden}.example-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.example-ticket{color:var(--color-primary);font-weight:500}.example-tech{color:var(--color-text-secondary);font-size:var(--text-sm)}.example-comparison{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);padding:var(--spacing-md)}.example-draft,.example-sent{display:flex;gap:var(--spacing-sm)}.example-draft .label,.example-sent .label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;min-width:80px}.example-draft .content,.example-sent .content{color:var(--color-text);font-size:var(--text-sm)}.example-draft .content{color:var(--color-warning)}.example-sent .content{color:var(--color-success)}.backfill-cta{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.backfill-cta p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.backfill-progress{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.backfill-progress p{color:#92400e;font-weight:500;margin:0}.progress-spinner{animation:spin 1s linear infinite;border:3px solid #f59e0b;border-radius:50%;border-top-color:#0000;height:24px;width:24px}.learning-result{border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.learning-result.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.learning-result.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.learning-result p{margin:0}.backfill-stat.success .stat-number{color:#10b981}.backfill-stat.warning .stat-number{color:#ef4444}@media (max-width:768px){.ai-learning-page{padding:var(--spacing-md)}.edit-comparison,.tech-summaries-container{grid-template-columns:1fr}.ai-learning-stats{grid-template-columns:repeat(2,1fr)}.telemetry-grid,.telemetry-kpis{grid-template-columns:1fr}}body.dark .edit-item,body.dark .stat-card,body.dark .summary-content,body.dark .tech-list,body.dark .tech-summary-panel{background:var(--color-surface)}body.dark .edit-after pre,body.dark .edit-before pre{background:var(--color-background)}body.dark .backfill-results{background:var(--color-surface)}body.dark .backfill-stats{background:var(--color-background)}body.dark .backfill-example{background:var(--color-surface)}.accounting-dashboard{display:flex;flex-direction:column;gap:var(--spacing-xl);height:100%;overflow-y:auto;padding:var(--spacing-lg)}.accounting-dashboard h1{color:var(--color-text);font-size:var(--text-2xl);font-weight:600;margin:0}.summary-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg)}.stat-card h3{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;margin:0}.stat-value{color:var(--color-text);font-size:2rem;font-weight:700}.stat-subtext{color:var(--color-text-muted);font-size:var(--text-xs)}.filter-bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500}.filter-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);min-width:150px;padding:var(--spacing-sm)}.trigger-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s}.trigger-button:hover{background-color:var(--color-primary-hover)}.trigger-button:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.transaction-table{border-collapse:collapse;width:100%}.transaction-table th{background:var(--color-background);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;text-align:left;text-transform:uppercase}.transaction-table td,.transaction-table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.transaction-table td{color:var(--color-text);font-size:var(--text-sm);vertical-align:middle}.transaction-table tr:last-child td{border-bottom:none}.transaction-table tr:hover{background-color:var(--color-surface-hover)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;padding:2px 8px}.status-badge.pending-review{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge.approved{background-color:var(--status-finished-bg);color:var(--status-finished-text)}.status-badge.declined{background-color:var(--status-declined-bg);color:var(--status-declined-text)}.action-buttons{display:flex;gap:var(--spacing-xs)}.btn-icon{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:var(--color-background);color:var(--color-text)}.btn-approve{background:var(--color-surface);border-color:var(--color-success);color:var(--color-success)}.btn-approve:hover{background:var(--color-success);color:#fff}.btn-decline{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.btn-decline:hover{background:var(--color-danger);color:#fff}.loading-spinner{display:flex;justify-content:center}.empty-state,.loading-spinner{color:var(--color-text-secondary);padding:var(--spacing-2xl)}.empty-state{text-align:center}.dashboard-container{color:var(--text-color);margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.dashboard-header h1{align-items:center;color:var(--text-color);display:flex;font-size:1.8rem;gap:10px;margin:0}.dashboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dashboard-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.dashboard-select:focus,.dashboard-select:hover{border-color:var(--button-background)}.dashboard-select:focus{box-shadow:0 0 0 3px #007bff26;outline:none}.dashboard-refresh-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}.dashboard-refresh-btn:hover:not(:disabled){background:var(--button-background);border-color:var(--button-background);color:var(--button-text-color)}.dashboard-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-refresh-btn.cache-refresh{background:var(--medium-priority-bg);border-color:var(--medium-priority-border);color:var(--text-color)}.dashboard-refresh-btn.cache-refresh:hover:not(:disabled){background:var(--medium-priority-border);color:#fff}.dashboard-timestamp{font-size:.85rem;gap:6px;margin-bottom:20px}.dashboard-loading,.dashboard-timestamp{align-items:center;color:var(--text-color);display:flex;opacity:.7}.dashboard-loading{flex-direction:column;justify-content:center;min-height:400px}.loading-text{animation:gentlePulse 2s ease-in-out infinite;font-size:2rem}@keyframes gentlePulse{0%,to{opacity:.7}50%{opacity:1}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spin 1s linear infinite}.dashboard-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px var(--shadow-color);margin-bottom:20px;padding:20px}.dashboard-section h2{align-items:center;color:var(--text-color);display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.section-header-with-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.section-header-with-filter h2{margin:0}.section-select{font-size:.85rem;padding:6px 10px}.dashboard-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stats{margin-bottom:20px}.metric-card{background:var(--message-box-background);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.metric-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.metric-icon{color:var(--button-background);font-size:1rem}.metric-title{color:var(--text-color);font-size:.85rem;font-weight:500;opacity:.7}.metric-value{color:var(--text-color);font-size:1.8rem;font-weight:700;margin-bottom:4px}.metric-subtitle{color:var(--text-color);font-size:.8rem;opacity:.6}.metric-change{font-size:.85rem;font-weight:500;margin-top:8px}.change-positive{color:var(--main-button-background)}.change-negative,.change-positive{align-items:center;display:flex;gap:4px}.change-negative{color:var(--danger-color)}.change-neutral{align-items:center;color:var(--text-color);display:flex;gap:4px;opacity:.6}.metric-card.warning{background:var(--medium-priority-bg);border-left:4px solid var(--medium-priority-border)}.metric-card.ready{background:var(--unseen-update-bg);border-left:4px solid var(--unseen-update-border)}.metric-card.pending{background:var(--secondary-background);border-left:4px solid var(--button-background)}.metric-card.confidence-high .metric-icon{color:var(--main-button-background)}.metric-card.confidence-medium .metric-icon{color:var(--medium-priority-border)}.metric-card.confidence-low .metric-icon{color:var(--text-color);opacity:.5}.status-bar-container{margin-bottom:20px}.status-bar{background:var(--secondary-background);border-radius:12px;display:flex;height:24px;overflow:hidden}.status-bar-segment{min-width:4px;transition:width .3s ease}.status-bar-empty{color:var(--text-color);opacity:.6;padding:20px;text-align:center}.status-delivered{background:#6366f1}.status-awaiting-diagnosis{background:#f59e0b}.status-in-diagnosis{background:#3b82f6}.status-awaiting-repair{background:#8b5cf6}.status-being-repaired{background:#06b6d4}.status-waiting-for-parts{background:#ef4444}.status-ready-for-pickup{background:#10b981}.status-awaiting-customer-approval{background:#f97316}.status-awaiting-recycling{background:#64748b}.status-awaiting-recovery{background:#ec4899}.status-reassemble{background:#14b8a6}.status-check-actual-status{background:#eab308}.status-bar-labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.status-label{align-items:center;color:var(--text-color);display:flex;font-size:.8rem;gap:6px}.status-dot{border-radius:50%;height:10px;width:10px}.repair-stats{align-items:center;display:flex;flex-wrap:wrap;gap:40px}.repair-success-ring{align-items:center;display:flex;flex-direction:column;gap:10px}.repair-success-label{color:var(--text-color);font-size:.9rem;font-weight:600}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{stroke:var(--secondary-background)}.progress-ring-progress{transition:stroke-dashoffset .5s ease}.progress-ring-text{fill:var(--text-color);font-size:1.4rem;font-weight:700;transform:rotate(90deg);transform-origin:center}.repair-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.repair-stat{align-items:center;background:var(--message-box-background);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:10px 14px}.repair-stat.success{border-left:4px solid var(--main-button-background)}.repair-stat.success svg{color:var(--main-button-background)}.repair-stat.failed{border-left:4px solid var(--danger-color)}.repair-stat.failed svg{color:var(--danger-color)}.repair-stat.not-fixable{border-left:4px solid var(--medium-priority-border)}.repair-stat.not-fixable svg{color:var(--medium-priority-border)}.repair-stat.pending{border-left:4px solid var(--button-background)}.repair-stat.pending svg{color:var(--button-background)}.repair-stat-value{color:var(--text-color);font-size:1.4rem;font-weight:700;min-width:40px}.repair-stat-label{color:var(--text-color);font-size:.85rem;opacity:.7}.weekday-chart{align-items:flex-end;background:var(--message-box-background);border:1px solid var(--border-color);border-radius:10px;display:flex;height:180px;justify-content:space-around;padding:20px 10px 10px}.weekday-bar{align-items:center;display:flex;flex-direction:column;height:100%;width:12%}.weekday-bar-fill{align-items:flex-start;background:linear-gradient(to top,var(--button-background),#60a5fa);border-radius:6px 6px 0 0;display:flex;justify-content:center;min-height:20px;transition:height .3s ease;width:100%}.weekday-bar.today .weekday-bar-fill{background:linear-gradient(to top,var(--main-button-background),#34d399)}.weekday-bar-value{color:#fff;font-size:.85rem;font-weight:600;padding-top:4px}.weekday-label{color:var(--text-color);font-size:.8rem;font-weight:500;margin-top:8px;opacity:.7}.weekday-bar.today .weekday-label{color:var(--main-button-background);font-weight:700;opacity:1}.revenue-stats .metric-card{background:var(--unseen-update-bg);border:1px solid var(--unseen-update-border)}.revenue-stats .metric-icon{color:var(--main-button-background)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-controls{justify-content:flex-start;width:100%}.dashboard-row{grid-template-columns:1fr}.repair-stats{align-items:center;flex-direction:column}.repair-details{width:100%}.weekday-chart{height:150px}.metric-value{font-size:1.5rem}}.repair-stat.clickable{cursor:pointer;transition:background-color .2s,transform .2s}.repair-stat.clickable:hover{transform:translateX(4px)}.repair-stat.clickable.expanded,.repair-stat.clickable:hover{background-color:var(--hover-background)}.repair-stat .expand-icon{font-size:.7rem;margin-left:6px;vertical-align:middle}.pending-breakdown{animation:slideDown .2s ease-out;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:20px;margin-top:15px;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pending-breakdown-item{align-items:center;background:var(--input-background);border-radius:6px;display:flex;flex:1 1;gap:10px;padding:10px 15px}.pending-breakdown-item .pending-icon{font-size:1.2rem}.pending-breakdown-item .pending-icon.awaiting{color:#f59e0b}.pending-breakdown-item .pending-icon.repairing{color:#3b82f6}.pending-breakdown-item .pending-icon.parts{color:#8b5cf6}.pending-breakdown-item .pending-count{color:var(--text-color);font-size:1.3rem;font-weight:700}.pending-breakdown-item .pending-label{color:var(--text-color);font-size:.85rem;opacity:.8}@media (max-width:768px){.pending-breakdown{flex-direction:column;gap:10px}}.sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--transparent-popup-header);border-right:1px solid var(--border-color);box-shadow:var(--shadow-default);height:calc(100vh - 56px);left:0;padding:var(--spacing-lg);position:fixed;top:56px;transform:translateX(-100%);transition:transform .3s ease;width:200px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-title{color:var(--color-text);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-list-item,.sidebar-nav-item{display:block;margin-bottom:var(--spacing-sm)}.sidebar-nav-item{text-decoration:none;width:100%}.sidebar-nav-item.btn-secondary{text-align:center}.sidebar-nav-item.btn-secondary.active{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-hover);color:var(--btn-secondary-text);font-weight:600}.sidebar-nav-item.btn-secondary.active:hover{background-color:var(--btn-secondary-hover);border-color:var(--btn-secondary-hover)}@media (max-width:768px){.sidebar{padding:var(--spacing-md)}.sidebar-nav-item.btn-secondary{font-size:var(--text-base);padding:10px}}
/*# sourceMappingURL=main.3909ae7b.css.map*/