@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.2s ease;--transition-normal:0.3s 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;--payroll-calendar-worked-bg:var(--status-finished-bg);--payroll-calendar-worked-border:var(--validation-success-border);--payroll-calendar-worked-text:var(--status-finished-text);--payroll-calendar-not-at-work-bg:var(--color-surface-active);--payroll-calendar-not-at-work-border:var(--color-border-strong);--payroll-calendar-not-at-work-text:var(--color-text-secondary);--payroll-calendar-sick-bg:var(--status-declined-bg);--payroll-calendar-sick-border:var(--validation-error-border);--payroll-calendar-sick-text:var(--status-declined-text);--payroll-calendar-ferie-bg:var(--color-info-bg);--payroll-calendar-ferie-border:var(--validation-info-border);--payroll-calendar-ferie-text:var(--color-info-text);--payroll-calendar-permisjon-bg:var(--status-pending-bg);--payroll-calendar-permisjon-border:var(--validation-warning-border);--payroll-calendar-permisjon-text:var(--status-pending-text);--payroll-calendar-avspasering-bg:var(--btn-secondary-bg-soft);--payroll-calendar-avspasering-border:var(--btn-secondary-border);--payroll-calendar-avspasering-text:var(--btn-secondary-border);--payroll-calendar-holiday-bg:var(--validation-info-bg);--payroll-calendar-holiday-border:var(--validation-info-border);--payroll-calendar-holiday-text:var(--validation-info-text);--payroll-calendar-pending-bg:var(--status-pending-bg);--payroll-calendar-pending-border:var(--validation-warning-border);--payroll-calendar-pending-text:var(--status-pending-text);--payroll-calendar-warning-bg:var(--validation-warning-bg);--payroll-calendar-warning-border:var(--validation-warning-border);--payroll-calendar-warning-text:var(--validation-warning-text);--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;--popup-header-rgb:226,228,229;--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;--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:#c5d2d8;--color-text-secondary:#9aaeb8;--color-text-muted:#7f95a1;--color-border:#334047;--color-border-strong:#4b5d66;--color-background:#000;--color-surface:#121818;--color-surface-hover:#202929;--color-surface-active:#334047;--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:#e6edf1;--btn-danger-bg-soft:#e74c3c26;--btn-danger-bg:#e74c3c;--btn-danger-border:#e74c3c;--btn-danger-hover:#c0392b;--btn-danger-text:#fff;--btn-ghost-bg:#334047;--btn-ghost-hover:#4b5d66;--btn-ghost-text:#c5d2d8;--primary-color:#2b5797;--primary-hover:#1e3a8a;--primary-rgb:43,87,151;--background-color:#000;--border-color:#334047;--card-background:#121818;--input-background:#111718;--text-color:#c5d2d8;--button-background:#2b5797;--button-hover:#1e3a8a;--button-text-color:#e6edf1;--main-button-background:#34c759;--main-button-hover:#2ea44f;--secondary-background:#334047;--secondary-hover:#4b5d66;--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:#253036;--receiver-bubble-bg:#465862;--receiver-bubble-text:#c5d2d8;--sender-bubble-bg:#2b5797;--sender-bubble-text:#fff;--internal-sender-bg:#2b57973d;--internal-receiver-bg:#c5d2d814;--internal-bubble-text:#c5d2d8;--internal-badge-color:#9aaeb8;--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;--popup-header-rgb:33,33,33;--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:#202929;--warning-color:#ea580c;--main-button-rgb:52,199,89;--secondary-button-background:#334047;--secondary-button-hover-background:#4b5d66;--secondary-button-text-color:#c5d2d8;--text-secondary:#9aaeb8;--text-muted:#7f95a1;--background:#000;--color-info:#64b5f6;--color-info-hover:#42a5f5}body.windows-xp{--xp-blue-highlight:#6bb6ff;--xp-blue:#2b77e5;--xp-blue-mid:#1665d8;--xp-blue-dark:#0a3ea5;--xp-title-blue:#0055e5;--xp-title-blue-dark:#003c9d;--xp-green-start:#3fb51d;--xp-green-start-dark:#168100;--xp-cream:#ece9d8;--xp-cream-light:#fffef4;--xp-cream-mid:#f4f1df;--xp-cream-dark:#d8d2b8;--xp-control-border:#7f9db9;--xp-window-border:#0754d8;--xp-window-border-dark:#003c9d;--xp-orange:#f7941d;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:6px;--transition-fast:0.08s ease-out;--transition-normal:0.12s ease-out;--color-primary:#245edb;--color-primary-hover:#1645a8;--color-primary-rgb:36,94,219;--color-success:#3aa30f;--color-success-hover:#277b08;--color-danger:#d01616;--color-danger-hover:#9c0f0f;--color-warning:#f7941d;--color-warning-hover:#d87500;--color-info:#245edb;--color-info-hover:#1645a8;--color-text:#1f1f1f;--color-text-secondary:#444f63;--color-text-muted:#6f7684;--color-border:#aca899;--color-border-strong:#7f9db9;--color-background:#ece9d8;--color-surface:#fffef8;--color-surface-hover:#f4f1e4;--color-surface-active:#e1dcc7;--btn-primary-bg-soft:#e5f6d3;--btn-primary-bg:#37a000;--btn-primary-border:#2a7d00;--btn-primary-hover:#237000;--btn-primary-text:#fff;--btn-secondary-bg-soft:#eaf2ff;--btn-secondary-bg:#245edb;--btn-secondary-border:#1645a8;--btn-secondary-hover:#0f358f;--btn-secondary-text:#fff;--btn-danger-bg-soft:#ffe6df;--btn-danger-bg:#d01616;--btn-danger-border:#9c0f0f;--btn-danger-hover:#7d0b0b;--btn-danger-text:#fff;--btn-ghost-bg:#ece9d8;--btn-ghost-hover:#d8d2b8;--btn-ghost-text:#1f1f1f;--primary-color:#245edb;--primary-hover:#1645a8;--primary-rgb:36,94,219;--background-color:#ece9d8;--border-color:#aca899;--card-background:#fffef8;--input-background:#fff;--text-color:#1f1f1f;--button-background:#245edb;--button-hover:#1645a8;--button-text-color:#fff;--main-button-background:#37a000;--main-button-hover:#237000;--secondary-background:#e1dcc7;--secondary-hover:#d1cab1;--danger-color:#d01616;--danger-hover:#9c0f0f;--success-color:#3aa30f;--success-hover:#277b08;--medium-priority-bg:#fff4ce;--medium-priority-border:#f7941d;--high-priority-bg:#ffe3de;--high-priority-border:#d01616;--message-box-background:#f8f5e9;--receiver-bubble-bg:#e7e3cf;--receiver-bubble-text:#1f1f1f;--sender-bubble-bg:#245edb;--sender-bubble-text:#fff;--internal-sender-bg:#245edb24;--internal-receiver-bg:#1f1f1f0f;--internal-bubble-text:#1f1f1f;--internal-badge-color:#444f63;--unread-email-bg:#e5f6d3;--unread-email-border:#37a000;--unseen-update-bg:#e5f6d3;--unseen-update-border:#37a000;--unseen-count-bg:#37a000;--unseen-count-text:#fff;--status-pending-bg:#fff4ce;--status-pending-text:#6d4d00;--status-finished-bg:#e5f6d3;--status-finished-text:#205f00;--status-declined-bg:#ffe3de;--status-declined-text:#7d0b0b;--color-info-bg:#dce9ff;--color-info-text:#1645a8;--paid-priority-bg-start:#fff7d6;--paid-priority-bg-end:#f6cf52;--paid-priority-border:#c79613;--paid-priority-shadow:#c7961352;--transparent-popup-header:#245edbf5;--popup-header-rgb:36,94,219;--diagnosis-alternative-bg:#f8f5e9;--diagnosis-part-bg:#ece9d8;--validation-error-bg:#ffe3def5;--validation-error-border:#d01616;--validation-error-text:#7d0b0b;--validation-error-icon:#d01616;--validation-warning-bg:#fff4cef5;--validation-warning-border:#f7941d;--validation-warning-text:#6d4d00;--validation-warning-icon:#d87500;--validation-success-bg:#e5f6d3f5;--validation-success-border:#37a000;--validation-success-text:#205f00;--validation-success-icon:#2a7d00;--validation-info-bg:#dce9fff5;--validation-info-border:#245edb;--validation-info-text:#1645a8;--validation-info-icon:#245edb;--color-ai-accent:#37a000;--color-ai-accent-bg:#37a0001a;--color-ai-accent-border:#37a00059;--shadow-default:2px 2px 0 #40404042;--shadow-color:#40404029;--shadow-hover:3px 3px 0 #40404033;--shadow-sm:1px 1px 0 #4040402e;--shadow-md:2px 2px 0 #40404038;--shadow-lg:3px 3px 0 #40404042;--shadow-xl:4px 4px 0 #40404047;--shadow-focus:0 0 0 2px #245edb59;--shadow-focus-subtle:0 0 0 2px #ffe66da6;--hover-background:#f4f1e4;--warning-color:#f7941d;--main-button-rgb:55,160,0;--secondary-button-background:#e1dcc7;--secondary-button-hover-background:#d1cab1;--secondary-button-text-color:#1f1f1f;--text-secondary:#444f63;--text-muted:#6f7684;--background:#ece9d8;--color-accent-blue:#245edb;--color-accent-blue-hover:#1645a8;--color-accent-blue-rgb:36,94,219;--color-gold:#f6cf52;--color-gold-hover:#e6b932;--color-overlay-dark:#0000007a;--color-overlay-light:#ffffff6b;background-attachment:fixed;background-color:#5c94e8;background-image:radial-gradient(ellipse 90% 46% at 48% 100%,#4b9612f5 0,#69b823eb 27%,#327512e0 50%,#24521ef0 72%,#0000 73%),radial-gradient(ellipse 58% 34% at 88% 96%,#70b82ab3 0,#3275126b 55%,#0000 58%),radial-gradient(ellipse 18% 8% at 18% 18%,#ffffffe6 0,#ffffffbf 42%,#0000 45%),radial-gradient(ellipse 24% 9% at 58% 14%,#ffffffd1 0,#ffffffa8 48%,#0000 51%),linear-gradient(180deg,#1c7cff,#63b8ff 38%,#a9d8ff 62%,#7ccdf9);color:var(--color-text);font-family:Tahoma,"MS Sans Serif",Segoe UI,sans-serif}body.windows-xp.windows-xp-original-wallpaper{background-image:var(--xp-original-wallpaper-image);background-position:50%;background-size:cover}body.windows-xp .draggable-popup,body.windows-xp .fixed-header,body.windows-xp .sidebar,body.windows-xp .theme-option,body.windows-xp .toggle-button,body.windows-xp [class*=btn-],body.windows-xp input,body.windows-xp select,body.windows-xp textarea{font-family:Tahoma,"MS Sans Serif",Segoe UI,sans-serif}body.windows-xp .fixed-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#ffffff59,#0000 18%),linear-gradient(180deg,#3b93ff,#1d70e4 18%,#0757d8 52%,#0045bd 78%,#0a3ea5);border-bottom:1px solid #002f84;box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #00000061,0 2px 6px #00000052;padding:2px 8px 3px 4px}body.windows-xp .header-controls{gap:4px;margin-left:0}body.windows-xp .header-left-buttons,body.windows-xp .header-right-buttons{gap:3px}body.windows-xp .fixed-header .chat-button,body.windows-xp .fixed-header .dev-suggestions-button,body.windows-xp .fixed-header .employee-chat-button,body.windows-xp .fixed-header .home-office-toggle,body.windows-xp .fixed-header .knowledge-base-button,body.windows-xp .fixed-header .passwords-button,body.windows-xp .fixed-header .settings-button,body.windows-xp .fixed-header .sidebar-toggle-button,body.windows-xp .fixed-header .sound-toggle-button,body.windows-xp .fixed-header .tooltip-toggle-button,body.windows-xp .fixed-header button{border-radius:2px;color:#fff;min-height:28px;min-width:30px;padding:4px 7px;text-shadow:1px 1px 0 #00000059}body.windows-xp .fixed-header .chat-button:hover,body.windows-xp .fixed-header .dev-suggestions-button:hover,body.windows-xp .fixed-header .employee-chat-button:hover,body.windows-xp .fixed-header .home-office-toggle:hover,body.windows-xp .fixed-header .knowledge-base-button:hover,body.windows-xp .fixed-header .passwords-button:hover,body.windows-xp .fixed-header .settings-button:hover,body.windows-xp .fixed-header .sidebar-toggle-button:hover,body.windows-xp .fixed-header .sound-toggle-button:hover,body.windows-xp .fixed-header .tooltip-toggle-button:hover,body.windows-xp .fixed-header button:hover{background:linear-gradient(180deg,#85beffdb,#175cd2e0);box-shadow:inset 1px 1px 0 #ffffff6b,inset -1px -1px 0 #0000003d;color:#fff48f}body.windows-xp .fixed-header .sidebar-toggle-button{align-items:center;background:radial-gradient(circle at 30% 18%,#ffffffdb 0,#ffffff47 22%,#0000 38%),linear-gradient(180deg,#78db58,#3fb51d 38%,#1f9700 62%,#168100);border:1px solid #0f6500;border-radius:16px 8px 8px 16px;box-shadow:inset 1px 1px 0 #ffffffc2,inset -1px -1px 0 #00000047,1px 1px 2px #0000005c;display:inline-flex;font-size:1.08rem;font-style:italic;font-weight:700;gap:5px;line-height:1;min-width:86px;padding:4px 13px 5px 10px;text-transform:lowercase}body.windows-xp .fixed-header .sidebar-toggle-button:after{content:"start";font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:18px;letter-spacing:-.03em}body.windows-xp .fixed-header .sidebar-toggle-button:hover{background:radial-gradient(circle at 30% 18%,#ffffffeb 0,#ffffff57 24%,#0000 40%),linear-gradient(180deg,#94ee70,#4fca25 38%,#229f00 62%,#167900);color:#fff}body.windows-xp .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#ffffff4d,#0000 16%),linear-gradient(180deg,#7290df,#7fa3ee 46%,#6c8bd4);border-right:1px solid #3157b7;box-shadow:inset 1px 0 0 #ffffffa6,3px 0 5px #00000038;padding:10px 8px}body.windows-xp .sidebar-title{font-size:13px;font-weight:700;margin:0 0 8px;padding:6px 8px;text-shadow:1px 1px 0 #00000057}body.windows-xp .sidebar-nav-item.btn-secondary{background:linear-gradient(180deg,#f7fbff,#e3ecff);border:1px solid #9eb6e8;border-radius:3px;box-shadow:inset 1px 1px 0 #ffffffb8;color:#0b3e9e;font-size:11px;margin-bottom:7px;padding:7px 8px}body.windows-xp .sidebar-nav-item.btn-secondary.active{background:linear-gradient(180deg,#357eea,#1559d3);border-color:#083f9e;color:#fff}body.windows-xp .popup-header{background:radial-gradient(circle at 18% 12%,#fff9,#0000 24%),linear-gradient(180deg,#69b2ff,#2f7df0 12%,#0d5fe8 48%,#0046c9 72%,#003a96)!important;border-bottom:1px solid #002b8e!important;border-top-left-radius:5px!important;border-top-right-radius:5px!important;color:#fff;min-height:27px;padding:3px 5px 3px 8px!important;text-shadow:1px 1px 0 #00000059}body.windows-xp .popup-header h3,body.windows-xp .popup-header-title{color:#fff;font-size:13px;font-weight:700}body.windows-xp .popup-header .btn-icon.btn-ghost{background:radial-gradient(circle at 32% 24%,#ffffffb8,#0000 38%),linear-gradient(180deg,#7fb8ff,#2a6fd6 42%,#0945b5);border:1px solid #05358a;border-radius:3px;color:#fff;height:21px;min-height:21px;min-width:23px;padding:0;width:23px}body.windows-xp .popup-header .btn-icon.btn-ghost:hover{background:linear-gradient(180deg,#b5dbff,#3b86f4 42%,#1c55bd)}body.windows-xp .popup-header .btn-icon.btn-ghost:last-child{background:radial-gradient(circle at 32% 24%,#ffffffb8,#0000 38%),linear-gradient(180deg,#ffb7a5,#ef6a43 38%,#d73915 68%,#a20c00);border-color:#7d0b0b}body.windows-xp .popup-header .btn-icon.btn-ghost:last-child:hover{background:linear-gradient(180deg,#ffd1c8,#f06b4e 42%,#b81a07)}body.windows-xp .accordion-card,body.windows-xp .card,body.windows-xp .draggable-popup,body.windows-xp .popup-container,body.windows-xp .settings-popup{background:var(--xp-cream-light);border-bottom:3px solid var(--xp-window-border);border-left:3px solid #4c9bff;border-radius:6px 6px 3px 3px;border-right:3px solid var(--xp-window-border);border-top:3px solid #4c9bff;box-shadow:3px 3px 8px #00000052}body.windows-xp .accordion-card,body.windows-xp .card,body.windows-xp .popup-body,body.windows-xp .popup-footer,body.windows-xp .settings-popup{background-color:var(--xp-cream)}body.windows-xp .accordion-card,body.windows-xp .card,body.windows-xp .popup-body{background-image:linear-gradient(180deg,#fffef4,#f3f0df)}body.windows-xp .theme-option,body.windows-xp .toggle-button,body.windows-xp [class*=btn-]{border-radius:2px;box-shadow:inset 1px 1px 0 #ffffffdb,inset -1px -1px 0 #40404038;font-size:11px;font-weight:700;min-height:24px}body.windows-xp .btn-danger,body.windows-xp .btn-primary,body.windows-xp .btn-secondary{border-width:1px}body.windows-xp .btn-primary{background:radial-gradient(circle at 30% 18%,#ffffffb8,#0000 38%),linear-gradient(180deg,#7de15c,#3fb51d 40%,#1f9700 64%,#168100);border-color:#0f6500;color:#fff;text-shadow:1px 1px 0 #0000005c}body.windows-xp .btn-primary:hover{background:radial-gradient(circle at 30% 18%,#ffffffd1,#0000 40%),linear-gradient(180deg,#95ef72,#4fc926 40%,#239f00 64%,#157500)}body.windows-xp .btn-secondary,body.windows-xp .theme-option.active{background:linear-gradient(180deg,#fff,#f6f4ea 34%,#e8e3cf);border-color:#7f9db9;color:#1f1f1f}body.windows-xp .btn-secondary:hover,body.windows-xp .theme-option.active:hover{background:linear-gradient(180deg,#fffef7,#eef6ff 30%,#b8d9ff);border-color:#316ac5;color:#003c9d}body.windows-xp .btn-danger{background:radial-gradient(circle at 30% 18%,#ffffffb8,#0000 38%),linear-gradient(180deg,#ffb7a5,#ef6a43 38%,#d73915 68%,#a20c00);border-color:#7d0b0b;color:#fff}body.windows-xp .form-input,body.windows-xp .form-select,body.windows-xp .form-textarea,body.windows-xp .popup-input,body.windows-xp input,body.windows-xp select,body.windows-xp textarea{background-color:#fff;border-color:var(--xp-control-border);border-radius:0;box-shadow:inset 1px 1px 0 #00000029,inset -1px -1px 0 #ffffffe6;font-size:11px}body.windows-xp .form-input:focus,body.windows-xp .form-select:focus,body.windows-xp .form-textarea:focus,body.windows-xp .popup-input:focus,body.windows-xp input:focus,body.windows-xp select:focus,body.windows-xp textarea:focus{border-color:#316ac5;box-shadow:inset 1px 1px 0 #00000029,0 0 0 1px #316ac559}body.windows-xp ::selection{background:#245edb42}body.windows-xp h1,body.windows-xp h2,body.windows-xp h3{color:#0a3ea5;font-family:Tahoma,"MS Sans Serif",sans-serif;text-shadow:1px 1px 0 #ffffffbd}body.windows-xp h1{background:linear-gradient(180deg,#fffc,#ece9d8d6);border:1px solid #b8b4a1;border-radius:3px;box-shadow:inset 1px 1px 0 #ffffffc7;display:inline-block;font-size:20px;margin-left:8px;padding:5px 10px}body.windows-xp .create-ticket-container,body.windows-xp .pagination,body.windows-xp .ticket-description-card,body.windows-xp .ticket-filter-column,body.windows-xp .validation-box-compact,body.windows-xp .validation-warning-box{background:linear-gradient(180deg,#f7fbff,#dfe9ff);border:1px solid #9eb6e8;border-radius:3px;box-shadow:inset 1px 1px 0 #fffc}body.windows-xp .ticket-list{gap:10px;padding:8px}body.windows-xp .ticket-item{background:linear-gradient(180deg,#fff,#fffdf2 52%,#f0ead6);border:1px solid #aca899;border-radius:0;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #c4bea8,2px 2px 3px #0000002e;padding:7px 10px 10px}body.windows-xp .ticket-item:hover{border-color:#316ac5}body.windows-xp .ticket-title{background:linear-gradient(180deg,#2f7df0,#0d5fe8 55%,#003c9d);border:1px solid #003c9d;border-radius:2px 2px 0 0;box-shadow:inset 1px 1px 0 #ffffff61;color:#fff;font-size:12px;margin:-1px -1px 4px;padding:4px 7px;text-shadow:1px 1px 0 #0000005c}body.windows-xp .ticket-title input,body.windows-xp .ticket-title span{color:inherit;font-size:12px}body.windows-xp .ticket-title:hover{box-shadow:inset 1px 1px 0 #ffffff61;color:#fff;transform:none}body.windows-xp .parts-arrived-badge,body.windows-xp .ticket-status-badge,body.windows-xp .unseen-count{border:1px solid #7f9db9;border-radius:2px;box-shadow:inset 1px 1px 0 #ffffffc2;font-size:10px;letter-spacing:0;padding:2px 6px;text-transform:none}body.windows-xp .ticket-actions{background:linear-gradient(180deg,#f7f4e8,#e8e2cc);border:1px solid #d2ccb4;border-radius:0;padding:6px}body.windows-xp .ticket-group-divider span{background:linear-gradient(180deg,#2f7df0,#0d5fe8 60%,#003c9d);border:1px solid #003c9d;border-radius:3px;color:#fff!important;padding:3px 8px;text-shadow:1px 1px 0 #00000057}body.windows-xp .context-menu{background:#fff;border:1px solid #aca899;box-shadow:2px 2px 4px #00000052;color:#1f1f1f;font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:11px;padding:2px}body.windows-xp .context-menu li{border-radius:0;padding:4px 24px 4px 20px}body.windows-xp .context-menu li:hover{background:#316ac5;color:#fff}body.windows-xp ::-webkit-scrollbar{height:16px;width:16px}body.windows-xp ::-webkit-scrollbar-track{background:#ece9d8;border:1px solid #aca899}body.windows-xp ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f8f6ed,#d8d2b8);border:1px solid #aca899;box-shadow:inset 1px 1px 0 #fffc}body.windows-xp .app-container{min-height:100vh;padding-bottom:40px;padding-top:0}body.windows-xp .main-content{padding:28px 28px 72px}body.windows-xp .fixed-header{border-bottom:0;border-top:1px solid #4c9bff;bottom:0;top:auto}body.windows-xp .header-controls{height:100%}body.windows-xp .header-left-buttons{flex:1 1 auto;min-width:0}body.windows-xp .header-right-buttons{align-self:stretch;background:linear-gradient(180deg,#ffffff52,#0000 42%),linear-gradient(180deg,#1fa6ff,#1189e7 45%,#0b6fca);border-left:1px solid #55b8ff;box-shadow:-1px 0 0 #002a788c,inset 1px 0 0 #ffffff5c;gap:2px;margin:-2px -6px -2px auto;padding:3px 8px 3px 10px}body.windows-xp .fixed-header .sidebar-toggle-button svg{display:none}body.windows-xp .fixed-header .sidebar-toggle-button:before{background:linear-gradient(90deg,#e33b1f 0 48%,#0000 48% 52%,#39a536 52% 100%),linear-gradient(180deg,#0000 0 48%,#fff 48% 52%,#0000 52% 100%),linear-gradient(90deg,#2678db 0 48%,#0000 48% 52%,#f3c82e 52% 100%);border:1px solid #ffffffb8;box-shadow:1px 1px 0 #00000047;content:"";display:inline-block;height:14px;margin-right:2px;transform:skew(-9deg);width:15px}body.windows-xp .fixed-header .chat-button,body.windows-xp .fixed-header .dev-suggestions-button,body.windows-xp .fixed-header .employee-chat-button,body.windows-xp .fixed-header .home-office-toggle,body.windows-xp .fixed-header .knowledge-base-button,body.windows-xp .fixed-header .passwords-button,body.windows-xp .fixed-header .settings-button,body.windows-xp .fixed-header .sound-toggle-button,body.windows-xp .fixed-header .tooltip-toggle-button,body.windows-xp .fixed-header button:not(.sidebar-toggle-button){background:linear-gradient(180deg,#ffffff38,#0000 46%),linear-gradient(180deg,#539cf0a6,#0d52cdc7);border:1px solid #0a3ea5b8;box-shadow:inset 1px 1px 0 #ffffff5c,inset -1px -1px 0 #0000003d;height:27px;min-height:27px}body.windows-xp .fixed-header button:active,body.windows-xp .theme-option:active,body.windows-xp .toggle-button:active,body.windows-xp [class*=btn-]:active{box-shadow:inset 1px 1px 0 #40404047,inset -1px -1px 0 #ffffffbd;transform:translateY(1px)}body.windows-xp .sidebar{background:linear-gradient(90deg,#fff,#fff 61%,#d6e7ff 0,#c8dcff);border:1px solid #003c9d;border-bottom:0;border-radius:8px 8px 0 0;bottom:34px;box-shadow:4px -4px 14px #00000057;height:min(620px,calc(100vh - 46px));overflow:hidden;padding:0;top:auto;width:278px}body.windows-xp .sidebar-title{background:radial-gradient(circle at 12% 18%,#ffffffd1,#0000 24%),linear-gradient(180deg,#59a8ff,#1d70e4 42%,#0046c9);border-bottom:1px solid #003c9d;color:#fff;font-size:14px;margin:0;padding:12px 14px}body.windows-xp .sidebar-list{height:calc(100% - 42px);overflow-y:auto;padding:8px}body.windows-xp .sidebar-list li{list-style:none;margin:0}body.windows-xp .sidebar-nav-item.btn-secondary{align-items:center;background:#0000;border:1px solid #0000;border-radius:0;box-shadow:none;color:#1f1f1f;display:flex;font-size:12px;font-weight:700;gap:8px;margin:0;min-height:32px;padding:6px 8px}body.windows-xp .sidebar-nav-item.btn-secondary:before{background:linear-gradient(135deg,#ffe385,#f7941d 52%,#bf5b00);border:1px solid #9d6a00;box-shadow:inset 1px 1px 0 #ffffffc7;content:"";flex:0 0 auto;height:18px;width:18px}body.windows-xp .sidebar-nav-item.btn-secondary.active,body.windows-xp .sidebar-nav-item.btn-secondary.active:hover,body.windows-xp .sidebar-nav-item.btn-secondary:hover{background:#316ac5;border-color:#1b4fa3;color:#fff}body.windows-xp .container,body.windows-xp .customer-tickets-container,body.windows-xp .edit-ticket-container,body.windows-xp .storage-management-container{background:linear-gradient(180deg,#ffffff8a,#ece9d89e);border:1px solid #ffffff85;box-shadow:2px 2px 5px #0000002e}body.windows-xp .create-ticket-container,body.windows-xp .pagination,body.windows-xp .search-suggestions,body.windows-xp .ticket-description-card,body.windows-xp .ticket-filter-column,body.windows-xp .validation-box-compact,body.windows-xp .validation-warning-box{position:relative}body.windows-xp .create-ticket-container,body.windows-xp .ticket-filter-column{padding:28px 12px 12px}body.windows-xp .create-ticket-container:before,body.windows-xp .ticket-filter-column:before{background:linear-gradient(180deg,#4f7fde,#245edb);border-bottom:1px solid #153f9e;border-radius:3px 3px 0 0;box-shadow:inset 0 1px 0 #ffffff7a;content:"";height:20px;left:0;position:absolute;right:0;top:0}body.windows-xp .create-ticket-container>*,body.windows-xp .ticket-filter-column>*{position:relative;z-index:1}body.windows-xp .combined-view-button{border:1px solid #7f9db9;border-radius:2px;box-shadow:inset 1px 1px 0 #ffffffdb,inset -1px -1px 0 #40404038;overflow:hidden}body.windows-xp .combined-view-button [class*=btn-]{border-radius:0;font-size:11px;min-height:25px;padding:5px 11px}body.windows-xp .combined-view-button .active,body.windows-xp .view-mode-buttons .btn-secondary.active{background:linear-gradient(180deg,#fff7a4,#f8d56a 48%,#eda331);color:#1f1f1f}body.windows-xp .ticket-line{color:#1f1f1f;font-size:11px}body.windows-xp .ticket-status{justify-content:flex-start}body.windows-xp .ticket-description-card{background:linear-gradient(180deg,#fff,#eff5ff);border-color:#b7c9ef;border-radius:2px;box-shadow:inset 1px 1px 0 #ffffffe0,inset -1px -1px 0 #aca89957;color:#1f1f1f}body.windows-xp .ticket-item.high-priority,body.windows-xp .ticket-item.incorrect-part,body.windows-xp .ticket-item.medium-priority,body.windows-xp .ticket-item.paid-priority,body.windows-xp .ticket-item.unread-email,body.windows-xp .ticket-item.unseen-customer-update{background:linear-gradient(180deg,#fff,#fff9e0 50%,#ece3bf)}body.windows-xp .ticket-item.high-priority .ticket-title,body.windows-xp .ticket-item.paid-priority .ticket-title,body.windows-xp .ticket-item.unread-email .ticket-title,body.windows-xp .ticket-item.unseen-customer-update .ticket-title{background:linear-gradient(180deg,#f9c06d,#ef8f22 45%,#d06a00);border-color:#994d00}body.windows-xp .search-suggestions{border-color:#7f9db9;border-radius:0;box-shadow:2px 2px 4px #0000004d}body.windows-xp .search-suggestions div{font-size:11px;padding:5px 8px}body.windows-xp .search-suggestions div:hover{background:#316ac5;color:#fff}body.windows-xp .customer-auth-card{background:var(--xp-cream);border-bottom:3px solid var(--xp-window-border);border-left:3px solid #4c9bff;border-radius:6px 6px 3px 3px;border-right:3px solid var(--xp-window-border);border-top:3px solid #4c9bff;box-shadow:3px 3px 8px #00000052;overflow:hidden;padding:0}body.windows-xp .customer-auth-card h1{background:radial-gradient(circle at 18% 12%,#fff9,#0000 24%),linear-gradient(180deg,#69b2ff,#2f7df0 12%,#0d5fe8 48%,#0046c9 72%,#003a96);border-bottom:1px solid #002b8e;color:#fff;display:block;font-size:13px;line-height:1.25;margin:0;padding:5px 8px;text-shadow:1px 1px 0 #00000059}body.windows-xp .customer-auth-card form{background:linear-gradient(180deg,#fffef4,#f3f0df);margin:0;padding:20px 22px 22px}body.windows-xp .customer-auth-card .message-box{margin:14px 18px 0}body.windows-xp .fixed-header{align-items:center;box-sizing:border-box;height:34px;min-height:34px;padding:2px 6px 2px 4px}body.windows-xp .header-controls,body.windows-xp .header-left-buttons,body.windows-xp .header-right-buttons{align-items:center;box-sizing:border-box;min-height:0}body.windows-xp .header-controls,body.windows-xp .header-left-buttons,body.windows-xp .header-right-buttons{height:30px}body.windows-xp .header-right-buttons{align-self:center;margin:0 -4px 0 auto;padding:2px 6px}body.windows-xp .fixed-header .chat-button,body.windows-xp .fixed-header .dev-suggestions-button,body.windows-xp .fixed-header .employee-chat-button,body.windows-xp .fixed-header .home-office-toggle,body.windows-xp .fixed-header .knowledge-base-button,body.windows-xp .fixed-header .passwords-button,body.windows-xp .fixed-header .settings-button,body.windows-xp .fixed-header .sound-toggle-button,body.windows-xp .fixed-header .tooltip-toggle-button,body.windows-xp .fixed-header button{align-items:center;box-sizing:border-box;display:inline-flex;height:28px;justify-content:center;line-height:1;max-height:28px;min-height:28px;padding:0 7px}body.windows-xp .fixed-header .chat-button svg,body.windows-xp .fixed-header .dev-suggestions-button svg,body.windows-xp .fixed-header .employee-chat-button svg,body.windows-xp .fixed-header .home-office-toggle svg,body.windows-xp .fixed-header .knowledge-base-button svg,body.windows-xp .fixed-header .passwords-button svg,body.windows-xp .fixed-header .settings-button svg,body.windows-xp .fixed-header .sound-toggle-button svg,body.windows-xp .fixed-header .tooltip-toggle-button svg,body.windows-xp .fixed-header button svg{display:block;flex:0 0 auto;height:16px;width:16px}body.windows-xp .fixed-header .sidebar-toggle-button{box-sizing:border-box;height:30px;max-height:30px;min-height:30px;padding:0 13px 1px 10px}body.windows-xp .fixed-header .sidebar-toggle-button:before{height:15px;margin-right:1px;width:16px}body.windows-xp .fixed-header .sidebar-toggle-button:after{line-height:1}body.windows-xp .sidebar-list{box-sizing:border-box;display:flex;flex-direction:column;gap:1px;padding:8px 0 8px 8px}body.windows-xp .sidebar-list li{display:block;width:100%}body.windows-xp .sidebar-nav-item.btn-secondary{box-sizing:border-box;display:grid;grid-template-columns:26px minmax(0,1fr);justify-content:start;justify-items:start;min-height:34px;padding:6px 10px 6px 6px;text-align:left;width:100%}body.windows-xp .sidebar-nav-item.btn-secondary:before{align-self:center;grid-column:1;justify-self:start;margin:0}@media (max-width:768px){body.windows-xp .app-container{padding-bottom:38px;padding-top:0}body.windows-xp .main-content{padding:10px 8px 58px}body.windows-xp .fixed-header{height:36px;min-height:36px}body.windows-xp .fixed-header .sidebar-toggle-button{min-width:78px;padding-left:8px;padding-right:10px}body.windows-xp .fixed-header .sidebar-toggle-button:after{font-size:16px}body.windows-xp .header-right-buttons{max-width:calc(100vw - 92px);overflow-x:auto}body.windows-xp .sidebar{bottom:36px;height:min(560px,calc(100vh - 46px));width:min(282px,calc(100vw - 12px))}}*,: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{align-items:center;background-color:var(--btn-secondary-bg);border:none;border-radius:var(--radius-md);color:var(--btn-secondary-text);cursor:pointer;display:inline-flex;height:36px;justify-content:center;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{display:flex;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}.computer-catalog-fields{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.computer-catalog-fields.is-contents{display:contents}.computer-catalog-field-horizontal{align-items:flex-start;display:flex;gap:var(--spacing-md)}.computer-catalog-field-horizontal>.form-label{flex:0 0 110px;padding-top:var(--spacing-sm)}.computer-catalog-field-horizontal>.freeform-combobox{flex:1 1;min-width:0}.freeform-combobox{min-width:0;position:relative;width:100%}.freeform-combobox-suggestions{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);box-sizing:border-box;display:grid;margin-top:var(--spacing-xs);max-height:240px;max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.freeform-combobox-suggestion{align-items:center;background:var(--color-surface);border:0;border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-md);justify-content:space-between;min-height:42px;min-width:0;padding:var(--spacing-sm) var(--spacing-md);text-align:left;width:100%}.freeform-combobox-suggestion>span{min-width:0;overflow-wrap:anywhere}.freeform-combobox-suggestion:last-of-type{border-bottom:0}.freeform-combobox-suggestion.active,.freeform-combobox-suggestion:hover,.freeform-combobox-suggestion[aria-selected=true]{background:var(--color-surface-hover);color:var(--color-primary)}.freeform-combobox-suggestion.is-new{color:var(--color-warning)}.freeform-combobox-suggestion small{color:var(--color-text-muted);flex:0 1 45%;font-size:var(--text-xs);min-width:0;overflow-wrap:anywhere;text-align:right}.freeform-combobox-loading{color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-md)}.freeform-combobox-new-value{color:var(--color-warning);display:block;font-size:var(--text-xs);margin-top:var(--spacing-xs)}.freeform-combobox-new-value strong{color:inherit}.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)}.required-mark{color:var(--color-danger)}.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);border-radius:var(--radius-lg)}.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:#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}.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{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;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{--loading-shell-highlight:#607086;--loading-shell-mid:#354255;--loading-shell-shadow:#1d2633;--loading-display:#071321;--loading-success-rgb:34,197,94;--loading-edge-highlight:#ffffff52;--loading-device-shadow:#11182747;--loading-key-face:#202c3e;--loading-key-edge:#7c8da4;--loading-glass-reflection:#ffffff1a;--loading-led-off:#162536;align-items:center;background:radial-gradient(circle at 50% 44%,rgba(var(--color-primary-rgb),.09),#0000 35%),var(--color-background);display:flex;flex-direction:column;inset:0;isolation:isolate;justify-content:center;opacity:1;overflow:hidden;position:fixed;transition:opacity .34s ease,visibility .34s ease;z-index:9999}.loading-screen-phase-fadeout{opacity:0;pointer-events:none;visibility:hidden}.loading-backdrop{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:-1}.loading-backdrop:after,.loading-backdrop:before{aspect-ratio:1;border-radius:var(--radius-full);content:"";filter:blur(72px);opacity:.08;position:absolute;transform:translateZ(0);width:min(42vw,460px)}.loading-backdrop:before{animation:loading-ambient-drift-one 5s ease-in-out infinite alternate;background:var(--color-primary);left:16%;top:12%}.loading-backdrop:after{animation:loading-ambient-drift-two 5.8s ease-in-out infinite alternate;background:var(--color-success);bottom:10%;right:14%}.loading-laptop-wrapper{--assembly-speed:1.8s;--loading-hop-height:min(170px,22vh);--loading-entry-x:-170px;--loading-second-x:-52px;height:214px;opacity:1;perspective:900px;position:relative;transform:translateY(0) scale(1);transition:opacity .34s ease,transform .34s ease;width:280px}.loading-laptop-wrapper.loading-fadeout{opacity:0;transform:translateY(-4px) scale(1.025)}.loading-device{inset:0;position:absolute;transform:rotateX(7deg) rotateY(-12deg);transform-origin:50% 196px;transform-style:preserve-3d}.loading-screen-phase-scattered .loading-device{opacity:0;translate:var(--loading-entry-x) 0}.loading-screen-phase-assembling .loading-device{animation:loading-laptop-travel var(--assembly-speed) linear both,loading-laptop-entrance var(--assembly-speed) linear both}.loading-screen-phase-logo .loading-device{animation:loading-device-breathe 4s ease-in-out infinite}.loading-screen-phase-logo.is-ready .loading-device{animation:loading-ready-nod .36s ease-in-out both}.loading-piece{opacity:1;position:absolute;transition:transform var(--assembly-speed) cubic-bezier(.22,.9,.32,1.12),opacity var(--assembly-speed) ease}.loading-piece.assembled{opacity:1;transform:translateZ(0) rotate(0deg) scale(1)}.loading-piece-lid{background:linear-gradient(145deg,var(--loading-shell-highlight),var(--loading-shell-mid) 50%,var(--loading-shell-shadow));border:1px solid var(--loading-edge-highlight);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);box-shadow:0 18px 34px #1118272e,2px 0 0 var(--loading-shell-shadow),3px 1px 0 var(--loading-shell-mid),inset 0 1px 0 var(--loading-edge-highlight);height:137px;left:29px;padding:var(--spacing-sm);top:4px;transform:rotateX(-28deg);transform-origin:50% 100%;transition-delay:calc(var(--assembly-speed)*.4);transition-duration:calc(var(--assembly-speed)*.6);width:222px;z-index:1}.loading-piece-lid.assembled{transform:rotateX(-9deg)}.loading-screen-phase-assembling .loading-piece-lid{animation:loading-spring-lid var(--assembly-speed) ease-in-out both}.loading-hinge{background:linear-gradient(var(--loading-shell-shadow),var(--loading-key-edge),var(--loading-shell-shadow));border-radius:var(--radius-full);bottom:-3px;height:6px;position:absolute;width:30px}.loading-hinge-left{left:15px}.loading-hinge-right{right:15px}.loading-camera{background:#ffffff59;border-radius:var(--radius-full);box-shadow:0 0 0 1px #00000047;height:3px;left:50%;position:absolute;top:var(--spacing-xs);transform:translateX(-50%);width:3px;z-index:2}.loading-display{background:radial-gradient(circle at 50% 58%,rgba(var(--color-primary-rgb),.2),#0000 58%),var(--loading-display);border:1px solid #ffffff14;border-radius:var(--radius-md);box-shadow:inset 0 0 24px #00000094,0 0 0 rgba(var(--color-primary-rgb),0);height:100%;overflow:hidden;position:relative;transition:box-shadow .45s ease,border-color .45s ease;width:100%}.loading-display:after{background:linear-gradient(115deg,#0000 38%,var(--loading-glass-reflection) 40%,#0000 62%);content:"";inset:-50%;pointer-events:none;position:absolute;transform:translateX(-25%);z-index:4}.loading-screen-phase-logo .loading-display:after{animation:loading-glass-sweep 4s ease-in-out infinite}.loading-screen-phase-fadeout .loading-display,.loading-screen-phase-logo .loading-display{border-color:rgba(var(--color-primary-rgb),.26);box-shadow:inset 0 0 24px #00000075,0 0 26px rgba(var(--color-primary-rgb),.24)}.loading-face{align-items:center;display:flex;gap:var(--spacing-xl);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .16s ease;z-index:3}.loading-screen-phase-assembling .loading-face,.loading-screen-phase-flash .loading-face{opacity:1}.loading-eye{background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 14px rgba(var(--color-primary-rgb),.55);height:19px;width:11px}.loading-screen-phase-flash .loading-eye{animation:loading-curious-blink .3s ease-in-out both}.loading-screen-scanline{background:linear-gradient(180deg,#0000,rgba(var(--color-primary-rgb),.18),#0000);height:18%;left:0;opacity:0;pointer-events:none;position:absolute;top:-18%;transform:translateY(0);width:100%;z-index:1}.loading-screen-phase-logo .loading-screen-scanline{animation:loading-screen-scan .85s ease-out 1 both}.loading-logo-reveal{align-items:center;display:flex;filter:blur(7px);inset:var(--spacing-sm);justify-content:center;opacity:0;position:absolute;transform:translateY(4px) scale(.84);transition:opacity .42s ease,filter .42s ease,transform .52s cubic-bezier(.2,.8,.2,1);z-index:2}.loading-logo-reveal.visible{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}.loading-logo-img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.2));max-height:82%;object-fit:contain;width:60%}.loading-piece-deck{background:linear-gradient(165deg,var(--loading-shell-highlight),var(--loading-shell-mid) 62%,var(--loading-shell-shadow));box-shadow:inset 0 1px 0 var(--loading-edge-highlight);clip-path:polygon(8% 0,92% 0,100% 82%,0 82%);height:54px;left:8px;top:139px;width:264px;z-index:2}.loading-keyboard{display:flex;flex-direction:column;gap:2px;height:23px;left:47px;position:absolute;top:7px;transform:perspective(90px) rotateX(12deg);width:170px}.loading-key-row{display:flex;flex:1 1;gap:2px}.loading-key{background:var(--loading-key-face);border-radius:1px;box-shadow:0 1px 0 var(--loading-key-edge),inset 0 1px 0 var(--loading-edge-highlight);flex:1 1}.loading-key-row:last-child .loading-key:nth-child(4){flex:5 1}.loading-screen-phase-logo .loading-key-row{animation:loading-keyboard-wave 2.8s ease-in-out infinite}.loading-key-row:nth-child(2){animation-delay:.12s}.loading-key-row:nth-child(3){animation-delay:.24s}.loading-key-row:nth-child(4){animation-delay:.36s}.loading-speaker{background:repeating-linear-gradient(180deg,var(--loading-shell-shadow) 0 1px,#0000 1px 3px);height:23px;opacity:.65;position:absolute;top:8px;width:9px}.loading-speaker-left{left:29px}.loading-speaker-right{right:29px}.loading-piece-trackpad{background:#11182729;border:1px solid #ffffff24;border-radius:var(--radius-sm);height:12px;left:50%;position:absolute;top:34px;transform:translateX(-50%);width:52px}.loading-piece-base{background:linear-gradient(180deg,var(--loading-shell-mid),var(--loading-shell-shadow));border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:inset 0 1px 0 var(--loading-edge-highlight);height:13px;left:8px;top:183px;width:264px;z-index:3}.loading-power-led{background:var(--loading-led-off);border-radius:var(--radius-full);height:2px;position:absolute;right:20px;top:4px;transition:background var(--transition-fast),box-shadow var(--transition-fast);width:8px}.loading-screen-phase-logo .loading-power-led{background:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.loading-screen-phase-logo.is-ready .loading-power-led{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.loading-ready-check{background:var(--loading-display);border:1px solid var(--color-success);border-radius:var(--radius-full);bottom:var(--spacing-sm);color:var(--color-success);display:grid;font-size:var(--text-xs);height:20px;opacity:0;place-items:center;position:absolute;right:var(--spacing-sm);transform:scale(.5);transition:opacity .18s ease,transform .28s cubic-bezier(.2,.8,.3,1.5);width:20px;z-index:3}.loading-screen-phase-fadeout.is-ready .loading-ready-check,.loading-screen-phase-logo.is-ready .loading-ready-check{opacity:1;transform:scale(1)}.loading-spark{background:var(--color-primary);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);height:16px;opacity:0;position:absolute;width:16px}.loading-spark-left{left:8px;top:28px}.loading-spark-right{height:11px;right:0;top:65px;width:11px}.loading-screen-phase-logo.is-ready .loading-spark{animation:loading-ready-spark .36s ease-out both}.loading-base-notch{background:#00000042;border-radius:0 0 var(--radius-full) var(--radius-full);height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:42px}.loading-device-shadow{border-radius:50%;bottom:5px;height:18px;left:50%;opacity:0;position:absolute;transform:translateX(-50%) scaleX(.58);transition:opacity var(--assembly-speed) ease,transform var(--assembly-speed) ease;width:220px;z-index:-1}.loading-device-shadow:before{background:var(--loading-device-shadow);border-radius:inherit;content:"";filter:blur(12px);inset:0;position:absolute}.loading-device-shadow.visible{opacity:.62;transform:translateX(-50%) scaleX(1)}.loading-screen-phase-logo .loading-device-shadow{animation:loading-shadow-breathe 4s ease-in-out infinite}.loading-screen-phase-assembling .loading-device-shadow{animation:loading-laptop-travel var(--assembly-speed) linear both,loading-landing-shadow var(--assembly-speed) linear both}.loading-screen-phase-assembling .loading-device-shadow:before{animation:loading-landing-blur var(--assembly-speed) linear both}.loading-status{align-items:center;display:flex;flex-direction:column;margin-top:var(--spacing-sm);min-height:46px;opacity:0;transform:translateY(7px);transition:opacity .34s ease,transform .34s ease}.loading-status.visible{opacity:1;transform:translateY(0)}.loading-message{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-sm);letter-spacing:.01em;margin:0 0 var(--spacing-md)}.loading-status-dot{--loading-status-dot-size:7px;background:var(--color-primary);border-radius:var(--radius-full);height:var(--loading-status-dot-size);isolation:isolate;position:relative;transition:background var(--transition-normal),box-shadow var(--transition-normal);width:var(--loading-status-dot-size)}.loading-status-dot:before{animation:loading-status-pulse 2.8s ease-out infinite;background:rgb(var(--color-primary-rgb));border-radius:inherit;content:"";inset:calc(var(--loading-status-dot-size)*-1);opacity:0;position:absolute;z-index:-1}.loading-progress{background:rgba(var(--color-primary-rgb),.13);border-radius:var(--radius-full);height:3px;overflow:hidden;position:relative;width:136px}.loading-progress-fill{animation:loading-progress-travel 1.35s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-primary),#0000);border-radius:inherit;inset:0 auto 0 0;position:absolute;transform:translateX(-110%);width:42%}.loading-screen.is-ready .loading-status-dot{background:var(--color-success);box-shadow:0 0 0 4px rgba(var(--loading-success-rgb),.13)}.loading-screen.is-ready .loading-status-dot:before{animation:none}.loading-screen.is-ready .loading-progress-fill{animation:none;background:var(--color-success);box-shadow:0 0 8px rgba(var(--loading-success-rgb),.34);transform:translateX(0);transition:width .28s ease,background .28s ease;width:100%}body.dark .loading-screen{--loading-shell-highlight:#718096;--loading-shell-mid:#3c485b;--loading-shell-shadow:#202938;--loading-display:#030912;--loading-edge-highlight:#ffffff40;--loading-device-shadow:#0000008c}@keyframes loading-laptop-travel{0%,8%{translate:var(--loading-entry-x) 0}48%,56%{translate:var(--loading-second-x) 0}86%,to{translate:0 0}}@keyframes loading-laptop-entrance{0%{animation-timing-function:ease-in;transform:rotateX(7deg) rotateY(-20deg)}8%{animation-timing-function:cubic-bezier(.33,.66,.66,1);transform:rotateX(14deg) rotateY(-20deg) rotate(-6deg) scale(1.06,.88)}28%{animation-timing-function:cubic-bezier(.33,0,.66,.33);transform:translateY(calc(var(--loading-hop-height)*-1)) rotateX(1deg) rotateY(-15deg) rotate(8deg) scale(.97,1.04)}48%{animation-timing-function:ease-out;transform:rotateX(7deg) rotateY(-14deg) rotate(-3deg)}52%{animation-timing-function:ease-in;transform:rotateX(15deg) rotateY(-14deg) rotate(-4deg) scale(1.08,.86)}56%{animation-timing-function:cubic-bezier(.33,.66,.66,1);transform:rotateX(7deg) rotateY(-14deg) scale(.96,1.06)}71%{animation-timing-function:cubic-bezier(.33,0,.66,.33);transform:translateY(calc(var(--loading-hop-height)*-.56)) rotateX(2deg) rotateY(-10deg) rotate(5deg)}86%{animation-timing-function:ease-out;transform:rotateX(7deg) rotateY(-12deg)}89%{animation-timing-function:ease-out;transform:rotateX(12deg) rotateY(-12deg) scale(1.05,.91)}94%{animation-timing-function:ease-in;transform:translateY(-12px) rotateX(4deg) rotateY(-12deg) scale(.99,1.02)}98%{transform:rotateX(8deg) rotateY(-12deg) scale(1.01,.98)}to{transform:rotateX(7deg) rotateY(-12deg)}}@keyframes loading-spring-lid{0%{transform:rotateX(-28deg)}8%{transform:rotateX(-42deg)}18%,28%{transform:rotateX(4deg)}48%{transform:rotateX(-16deg)}54%{transform:rotateX(-34deg)}65%,71%{transform:rotateX(2deg)}89%{transform:rotateX(-24deg)}95%{transform:rotateX(-3deg)}to{transform:rotateX(-9deg)}}@keyframes loading-landing-shadow{0%,48%,56%,8%,86%,to{opacity:.62;transform:translateX(-50%) scale(1)}28%{opacity:.12;transform:translateX(-50%) scale(1.18,1.4)}52%,89%{opacity:.78;transform:translateX(-50%) scale(1.05,.8)}71%{opacity:.25;transform:translateX(-50%) scale(1.1,1.2)}94%{opacity:.48;transform:translateX(-50%) scale(1.02)}}@keyframes loading-landing-blur{0%,48%,56%,8%,86%,to{filter:blur(8px)}28%{filter:blur(20px)}52%,89%{filter:blur(5px)}71%{filter:blur(16px)}94%{filter:blur(10px)}}@keyframes loading-curious-blink{0%,to{transform:translateX(0) scaleY(1)}30%{transform:translateX(4px) scaleY(1)}55%{transform:translateX(4px) scaleY(.12)}75%{transform:translateX(2px) scaleY(1)}}@keyframes loading-device-breathe{0%,to{transform:translateY(0) rotateX(7deg) rotateY(-12deg)}50%{transform:translateY(-4px) rotateX(5deg) rotateY(-8deg)}}@keyframes loading-shadow-breathe{0%,to{opacity:.62;transform:translateX(-50%) scaleX(1)}50%{opacity:.42;transform:translateX(-50%) scaleX(.92)}}@keyframes loading-glass-sweep{0%,to{transform:translateX(-25%)}50%{transform:translateX(15%)}}@keyframes loading-keyboard-wave{0%,65%,to{filter:brightness(1)}25%{filter:brightness(1.8) drop-shadow(0 0 2px var(--color-primary))}}@keyframes loading-ready-nod{0%,to{transform:rotateX(7deg) rotateY(-12deg)}45%{transform:translateY(-5px) rotateX(2deg) rotateY(-8deg)}75%{transform:translateY(1px) rotateX(9deg) rotateY(-12deg)}}@keyframes loading-ready-spark{0%{opacity:0;transform:scale(.3) rotate(-20deg)}45%{opacity:.8;transform:scale(1.1) rotate(10deg)}to{opacity:0;transform:translateY(-8px) scale(.6) rotate(25deg)}}@keyframes loading-screen-scan{0%{opacity:0;transform:translateY(0)}18%{opacity:.55}to{opacity:0;transform:translateY(650%)}}@keyframes loading-status-pulse{0%{opacity:.3;transform:scale(.33333)}70%,to{opacity:0;transform:scale(1)}}@keyframes loading-progress-travel{0%{transform:translateX(-110%)}55%,to{transform:translateX(340%)}}@keyframes loading-ambient-drift-one{to{transform:translate3d(11%,8%,0) scale(1.08)}}@keyframes loading-ambient-drift-two{to{transform:translate3d(-9%,-10%,0) scale(1.12)}}@media (max-width:480px){.loading-laptop-wrapper{--loading-entry-x:-80px;--loading-second-x:-28px;transform:scale(.86)}.loading-laptop-wrapper.loading-fadeout{transform:translateY(-4px) scale(.89)}.loading-status{margin-top:calc(var(--spacing-sm)*-1)}}@media (prefers-reduced-motion:reduce){.loading-screen,.loading-screen *,.loading-screen :after,.loading-screen :before{animation:none!important;transition:none!important}.loading-piece{opacity:1;transform:none}.loading-logo-reveal{filter:none;transform:none}.loading-face,.loading-screen-scanline,.loading-spark{display: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{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.lightbox-dl,.lightbox-rotate{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-xs);transition:background var(--transition-fast),border-color var(--transition-fast)}.lightbox-dl{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.lightbox-rotate{height:32px;justify-content:center;padding:0;width:32px}.lightbox-dl:hover,.lightbox-rotate: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;transform-origin:center center;transition:transform .16s ease;-webkit-user-select:none;user-select:none}.lightbox-img-quarter-turn{max-height:min(calc(88vh - 60px),calc(92vw - 64px));max-width:min(100%,calc(88vh - 96px))}.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)}.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;overflow-y:auto;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{display:block;margin-bottom:var(--spacing-sm)}.sidebar-section-label{border-bottom:1px solid var(--border-color);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;margin:var(--spacing-md) 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);text-transform:uppercase}.sidebar-section-label:first-child{margin-top:0}.sidebar-account-action{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.sidebar-nav-item{display:block;margin-bottom:var(--spacing-sm);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}}.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}.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);font-size:11px;height:18px;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:-6px;text-align:center;top:-4px}.email-drafts-badge,.phone-service-warning{border-radius:var(--radius-full);color:#fff;font-weight:700}.phone-service-warning{background-color:#c62828;font-size:.82rem;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)}.dev-suggestions-toggle{display:inline-block;position:relative}.dev-suggestions-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}.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)}.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)}.extension-install-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:25px;padding:5px;transition:color .3s ease}.extension-install-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}}.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:var(--spacing-sm)}.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%}.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:var(--spacing-lg);max-height:90vh;max-width:100%;padding:calc(var(--spacing-lg) + var(--spacing-xs))}.draggable-popup--managed-scroll .popup-content--managed-scroll{gap:0;max-height:none;padding:0}.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:move;display:flex;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;padding:var(--spacing-xs) 0}.drag-handle h3{font-size:var(--text-lg);margin:0;-webkit-user-select:none;user-select:none;width:100%}.draggable-popup{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;max-width:95vw;overflow:hidden;pointer-events:auto;position:fixed;top:0;transition:opacity var(--transition-fast),box-shadow var(--transition-fast);width:fit-content;z-index:1001}.draggable-popup--dragging{box-shadow:var(--shadow-xl)}.draggable-popup__header{background-color:var(--transparent-popup-header);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-sizing:border-box;cursor:move;flex-direction:row;overflow:hidden;padding:2px var(--spacing-lg) 0}.draggable-popup__header--stacked{flex-direction:column}.draggable-popup--minimized .draggable-popup__header{border-radius:var(--radius-lg)}.popup-header-top{align-items:center;display:flex;justify-content:space-between;min-width:0;width:100%}.draggable-popup__title{cursor:move;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-popup__body{background-color:var(--card-background);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:none;box-sizing:border-box;display:block;overflow:auto;overscroll-behavior:contain}.draggable-popup__body--stable-scroll{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.draggable-popup--minimized .draggable-popup__body{display:none}.popup-content--stable-scroll{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.draggable-popup__close:hover{color:var(--color-danger)}.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}.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}.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}.repair-workspace{padding-bottom:calc(var(--spacing-2xl)*3)}.repair-intake-header-button{white-space:nowrap}.repair-workspace button:is(.btn-primary,.btn-secondary,.btn-ghost,.btn-danger),.ticket-popup button:is(.btn-primary,.btn-secondary,.btn-ghost,.btn-danger),button.repair-intake-header-button{border-radius:var(--radius-sm);border-width:1px;box-shadow:none;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium,500);gap:var(--spacing-xs);line-height:1.35;padding:calc(var(--spacing-xs)*1.5) var(--spacing-md);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.repair-workspace button:is(.btn-secondary,.btn-ghost),.ticket-popup button:is(.btn-secondary,.btn-ghost){background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.repair-workspace button:is(.btn-secondary,.btn-ghost):hover:not(:disabled),.ticket-popup button:is(.btn-secondary,.btn-ghost):hover:not(:disabled){background:var(--color-surface-active);border-color:var(--color-border-strong)}.repair-workspace button.btn-primary,.ticket-popup button.btn-primary,button.repair-intake-header-button{background:var(--btn-primary-bg-soft);border-color:color-mix(in srgb,var(--btn-primary-border) 35%,var(--color-border));color:var(--btn-primary-border)}.repair-workspace button.btn-primary:hover:not(:disabled),.ticket-popup button.btn-primary:hover:not(:disabled),button.repair-intake-header-button:hover:not(:disabled){background:color-mix(in srgb,var(--btn-primary-bg) 18%,var(--color-surface));border-color:var(--btn-primary-border)}.repair-workspace .view-mode-buttons button.active{background:var(--btn-primary-bg-soft);border-color:color-mix(in srgb,var(--btn-primary-border) 35%,var(--color-border));color:var(--btn-primary-border)}.repair-workspace .view-mode-buttons button:not(.active){background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.repair-workspace .ticket-status-badge{border-width:1px;font-weight:500;font-weight:var(--font-weight-medium,500)}.repair-workspace .combined-view-button{gap:var(--spacing-xs)}.repair-workspace .ticket-actions{padding:var(--spacing-xs) 0}.repair-workspace .ticket-action-group:not(:last-child):after{content:none}.repair-workspace .repair-direct-actions button.btn-secondary{background:#0000;border-color:#0000;color:var(--color-text-secondary)}.repair-workspace button:disabled,.ticket-popup button:disabled{background:var(--color-surface-active);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.repair-workspace button:focus-visible,.ticket-popup button:focus-visible,button.repair-intake-header-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--spacing-xs)}@media (pointer:coarse){.repair-workspace button,.ticket-popup button,button.repair-intake-header-button{min-height:calc(var(--spacing-lg)*2.75)}}.repair-intake-header-button kbd,.repair-shortcut-bar kbd,.repair-workspace kbd,.ticket-popup kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:var(--text-xs);line-height:1;padding:var(--spacing-xs);white-space:nowrap}.repair-intake-controls{display:flex;gap:var(--spacing-sm);order:2}.repair-workspace .create-ticket-header{flex-wrap:wrap;gap:var(--spacing-md)}.repair-workspace .create-ticket-container{margin-bottom:var(--spacing-lg);padding:0}.repair-workspace .view-mode-buttons{flex-wrap:wrap}.repair-workspace .ticket-view-btn-secondary{width:auto}.repair-search-scope{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-sm)}.repair-search-scope select{width:auto}.repair-shortcut-bar{--repair-shortcut-layer:10000;align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:var(--spacing-lg);inset:auto 0 0;padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom));position:fixed;z-index:var(--repair-shortcut-layer)}.repair-shortcut-bar>div{display:flex;flex:1 1;gap:var(--spacing-lg);overflow-x:auto}.repair-shortcut-bar button,.repair-shortcut-bar span{flex-shrink:0;white-space:nowrap}.repair-shortcut-bar button{font-size:var(--text-xs);padding:0}.repair-shortcut-bar--case,.repair-shortcut-bar--dialog{pointer-events:none}body:has(.repair-workspace) .draggable-popup{max-height:calc(100dvh - var(--spacing-2xl)*3)}.repair-shortcut-help{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:auto 1fr;padding:var(--spacing-lg)}.repair-workspace .ticket-title:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--spacing-xs)}.repair-workspace .ticket-item:focus-within{box-shadow:0 0 0 2px var(--color-primary)}.repair-workspace .ticket-list .ticket-item:not(:focus-within){box-shadow:var(--shadow-sm)}.repair-workspace .ticket-list .ticket-item{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.repair-workspace .ticket-item.paid-priority{background:var(--color-surface)}.repair-workspace .ticket-item.paid-priority:before{content:none}.repair-workspace .ticket-item.paid-priority .ticket-line,.repair-workspace .ticket-item.paid-priority .ticket-status,.repair-workspace .ticket-item.paid-priority .ticket-title span{color:var(--color-text)}.repair-workspace .parts-arrived-badge,.repair-workspace .unseen-count{animation:none}.repair-workspace .repair-priority-badge,.repair-workspace .repair-problem-badge{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.repair-rename-button{margin-left:var(--spacing-xs);min-width:auto;padding:var(--spacing-xs)}.repair-next-action{color:var(--color-text);font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.repair-next-action span{color:var(--color-text-secondary);font-weight:400;font-weight:var(--font-weight-normal,400)}.repair-workspace--rows .ticket-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.repair-workspace--rows .ticket-item{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) minmax(15rem,24rem);padding:var(--spacing-md)}.repair-workspace--rows .ticket-info{align-content:start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-lg);justify-content:flex-start;min-width:0}.repair-workspace--rows .ticket-info>.ticket-title{flex:1 1 18rem;font-size:var(--text-lg);order:-3;padding:0;text-align:left}.repair-workspace--rows .repair-next-action{flex-basis:100%;order:-1}.repair-workspace--rows .ticket-line{justify-content:flex-start;text-align:left}.repair-workspace--rows .ticket-status{flex:0 1 auto;order:-2}.repair-workspace--rows .ticket-actions{align-content:center;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.repair-workspace--rows .ticket-actions button{font-size:var(--text-sm);margin:0}.repair-workspace--rows .ticket-description-card{background:none;border:0;box-shadow:none;flex-basis:100%;margin:0;padding:var(--spacing-xs) 0}.repair-workspace--rows .ticket-description-text{margin:0}.repair-workspace--rows .ticket-info>.ticket-line:last-child{color:var(--color-text-secondary);font-size:var(--text-sm)}.repair-workspace .ticket-action-group{flex-wrap:wrap}.repair-direct-actions{display:flex;flex-wrap:wrap}.repair-document{padding:var(--spacing-lg)}.repair-document[hidden]{display:none}.repair-document textarea{box-sizing:border-box;font-size:var(--text-base);line-height:1.6;min-height:12rem;resize:vertical;width:100%}.repair-document>label{font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold,600)}.repair-document>p{color:var(--color-text-secondary)}.repair-document-history{margin-top:var(--spacing-lg)}.repair-document pre,.repair-legacy-notes pre{font-family:inherit;overflow-wrap:anywhere;white-space:pre-wrap}.repair-legacy-notes{margin:var(--spacing-lg)}.repair-legacy-notes article{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.ticket-popup .repair-case-overview{font-size:var(--text-sm);padding:var(--spacing-md) 0}.repair-case-navigation{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:0}.ticket-popup .repair-case-navigation button{font-size:var(--text-xs)}.ticket-popup .repair-case-metadata{background:#0000;border:0;border-top:1px solid var(--color-border);box-shadow:none;margin:0}.ticket-popup .repair-case-metadata>summary{background:#0000;cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-md) 0}.repair-case-overview-heading{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.ticket-popup .repair-case-overview h2{font-size:var(--text-xl);line-height:1.3;margin:var(--spacing-xs) 0;overflow-wrap:anywhere;text-align:left}.ticket-popup .repair-case-overview h3{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;margin:0 0 var(--spacing-sm);text-align:left}.ticket-popup .repair-case-overview p{font-size:var(--text-sm);line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.ticket-popup .repair-case-overview .repair-case-status{color:var(--color-text-secondary);font-size:var(--text-xs)}.repair-case-shelf{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.repair-case-shelf span{color:var(--color-text-secondary);font-size:var(--text-xs)}.repair-case-shelf strong{font-size:var(--text-lg)}.repair-case-context{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin:var(--spacing-sm) 0 var(--spacing-lg)}.ticket-popup .repair-case-context button{font-size:var(--text-xs);margin-left:auto}.repair-case-quick-facts{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin:0 0 var(--spacing-lg);padding:var(--spacing-md)}.repair-case-quick-facts legend{font-size:var(--text-xs);font-weight:600;padding:0 var(--spacing-xs)}.repair-case-quick-facts legend span{color:var(--color-text-secondary);font-weight:400;margin-left:var(--spacing-sm)}.ticket-popup .repair-case-quick-facts label{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin:0;padding:var(--spacing-xs) 0}.ticket-popup .repair-case-quick-facts input{accent-color:var(--color-primary);height:var(--spacing-md);margin:0;width:var(--spacing-md)}.repair-case-quick-facts:disabled{opacity:.65}.repair-case-summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:var(--spacing-lg) 0}.repair-case-summary-grid>section{border-top:1px solid var(--color-border);min-width:0;padding-top:var(--spacing-md)}.ticket-popup .repair-case-overview .repair-case-device{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:var(--spacing-sm)}@media (max-width:650px){.repair-case-summary-grid{grid-template-columns:minmax(0,1fr)}.repair-case-context{align-items:flex-start;flex-direction:column}.ticket-popup .repair-case-context button{margin-left:0}}.repair-estimated-days{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-right:auto}.repair-estimated-days input{max-width:10rem}@media (max-width:800px){.repair-workspace--rows .ticket-item{grid-template-columns:minmax(0,1fr)}.repair-workspace--rows .ticket-actions{justify-content:flex-start}.repair-intake-controls{width:100%}}.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:flex-start;border-radius:var(--radius-sm);display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 12px;justify-content:center;overflow:visible;padding:10px 0}.ticket-actions button{flex:0 0 auto;max-width:100%;white-space:nowrap}.ticket-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-width:0;overflow:visible;position:relative}.ticket-action-group:not(:last-child):after{background-color:var(--border-color);content:"";height:24px;margin-left:10px;width:1px}.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.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}.ticket-price-request-section{border:1px solid var(--color-primary)}@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:color-mix(in srgb,var(--validation-warning-border) 10%,#0000);border-color:var(--validation-warning-border);border-left-width:4px}.ticket-description-card.missing-equipment-card .ticket-description-text strong{color:var(--validation-warning-text)}.ticket-assistant-warning{border-radius:var(--radius-full);margin:var(--spacing-sm) var(--spacing-md) var(--spacing-lg) var(--spacing-sm);max-width:fit-content;padding:var(--spacing-sm) var(--spacing-md)}.ticket-assistant-warning .validation-warning-header{margin-bottom:0}@media (max-width:768px){.ticket-assistant-warning{border-radius:var(--radius-lg);margin-right:var(--spacing-sm);max-width:100%}}.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.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:color-mix(in srgb,var(--validation-warning-border) 15%,#0000);border-left:4px solid var(--validation-warning-border)}.missing-equipment-popup-body{padding:var(--spacing-md)}.missing-equipment-current-reason,.missing-equipment-popup-copy{margin-bottom:var(--spacing-md)}.missing-equipment-current-reason{background-color:var(--color-background);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.missing-equipment-reason-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);resize:vertical;width:100%}.missing-equipment-popup-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md)}.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.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)}}@keyframes ticket-group-highlight{0%,to{background-color:initial}50%{background-color:#3b82f61a;background-color:var(--color-primary-light,#3b82f61a)}}@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}.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-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ticket-popup-diagnosis-section:has(.section-content.open){max-height:78vh}.ticket-popup-diagnosis-section .section-content.open{max-height:72vh;padding-top:0}.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-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}.editable-field-input--shelf{width:38px}.editable-field-trigger{cursor:pointer}.editable-field-trigger--strong{font-weight:600}.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%}.ticket-search-wrapper>input{padding-right:var(--spacing-2xl)}.ticket-search-clear{align-items:center;background:#0000;border:0;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);height:var(--spacing-xl);justify-content:center;padding:0;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:var(--spacing-xl);z-index:2}.ticket-search-clear:focus-visible,.ticket-search-clear:hover{background:var(--color-surface-active);color:var(--color-text)}.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)}.repair-input-top{margin-top:var(--spacing-xs);width:100%}.pagination-input{margin-left:var(--spacing-sm);width:60px}.pagination button{font-size:var(--text-sm)}.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-desktop-fee-notice{font-size:var(--text-sm);line-height:1.4;margin:0}.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{gap:10px;justify-content:center;margin-top:20px}.computer-item,.pagination{align-items:center;display:flex}.computer-item{border-bottom:1px solid var(--border-color);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){.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-actions{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.ticket-actions [class*=btn-]{max-width:100%;min-height:35px;min-width:auto}.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)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.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}.change-status-popup{max-width:min(720px,95vw);width:720px}.change-status-content{gap:var(--spacing-md)}.status-change-summary{grid-gap:var(--spacing-md);align-items:center;display:grid;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.status-change-summary>div,.status-change-summary>label{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.status-change-summary svg{color:var(--color-text-secondary);flex-shrink:0}.status-change-label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.status-change-issue{margin-bottom:0}.status-change-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.status-change-section h4{font-size:var(--text-base);margin:0}.status-change-action-list,.status-change-fix-item,.status-change-fix-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-change-fix-item{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.status-change-fix-item:first-child{border-top:none;padding-top:0}.status-change-fix-item .custom-checkbox span{display:flex;flex-direction:column;gap:2px;line-height:1.35}.status-change-fix-item small{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:400}.status-change-fix-inputs,.status-change-input-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-change-input-field span{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.status-change-input-field input,.status-change-input-field textarea{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-color);font:inherit;padding:var(--spacing-sm);width:100%}.status-change-action-list button{align-items:center;display:inline-flex;gap:var(--spacing-xs);justify-content:center}@media (max-width:700px){.status-change-summary{grid-template-columns:1fr}.status-change-summary>svg{display:none}}.repair-closeout-choice-copy{margin-bottom:var(--spacing-md)}.repair-closeout-choice-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.diagnosis-popup .popup-header{align-items:center;border-bottom:1px solid var(--border-color);border-color:var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:1}.diagnosis-popup .popup-header h3{color:var(--color-text);font-size:var(--text-lg);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}.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:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-default);color:var(--color-text);display:flex;flex-direction:column;font-size:var(--text-sm);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 .popup-content--managed-scroll{gap:0;max-height:none;padding:0}.diagnosis-popup-scroll-body,.diagnosis-popup-shell{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.diagnosis-popup-scroll-body{gap:var(--spacing-lg)}.diagnosis-popup-content-with-rail{min-height:0}.diagnosis-popup-footer{background-color:var(--card-background)}.diagnosis-popup-footer button{min-width:120px}.diagnosis-popup-layout{align-items:flex-start;display:flex;gap:var(--spacing-lg);min-height:0}.diagnosis-popup-layout--rail-collapsed{gap:0}.diagnosis-popup-main{flex:1 1;gap:var(--spacing-lg);min-height:0}.diagnosis-popup-main,.diagnosis-popup-rail{display:flex;flex-direction:column;min-width:0}.diagnosis-popup-rail{flex-shrink:0;max-height:calc(90vh - 140px);position:sticky;top:var(--spacing-md)}.diagnosis-popup-prototype{max-width:1320px;min-width:980px}.diagnosis-popup-embedded{background:#0000;border-radius:0;box-shadow:none;max-height:none;max-width:none;min-width:0;overflow:visible;width:100%;z-index:auto}.diagnosis-popup-embedded .popup-body{padding:0}.diagnosis-popup-embedded .diagnosis-popup-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:var(--spacing-md) 0 0}.diagnosis-popup-embedded .diagnosis-popup-scroll-body{gap:var(--spacing-md)}.diagnosis-popup-prototype .popup-content{gap:var(--spacing-lg)}.diagnosis-popup-prototype--chat-expanded{max-width:1480px}.diagnosis-popup-prototype--chat-expanded .diagnosis-popup-layout{flex-direction:column}.diagnosis-popup-prototype--chat-expanded .diagnosis-popup-main,.diagnosis-popup-prototype--chat-expanded .diagnosis-popup-rail,.diagnosis-popup-prototype--chat-expanded .diagnosis-popup-rail--expanded{width:100%}.diagnosis-popup-prototype--chat-expanded .diagnosis-popup-rail{order:-1}.diagnosis-popup-rail--expanded{width:360px}.diagnosis-popup-rail--collapsed{width:92px}.diagnosis-popup-prototype .diagnosis-popup-rail--collapsed{overflow:hidden;width:0}.diagnosis-prototype-rail-shell{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);min-height:0}.diagnosis-prototype-rail-shell.is-collapsed{align-items:stretch}.diagnosis-prototype-rail-empty{margin-bottom:0}.diagnosis-prototype-rail-summary{border:1px solid var(--color-border);margin-bottom:0;min-width:0;width:100%}.diagnosis-prototype-rail-summary-card{display:flex;flex:0 0 auto;flex-direction:column}.diagnosis-prototype-rail-summary-header{grid-column-gap:var(--spacing-md);grid-row-gap:var(--spacing-sm);align-items:flex-start;column-gap:var(--spacing-md);display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;row-gap:var(--spacing-sm);width:100%}.diagnosis-prototype-rail-summary-heading{grid-gap:var(--spacing-xs);align-self:stretch;display:grid;gap:var(--spacing-xs);grid-auto-flow:row;min-width:0}.diagnosis-prototype-rail-summary-actions{align-self:start;justify-content:flex-end;justify-self:end;min-width:0}.diagnosis-prototype-rail-summary-title{color:var(--color-text);font-size:var(--text-base);line-height:1.3;margin:0;min-width:0;overflow-wrap:anywhere}.diagnosis-prototype-rail-summary-subtitle{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.4;margin:0;min-width:0}.diagnosis-prototype-rail-summary-action{flex:0 1 auto;max-width:100%;white-space:normal}.diagnosis-prototype-rail-summary-body{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.diagnosis-prototype-rail-summary-stats{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);min-width:0}.diagnosis-prototype-rail-summary-row{grid-gap:var(--spacing-sm);align-items:flex-start;display:grid;font-size:var(--text-sm);gap:var(--spacing-sm);grid-template-columns:minmax(0,1fr) auto}.diagnosis-prototype-rail-summary-row span{color:var(--color-text-secondary);flex:0 1 auto}.diagnosis-prototype-rail-summary-row strong{color:var(--color-text);min-width:0;overflow-wrap:anywhere;text-align:right}.diagnosis-prototype-rail-summary-description{color:var(--color-text);font-size:var(--text-sm);line-height:1.5;margin:var(--spacing-sm) 0 0;overflow-wrap:anywhere}.diagnosis-popup-prototype .diagnosis-prototype-rail-shell>.ai-diagnosis-container--rail{flex:1 1 auto;max-height:none;min-height:0}.diagnosis-popup-prototype .diagnosis-prototype-rail-shell>.ai-diagnosis-container--rail .ai-chat-messages{min-height:0}.diagnosis-popup-prototype--chat-expanded .diagnosis-prototype-rail-shell{gap:var(--spacing-lg)}.diagnosis-popup-prototype--chat-expanded .diagnosis-prototype-rail-empty,.diagnosis-popup-prototype--chat-expanded .diagnosis-prototype-rail-summary{max-width:100%}@media (max-width:1199px){.diagnosis-popup-prototype{max-width:1100px;min-width:0}.diagnosis-popup-layout{align-items:stretch;flex-direction:column}.diagnosis-popup-main{flex:0 0 auto;width:100%}.diagnosis-popup-rail,.diagnosis-popup-rail--collapsed,.diagnosis-popup-rail--expanded{flex:0 0 auto;position:static;top:auto;width:100%}}.diagnosis-popup .checkbox-group{background:#0000;border:0;border-bottom:1px solid var(--color-border);border-radius:0;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 0 var(--spacing-lg);position:relative}.diagnosis-popup .checkbox-group--with-assistant-toggle{padding-right:calc(var(--spacing-2xl) + var(--spacing-xl))}.diagnosis-popup .checkbox-group--with-assistant-status{gap:var(--spacing-md)}.diagnosis-popup-card-toggle{position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.diagnosis-popup-card-status{padding-right:calc(var(--spacing-2xl) + var(--spacing-xl))}.diagnosis-prototype-card-toggle-button{box-shadow:var(--shadow-sm)}.diagnosis-prototype-card-toggle-button svg{font-size:var(--text-base)}.diagnosis-prototype-inline-status,.diagnosis-prototype-rail-live-status{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);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.diagnosis-prototype-inline-status-text,.diagnosis-prototype-rail-live-status span{color:var(--color-text-secondary);flex:1 1 180px;font-size:var(--text-sm);line-height:1.5;min-width:0;overflow-wrap:anywhere}.diagnosis-prototype-inline-status-action,.diagnosis-prototype-rail-live-status-action{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--spacing-xs)}@media (max-width:1199px){.diagnosis-prototype-rail-summary-header{grid-template-columns:minmax(0,1fr)}.diagnosis-prototype-rail-summary-actions{justify-content:stretch;justify-self:stretch;width:100%}.diagnosis-prototype-rail-summary-action{width:100%}}.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-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:var(--color-surface);border:1px solid var(--border-color);border-color:var(--color-border);border-radius:var(--radius-md);padding:12px;transition:box-shadow .2s ease}.diagnosis-popup .part-entry:hover{box-shadow:none}.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)}.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 .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-footer{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.diagnosis-popup-footer button{width:100%}.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 .diagnosis-alternative-card>.collapsible-content.open{max-height:none;overflow:visible}.diagnosis-popup .completed-checkbox,.diagnosis-popup .mandatory-checkbox{white-space:nowrap}.diagnosis-popup .completed-checkbox input:checked+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-list{display:flex;flex-direction:column;gap:8px}.model-grid{grid-gap:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:10px;grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto;padding:10px}.computers-form .form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.computers-list h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 8px}.computer-entries{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.computer-item{background-color:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-default);padding:12px;transition:transform .2s ease}.computer-content strong{color:var(--text-color);font-size:14px;font-weight:600}.computer-meta{color:#6b7280;font-size:12px;margin-bottom:8px}.computer-content ul{list-style:disc;margin:8px 0;padding-left:20px}.computer-content [class*=btn-]{font-size:13px;margin-top:8px;padding:6px 12px}.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}.ai-actions{flex-wrap:wrap}.diagnosis-popup-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.diagnosis-form-field{margin-bottom:var(--spacing-md)}.diagnosis-full-width{width:100%}.diagnosis-textarea-md{height:100px;width:100%}.diagnosis-mb-md{margin-bottom:var(--spacing-md)}.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: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-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)}@media (max-width:768px){.ai-actions{flex-direction:column}.ai-actions button{width:100%}}.diagnosis-success-msg{color:var(--color-success);margin-bottom:var(--spacing-md)}.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%}.section-description{margin:0 0 12px}.section-description,.unit{color:var(--text-secondary);font-size:13px}.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-price{color:var(--primary-color);font-weight:600;margin-left:auto}.warning-text{color:#d97706;font-weight:500}.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-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;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background var(--transition-fast);width:100%}.part-search-item:hover{background:var(--secondary-background)}.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-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)}:where(.diagnosis-popup-shell) .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}:where(.diagnosis-popup-shell) .group-header .checkbox-label{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);white-space:nowrap}:where(.diagnosis-popup-shell) .group-header .checkbox-label input[type=checkbox]{height:16px;width:16px}:where(.diagnosis-popup-shell) .group-alternatives{display:flex;flex-direction:column;gap:var(--spacing-sm)}:where(.diagnosis-popup-shell) .independent-alternatives{border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);min-height:100px;padding:var(--spacing-md);transition:border-color .2s ease,background-color .2s ease}:where(.diagnosis-popup-shell) .independent-alternatives.drag-over{background-color:#3b82f60d;background-color:rgba(var(--color-primary-rgb,59,130,246),.05);border-color:var(--color-primary)}:where(.diagnosis-popup-shell) .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){:where(.diagnosis-popup-shell) .group-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.group-name-input{min-width:100%}:where(.diagnosis-popup-shell) .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}:where(.diagnosis-popup-shell) .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}.diagnosis-device-guidance{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.diagnosis-alternative-computer{grid-gap:var(--spacing-sm);background:#0000;border:0;display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:0}.diagnosis-alternative-computer-heading>div{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.diagnosis-alternative-computer-heading .form-label{font-size:var(--text-sm);font-weight:600;margin:0}.diagnosis-alternative-computer-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.diagnosis-computer-popup{max-width:100%;width:min(620px,calc(100vw - var(--spacing-xl)*2))}.diagnosis-computer-popup-body{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.diagnosis-computer-popup-intro{grid-gap:var(--spacing-xs);color:var(--color-text-secondary);display:grid;gap:var(--spacing-xs)}.diagnosis-computer-popup-intro strong{color:var(--color-text);font-size:var(--text-lg)}.diagnosis-computer-existing{grid-gap:var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-sm);padding:var(--spacing-md)}.diagnosis-computer-existing .form-label{margin:0}.diagnosis-computer-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.diagnosis-computer-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.diagnosis-computer-chip svg{color:var(--color-success)}.diagnosis-computer-fields{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}@media (max-width:640px){.diagnosis-computer-popup{width:calc(100vw - var(--spacing-md)*2)}}.diagnosis-computer-entry{--diagnosis-computer-options-z-index:2;font-size:var(--text-sm);min-width:0}.diagnosis-computer-entry-control{position:relative}.diagnosis-computer-entry-field{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.diagnosis-computer-entry-field:focus-within{border-color:var(--color-primary)}.diagnosis-computer-entry-chip{background:var(--color-surface-hover);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);line-height:1.4;overflow-wrap:anywhere;padding:var(--spacing-xs) var(--spacing-sm)}.diagnosis-computer-entry .diagnosis-computer-entry-field input,.diagnosis-computer-entry .diagnosis-computer-entry-field input:focus,.diagnosis-computer-entry .diagnosis-computer-entry-field input:focus-visible{background:#0000;border:0;border-radius:0;box-shadow:none;color:var(--color-text);flex:1 1;font:inherit;line-height:1.4;margin:0;min-width:8ch;outline:none;padding:var(--spacing-xs);width:0}.diagnosis-computer-entry .diagnosis-computer-entry-field button.diagnosis-computer-picker{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-secondary);display:inline-flex;flex:0 0 auto;font-size:var(--text-xs);gap:var(--spacing-sm);height:auto;margin:0;min-height:0;padding:var(--spacing-xs);width:auto}.diagnosis-computer-entry .diagnosis-computer-entry-field button.diagnosis-computer-picker:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.diagnosis-computer-entry .diagnosis-computer-picker .repair-popup-key{margin-left:0}.diagnosis-computer-entry>.diagnosis-alternative-computer-hint{display:block;margin-top:var(--spacing-xs)}.diagnosis-computer-entry-options{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);left:0;list-style:none;margin:0;max-height:calc(var(--spacing-xl)*10);overflow-y:auto;padding:var(--spacing-xs);position:absolute;right:0;top:calc(100% + var(--spacing-xs));z-index:var(--diagnosis-computer-options-z-index)}.diagnosis-computer-entry-options [role=option]{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);line-height:1.4;padding:var(--spacing-sm)}.diagnosis-computer-entry-options [aria-selected=true],.diagnosis-computer-entry-options [role=option]:hover{background:var(--color-surface-hover)}.diagnosis-popup .diagnosis-popup-footer,.diagnosis-popup .popup-actions{background:var(--color-surface);border-color:var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md)}.diagnosis-popup :is(.form-label,.form-column label){font-size:var(--text-sm);font-weight:600}.diagnosis-popup :is(.form-input,.form-select,.form-textarea,.form-column input,.form-column select){background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text);font-size:var(--text-sm)}.diagnosis-popup :is(.form-input,.form-select,.form-textarea,.form-column input,.form-column select):focus{border-color:var(--color-primary)}.diagnosis-popup :is(.part-entry.nested-part,.description-entry){background:var(--color-surface-active);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--spacing-md)}.diagnosis-popup .diagnosis-alternative-group{border:1px solid var(--color-border);border-left:var(--spacing-xs) solid var(--color-primary);border-radius:var(--radius-md)}.diagnosis-popup .independent-alternatives{background:var(--color-surface-active);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--spacing-md)}.diagnosis-popup :is(.diagnosis-alternative-group,.independent-alternatives).drag-over{background:var(--color-surface-hover);border-color:var(--color-primary)}@media (pointer:coarse){.diagnosis-computer-entry .diagnosis-computer-entry-field button.diagnosis-computer-picker{justify-content:center;min-height:calc(var(--spacing-xl) + var(--spacing-lg) + var(--spacing-xs));min-width:calc(var(--spacing-xl) + var(--spacing-lg) + var(--spacing-xs))}}.diagnosis-popup .diagnosis-alternative-card{background:var(--color-surface);border-color:var(--color-border-strong)}.diagnosis-popup .diagnosis-alternative-card:focus,.draggable-popup[data-diagnosis-escape-closes]:focus{outline:var(--spacing-xs) solid var(--color-primary);outline-offset:var(--spacing-xs)}.draggable-popup[data-diagnosis-escape-closes=true]>.popup-header .draggable-popup__close{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.draggable-popup[data-diagnosis-escape-closes=false]>.popup-header .draggable-popup__close{color:var(--color-text)}.diagnosis-shortcut{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-family:inherit;font-size:var(--text-xs);font-weight:400;margin-left:var(--spacing-xs);padding:0 var(--spacing-xs)}[data-repair-keyboard] .diagnosis-popup :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus-visible{border-color:var(--color-primary);box-shadow:none;outline:none}.mersalg-popup-tech{max-height:85vh;max-width:600px;min-width:400px;overflow-y:auto;width:500px}:where(.mersalg-popup-tech) .mersalg-tech-content{display:flex;flex-direction:column;gap:20px}:where(.mersalg-popup-tech) .range-slider{align-items:center;display:flex;flex:1 1;height:20px;min-width:0;position:relative;width:100%}:where(.mersalg-popup-tech) .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%}:where(.mersalg-popup-tech) .range-highlight{background:var(--color-info);border-radius:6px;height:100%;position:absolute}:where(.mersalg-popup-tech) .range-input{appearance:none;background:#0000;height:28px;margin:0;outline:none;pointer-events:none;position:absolute;top:0;width:100%}:where(.mersalg-popup-tech) .range-input:focus{outline:none}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .range-labels{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}:where(.mersalg-popup-tech) .step-indicator{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px;padding:12px 0}:where(.mersalg-popup-tech) .step-indicator-item{align-items:center;display:flex;flex-direction:column;gap:4px}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .step-indicator-item.active .step-indicator-dot{background:var(--color-info);border-color:var(--color-info);color:var(--btn-primary-text)}:where(.mersalg-popup-tech) .step-indicator-item.completed .step-indicator-dot{background:var(--color-success);border-color:var(--color-success);color:var(--btn-primary-text)}:where(.mersalg-popup-tech) .step-indicator-label{color:var(--text-secondary);font-size:12px}:where(.mersalg-popup-tech) .step-indicator-item.active .step-indicator-label{color:var(--primary-color);font-weight:500}:where(.mersalg-popup-tech) .step-indicator-line{background:var(--border-color);height:2px;margin-bottom:20px;width:40px}:where(.mersalg-popup-tech) .step-indicator-line.completed{background:var(--color-success)}:where(.mersalg-popup-tech) .section-title{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 8px}:where(.mersalg-popup-tech) .device-selector{margin-bottom:20px}:where(.mersalg-popup-tech) .device-selector-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}:where(.mersalg-popup-tech) .device-selector-field{display:flex;flex-direction:column;gap:6px}:where(.mersalg-popup-tech) .device-selector-field label{color:var(--text-color);font-size:13px;font-weight:500}:where(.mersalg-popup-tech) .input-with-button{display:flex;gap:6px}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .disassembly-selector{margin-bottom:16px}:where(.mersalg-popup-tech) .disassembly-cards{display:flex;gap:12px}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .disassembly-card:hover{background:var(--secondary-background);border-color:var(--primary-color)}:where(.mersalg-popup-tech) .disassembly-card.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .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)}:where(.mersalg-popup-tech) .disassembly-card-content{display:flex;flex-direction:column;gap:2px}:where(.mersalg-popup-tech) .disassembly-card-title{color:var(--text-color);font-size:13px;font-weight:600}:where(.mersalg-popup-tech) .disassembly-card-description{color:var(--text-secondary);font-size:11px}:where(.mersalg-popup-tech) .disassembly-card-detail{color:var(--primary-color);font-size:10px;font-weight:500}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .disassembly-radio.checked{background:var(--color-info);border-color:var(--color-info);color:var(--btn-primary-text)}:where(.mersalg-popup-tech) .step-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .device-info-banner .device-label{color:var(--text-secondary);font-size:13px}:where(.mersalg-popup-tech) .device-info-banner .device-name{color:var(--text-color);font-weight:600}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .upgrade-accordions{display:flex;flex-direction:column;gap:12px}:where(.mersalg-popup-tech) .accordion-upgrade-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}:where(.mersalg-popup-tech) .accordion-upgrade-card.enabled{border-color:var(--primary-color)}:where(.mersalg-popup-tech) .accordion-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s ease}:where(.mersalg-popup-tech) .accordion-header:hover{background:var(--secondary-background)}:where(.mersalg-popup-tech) .accordion-icon{align-items:center;background:var(--secondary-background);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}:where(.mersalg-popup-tech) .accordion-upgrade-card.enabled .accordion-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff}:where(.mersalg-popup-tech) .accordion-info{flex:1 1;min-width:0}:where(.mersalg-popup-tech) .accordion-info h4{color:var(--text-color);font-size:15px;font-weight:600;margin:0 0 2px}:where(.mersalg-popup-tech) .accordion-info p{color:var(--text-secondary);font-size:12px;margin:0}:where(.mersalg-popup-tech) .accordion-status{color:var(--primary-color);display:block;font-size:11px;font-weight:500;margin-top:4px}:where(.mersalg-popup-tech) .accordion-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}:where(.mersalg-popup-tech) .accordion-toggle-switch{display:inline-block;height:24px;position:relative;width:44px}:where(.mersalg-popup-tech) .accordion-toggle-switch input{height:0;opacity:0;width:0}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .accordion-toggle-switch input:checked+.toggle-slider:before{background-color:var(--color-surface);border-color:var(--color-border);transform:translateX(20px) translateY(-50%)}:where(.mersalg-popup-tech) .accordion-expand-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}:where(.mersalg-popup-tech) .accordion-expand-btn:hover{color:var(--text-color)}:where(.mersalg-popup-tech) .accordion-content{background:var(--secondary-background);border-top:1px solid var(--border-color);padding:16px}:where(.mersalg-popup-tech) .config-section{display:flex;flex-direction:column;gap:14px}:where(.mersalg-popup-tech) .config-row{align-items:center;display:flex;gap:10px}:where(.mersalg-popup-tech) .config-row label{color:var(--text-color);font-size:13px;font-weight:500;min-width:100px}:where(.mersalg-popup-tech) .config-row-group{display:flex;gap:16px}:where(.mersalg-popup-tech) .config-row-group .config-row{flex:1 1}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .config-select.small{max-width:120px}:where(.mersalg-popup-tech) .config-input{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;padding:8px 12px}:where(.mersalg-popup-tech) .config-input.small{width:80px}:where(.mersalg-popup-tech) .info-box{background:rgba(var(--primary-rgb),.1);border-radius:var(--radius-sm);color:var(--text-color);font-size:13px;padding:10px 14px}:where(.mersalg-popup-tech) .parts-section{display:flex;flex-direction:column;gap:8px}:where(.mersalg-popup-tech) .parts-section>label{color:var(--text-color);font-size:13px;font-weight:500}:where(.mersalg-popup-tech) .part-row.no-default{background:#ffc1070d;border-color:#ffc1074d}:where(.mersalg-popup-tech) .part-info{align-items:center;display:flex;gap:12px}:where(.mersalg-popup-tech) .part-size{color:var(--text-color);font-weight:600;min-width:80px}:where(.mersalg-popup-tech) .part-stock{color:var(--text-secondary);font-size:12px}:where(.mersalg-popup-tech) .part-selector-row{align-items:center;display:flex;gap:10px}:where(.mersalg-popup-tech) .part-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1 1;font-size:12px;padding:6px 10px}:where(.mersalg-popup-tech) .missing-price-row{align-items:center;background:#ffc1071a;border-radius:var(--radius-sm);display:flex;font-size:12px;gap:8px;padding:8px 10px}:where(.mersalg-popup-tech) .price-input-small{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;padding:4px 8px;width:70px}:where(.mersalg-popup-tech) .work-price-row{border-top:1px solid var(--border-color);padding-top:12px}:where(.mersalg-popup-tech) .work-price-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;padding:6px 10px;width:80px}:where(.mersalg-popup-tech) .price-unit{color:var(--text-secondary);font-size:13px}:where(.mersalg-popup-tech) .price-preview{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}:where(.mersalg-popup-tech) .price-preview strong{display:block;font-size:13px;margin-bottom:8px}:where(.mersalg-popup-tech) .price-preview-grid{display:flex;flex-wrap:wrap;gap:8px}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .price-preview-item span:last-child{color:var(--primary-color);font-weight:600}:where(.mersalg-popup-tech) .cleaning-options{display:flex;flex-direction:column;gap:10px}:where(.mersalg-popup-tech) .cleaning-option-row{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}:where(.mersalg-popup-tech) .undervolting-toggle{align-items:center;cursor:pointer;display:flex;gap:12px}:where(.mersalg-popup-tech) .undervolting-toggle input[type=checkbox]{height:18px;width:18px}:where(.mersalg-popup-tech) .undervolting-toggle .option-icon{color:var(--color-warning);font-size:18px}:where(.mersalg-popup-tech) .undervolting-toggle .option-text{display:flex;flex:1 1;flex-direction:column}:where(.mersalg-popup-tech) .undervolting-toggle .option-text span:first-child{color:var(--text-color);font-weight:500}:where(.mersalg-popup-tech) .undervolting-toggle .option-description{color:var(--text-secondary);font-size:11px;margin-bottom:8px}:where(.mersalg-popup-tech) .undervolting-toggle .option-price{color:var(--primary-color);font-weight:600;margin-bottom:12px}:where(.mersalg-popup-tech) .price-summary-box{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}:where(.mersalg-popup-tech) .price-summary-box .price-row{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}:where(.mersalg-popup-tech) .price-summary-box .price-row.total{border-top:1px solid var(--border-color);font-weight:600;margin-top:6px;padding-top:10px}:where(.mersalg-popup-tech) .price-summary-box .price-row.total span:last-child{color:var(--primary-color);font-size:16px}:where(.mersalg-popup-tech) .mersalg-summary{display:flex;flex-direction:column;gap:20px}:where(.mersalg-popup-tech) .summary-upgrades{display:flex;flex-direction:column;gap:12px}:where(.mersalg-popup-tech) .summary-upgrade-item{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px}:where(.mersalg-popup-tech) .summary-upgrade-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}:where(.mersalg-popup-tech) .summary-upgrade-header .summary-icon{color:var(--primary-color);font-size:18px}:where(.mersalg-popup-tech) .summary-upgrade-header .summary-title{color:var(--text-color);font-weight:600}:where(.mersalg-popup-tech) .summary-details{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-bottom:8px}:where(.mersalg-popup-tech) .summary-prices{display:flex;flex-wrap:wrap;gap:8px}:where(.mersalg-popup-tech) .price-tag{background:var(--card-background);border-radius:var(--radius-xl);color:var(--text-color);font-size:12px;padding:4px 10px}:where(.mersalg-popup-tech) .personal-message-section{background:var(--secondary-background);border-radius:var(--radius-md);padding:16px}:where(.mersalg-popup-tech) .custom-message{display:flex;flex-direction:column;gap:6px}:where(.mersalg-popup-tech) .custom-message label{color:var(--text-color);font-size:13px;font-weight:500}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .sms-preview-section{background:var(--secondary-background);border-radius:var(--radius-md);padding:16px}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .summary-actions .btn-primary{align-items:center;display:flex;gap:8px}:where(.mersalg-popup-tech) .existing-mersalg-warning{padding:20px;text-align:center}:where(.mersalg-popup-tech) .existing-mersalg-warning .warning-icon{color:var(--color-warning);font-size:48px;margin-bottom:16px}:where(.mersalg-popup-tech) .existing-mersalg-warning p{color:var(--text-color);margin-bottom:20px}:where(.mersalg-popup-tech) .existing-mersalg-actions{display:flex;flex-direction:column;gap:10px}:where(.mersalg-popup-tech) .validation-tooltip-wrapper{display:inline-block;position:relative}:where(.mersalg-popup-tech) .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}:where(.mersalg-popup-tech) .validation-tooltip-wrapper:hover .validation-tooltip{opacity:1;visibility:visible}:where(.mersalg-popup-tech) .validation-tooltip:after{border:8px solid #0000;border-top-color:#fca5a5;content:"";position:absolute;right:24px;top:100%}:where(.mersalg-popup-tech) .validation-tooltip:before{border:7px solid #0000;border-top-color:#fef2f2;content:"";position:absolute;right:25px;top:100%;z-index:1}:where(.mersalg-popup-tech) .validation-tooltip-title{align-items:center;color:var(--color-danger-hover);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}:where(.mersalg-popup-tech) .validation-tooltip ul{color:#991b1b;font-size:12px;line-height:1.5;margin:0;padding-left:18px}:where(.mersalg-popup-tech) .validation-tooltip li{margin-bottom:4px}:where(.mersalg-popup-tech) .validation-tooltip li:last-child{margin-bottom:0}.split-ticket-popup{max-height:calc(100vh - var(--spacing-xl)*2);width:min(920px,calc(100vw - var(--spacing-xl)*2))}.split-ticket-body{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-lg)}.split-ticket-section{grid-gap:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;gap:var(--spacing-md);padding:var(--spacing-lg)}.split-ticket-create-actions,.split-ticket-heading,.split-ticket-task-actions,.split-ticket-task-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.split-ticket-heading h3,.split-ticket-heading p,.split-ticket-task h4{margin:0}.split-ticket-create-actions,.split-ticket-empty,.split-ticket-heading p,.split-ticket-task-header span{color:var(--color-text-secondary);font-size:var(--text-sm)}.split-ticket-computer-list,.split-ticket-task-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.split-ticket-computer,.split-ticket-task{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.split-ticket-computer.selected{background:rgba(var(--color-primary-rgb),.07);border-color:var(--color-primary)}.split-ticket-computer-choice{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm)}.split-ticket-computer-fields{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);margin-top:var(--spacing-md);padding-left:var(--spacing-xl)}.split-ticket-task{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.split-ticket-diagnosis-intro,.split-ticket-meta,.split-ticket-task-header>div,.split-ticket-task-header>div>span{align-items:center;display:flex;gap:var(--spacing-sm)}.split-ticket-task-header>div{align-items:flex-start;flex-direction:column}.split-ticket-meta{color:var(--color-text-secondary);flex-wrap:wrap;font-size:var(--text-sm)}.split-ticket-meta span:not(:last-child):after{content:"·";margin-left:var(--spacing-sm)}.split-ticket-status{align-items:center;background:var(--color-surface-active);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);width:fit-content}.ticket-status-badge.subticket-badge{background:rgba(var(--color-primary-rgb),.12);border-color:var(--color-primary);color:var(--color-primary)}.ticket-status-badge.subticket-badge--review{background:color-mix(in srgb,var(--color-warning) 14%,#0000);border-color:var(--color-warning);color:var(--color-warning-hover)}.split-ticket-status--in_progress{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.split-ticket-status--ready_for_review{background:color-mix(in srgb,var(--color-warning) 14%,#0000);color:var(--color-warning-hover)}.split-ticket-status--reviewed{background:color-mix(in srgb,var(--color-success) 14%,#0000);color:var(--color-success-hover)}.split-ticket-task-actions{justify-content:flex-start}.split-ticket-task-actions .btn-danger{margin-left:auto}.split-ticket-diagnosis-popup{max-height:calc(100vh - var(--spacing-xl)*2);width:min(1040px,calc(100vw - var(--spacing-xl)*2))}.split-ticket-diagnosis-intro{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg)}.split-ticket-diagnosis-intro strong{color:var(--color-text)}.split-ticket-diagnosis-editor .diagnosis-alternative-computer select{background:var(--color-surface-active);pointer-events:none}@media (max-width:700px){.split-ticket-create-actions,.split-ticket-heading,.split-ticket-task-header{align-items:stretch;flex-direction:column}.split-ticket-computer-fields{grid-template-columns:1fr;padding-left:0}}.diagnosis-subticket-source{align-items:center;background:var(--color-surface-active);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);width:fit-content}.ticket-popup-subticket-summary{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ticket-popup-subticket-summary>div{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs)}.ticket-popup-subticket-summary span{color:var(--color-text-secondary);font-size:var(--text-sm)}.diagnosis-subticket-source{flex:0 0 auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:700px){.ticket-popup-subticket-summary{align-items:stretch;flex-direction:column}}.email-container{color:var(--text-color);display:flex;flex-direction:column;gap:var(--spacing-lg);height:calc(100vh - 112px);min-height:0;overflow:hidden;padding:var(--spacing-sm) 0 0}.main-content:has(>.email-container){padding:28px 24px 24px}.email-client-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding-bottom:var(--spacing-md)}.email-client-title{min-width:0}.email-client-title h1{font-size:var(--text-2xl);line-height:1.2;margin:0}.email-client-title span{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);margin-top:var(--spacing-xs);max-width:min(56vw,760px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-client-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.email-client-shell{grid-gap:var(--spacing-lg);display:grid;flex:1 1 auto;gap:var(--spacing-lg);grid-template-columns:minmax(210px,250px) minmax(0,1fr);min-height:0;overflow:hidden}.email-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:0;overflow:hidden}.email-sidebar-section{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.email-sidebar-section:last-child{border-bottom:none}.email-sidebar-section-grow{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.email-sidebar-heading{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;margin-bottom:var(--spacing-sm);text-transform:uppercase}.email-sidebar-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.email-folder-list{min-height:0;overflow-y:auto}.email-sidebar-button{grid-gap:var(--spacing-sm);align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:grid;gap:var(--spacing-sm);grid-template-columns:24px minmax(0,1fr) auto;min-height:38px;padding:var(--spacing-sm);text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:100%}.email-sidebar-button:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.email-sidebar-button.active{background:var(--btn-secondary-bg-soft);border-color:var(--btn-secondary-border);color:var(--btn-secondary-border)}.email-sidebar-icon{color:inherit;display:inline-flex;justify-content:center}.email-sidebar-text{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-sidebar-text small{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis}.email-sidebar-count{align-items:center;background:var(--unseen-count-bg);border-radius:var(--radius-full);color:var(--unseen-count-text);display:inline-flex;font-size:var(--text-xs);font-weight:700;height:22px;justify-content:center;min-width:22px}.email-sidebar-muted{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--spacing-sm)}.email-main-panel{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(340px,420px) minmax(0,1fr);min-height:0;min-width:0;overflow:hidden}.email-list-panel,.email-reading-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:0;min-width:0;overflow:hidden}.email-list-panel{display:flex;flex-direction:column}.email-list-topbar{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)}.email-mailbox-title h2{font-size:var(--text-lg);line-height:1.2;margin:0}.email-mailbox-title span{color:var(--color-text-secondary);display:block;font-size:var(--text-xs);margin-top:2px}.email-list-controls{flex:0 0 auto}.email-sort-select{padding:6px 8px;width:132px}.email-search-row{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.email-search-wrapper{width:100%}.email-search-input-container{flex:1 1 auto;min-width:0}.email-search-icon{color:var(--color-text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.email-search-input-container .email-search-input{padding-left:32px;padding-right:34px;width:100%}.email-advanced-toggle{flex:0 0 auto;padding-inline:var(--spacing-md)}.email-advanced-search-panel{background:var(--color-surface-hover);border-radius:0;border-width:0 0 1px;box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;padding:var(--spacing-md)}.email-advanced-search-panel .advanced-search-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.email-advanced-search-panel .advanced-search-options{flex-wrap:wrap;justify-content:flex-start;min-width:0;width:100%}.email-advanced-search-panel .advanced-search-grid{grid-template-columns:minmax(0,1fr)}.email-advanced-search-panel .advanced-search-field,.email-advanced-search-panel .filter-input{min-width:0}.email-advanced-search-panel .search-presets{flex-wrap:wrap;gap:var(--spacing-sm)}.email-advanced-search-panel .search-presets-label{margin-right:0}.email-bulk-bar{align-items:center;border-bottom:0 solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:space-between;max-height:0;min-height:0;overflow:hidden;padding:0 var(--spacing-md);transition:max-height var(--transition-normal),padding var(--transition-normal),border-width var(--transition-normal)}.email-bulk-bar.visible{border-bottom-width:1px;max-height:58px;padding-block:var(--spacing-sm)}.email-select-page{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-sm)}.email-bulk-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.email-list-panel .email-list-stage{flex:1 1 auto;margin-bottom:0;min-height:0;overflow:hidden}.email-list-panel .email-list-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.email-list-panel .email-list-loading{background:color-mix(in srgb,var(--color-surface) 86%,#0000);border:none;border-radius:0}.email-search-history-item{background:#0000;border:none;color:var(--color-text);gap:var(--spacing-sm);text-align:left;width:100%}.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{display:flex!important;flex:1 1 auto;flex-direction:column!important;height:min(85vh,700px);max-height:85vh;max-width:92vw;min-height:0;overflow:hidden!important;width:min(92vw,1300px)}.email-ticket-draft-popup{max-height:88vh;overflow-y:auto;width:min(94vw,1200px)}.email-ticket-draft-intro{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) 0}.email-ticket-draft-intro p{color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.email-ticket-missing-info{flex:0 1 360px;margin:0}.email-ticket-missing-info ul{margin:var(--spacing-xs) 0 0;padding-left:var(--spacing-xl)}@media (max-width:768px){.email-ticket-draft-intro{flex-direction:column}.email-ticket-missing-info{flex-basis:auto;width:100%}}.email-popup .popup-content{box-sizing:border-box;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:hidden!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:1 1 auto;flex-direction:column;min-height:0;min-width: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);box-sizing:border-box;display:block;min-height:280px;width:100%}.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-group{display:flex;flex-direction:column}.filter-select{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);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}.email-message-list{flex:1 1 auto;margin:0;overflow-y:auto;padding:0}.email-list-load-status{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);justify-content:center;padding:var(--spacing-md)}.email-message-row.email-item{grid-gap:var(--spacing-sm);align-items:center;background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:none;display:grid;gap:var(--spacing-sm);grid-template-columns:20px 36px minmax(0,1fr);margin:0;padding:10px var(--spacing-md);transform:none}.email-message-row.email-item:hover{background:var(--color-surface-hover);box-shadow:none;transform:none}.email-message-row.email-item.unread{background:color-mix(in srgb,var(--unread-email-bg) 38%,var(--color-surface));border-left:3px solid var(--unread-email-border);padding-left:calc(var(--spacing-md) - 3px)}.email-message-row.email-item.active,.email-message-row.email-item.selected{background:var(--btn-secondary-bg-soft);border-left:3px solid var(--btn-secondary-border);padding-left:calc(var(--spacing-md) - 3px)}.email-message-row.email-item.active{box-shadow:inset 0 0 0 1px var(--btn-secondary-border)}.email-message-checkbox{accent-color:var(--button-background);height:16px;width:16px}.email-avatar{align-items:center;background:var(--color-surface-active);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:700;height:34px;justify-content:center;width:34px}.email-message-row.unread .email-avatar{background:var(--unread-email-border);color:var(--unseen-count-text)}.email-message-main{display:flex;flex-direction:column;gap:3px;min-width:0}.email-message-subject-line,.email-message-topline{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;min-width:0}.email-message-sender,.email-message-subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-message-sender{color:var(--color-text);font-weight:600}.email-message-row.unread .email-message-sender,.email-message-row.unread .email-message-subject{font-weight:700}.email-message-date{color:var(--color-text-muted);flex:0 0 auto;font-size:var(--text-xs)}.email-message-subject{color:var(--color-text)}.email-message-snippet{color:var(--color-text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-message-badges{align-items:center;display:inline-flex;flex:0 0 auto;gap:4px}.email-message-badge{align-items:center;background:var(--color-surface-active);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:.72rem;height:20px;justify-content:center;width:20px}.email-message-badge.success{background:var(--validation-success-bg);color:var(--validation-success-text)}.email-message-badge.danger{background:var(--validation-error-bg);color:var(--validation-error-text)}.email-message-badge.invoice,.email-message-badge.warning{background:var(--validation-warning-bg);color:var(--validation-warning-text)}.email-message-inline-actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--spacing-xs)}.email-message-quick-spam{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:24px;justify-content:center;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:24px}.email-message-quick-spam:focus-visible,.email-message-row:hover .email-message-quick-spam{opacity:1}.email-message-quick-spam:focus-visible,.email-message-quick-spam:hover{background:var(--validation-error-bg);border-color:var(--validation-error-border);color:var(--validation-error-text)}.email-empty-state{color:var(--color-text-secondary);margin:0;padding:var(--spacing-xl);text-align:center}.email-empty-state-large{align-items:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:360px}.email-empty-state-large svg{color:var(--color-text-muted);font-size:2rem}.email-reading-pane{background:var(--color-surface);display:flex;flex-direction:column}.email-reading-pane-empty{align-items:center;color:var(--color-text-secondary);gap:var(--spacing-md);justify-content:center;text-align:center}.email-reading-pane-empty svg{color:var(--color-text-muted);font-size:2.2rem}.email-reading-pane-empty h2{font-size:var(--text-lg);font-weight:600;margin:0}.email-reading-toolbar{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-md)}.email-reading-toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.email-reading-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.email-reading-header h2{font-size:var(--text-xl);line-height:1.3;margin:0}.email-reading-badges{margin-top:var(--spacing-sm)}.email-reading-meta-grid{grid-gap:6px var(--spacing-md);color:var(--color-text-secondary);display:grid;font-size:var(--text-sm);gap:6px var(--spacing-md);grid-template-columns:52px minmax(0,1fr);margin-top:var(--spacing-md)}.email-reading-meta-grid strong{color:var(--color-text);min-width:0;overflow-wrap:anywhere}.email-reading-loading{padding:var(--spacing-md) var(--spacing-lg) 0}.email-reading-error{background:var(--validation-error-bg);border:1px solid var(--validation-error-border);border-radius:var(--radius-md);color:var(--validation-error-text)}.email-reading-error,.email-reading-warning{font-size:var(--text-sm);margin:var(--spacing-md) var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-md)}.email-reading-warning{background:var(--validation-warning-bg);border:1px solid var(--validation-warning-border);border-radius:var(--radius-md);color:var(--validation-warning-text)}.email-reading-body.email-document{background:var(--color-surface);border:none;border-radius:0;flex:1 1 auto;margin:0;min-height:0;width:100%}.email-reading-empty{color:var(--color-text-secondary);font-style:italic}.email-reading-attachments{background:var(--color-surface-hover);border-top:1px solid var(--color-border);flex:0 0 auto;padding:var(--spacing-md) var(--spacing-lg)}.email-reading-attachments-heading{align-items:center;display:flex;font-size:var(--text-sm);font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.email-reading-attachments-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.email-reading-attachment{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:inline-grid;gap:var(--spacing-sm);grid-template-columns:18px minmax(0,1fr);max-width:280px;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.email-reading-attachment:hover{background:var(--color-surface-active);border-color:var(--button-background)}.email-reading-attachment span{display:flex;flex-direction:column;min-width:0}.email-reading-attachment small,.email-reading-attachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-reading-attachment small{color:var(--color-text-secondary)}.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);display:flex;flex-direction:column;min-height:0;overflow:hidden}.compose-popup .popup-content{max-height:86vh;width:min(860px,calc(100vw - 40px))}.compose-popup-content{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;position:relative}.compose-popup .error-message{color:var(--validation-error-text);font-size:var(--text-xs);margin:0}.compose-address-panel{background:var(--color-surface)}.compose-address-panel,.compose-field-row{border-bottom:1px solid var(--color-border)}.compose-field-row{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:64px minmax(0,1fr) auto;min-height:46px;padding:6px var(--spacing-md)}.compose-field-row:last-child{border-bottom:none}.compose-field-row label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:700}.compose-field-control{display:flex;flex-direction:column;gap:3px;min-width:0}.compose-popup .popup-input,.compose-popup .popup-select{background:#0000;border:none;border-radius:0;box-shadow:none;min-height:34px;padding:6px 0;width:100%}.compose-popup .popup-input:focus,.compose-popup .popup-select:focus{outline:none}.compose-field-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.compose-cc-toggle{justify-content:center;min-width:70px}.compose-editor-panel{background:var(--color-surface);max-height:min(48vh,520px);min-height:360px;overflow:hidden}.compose-editor-panel .custom-rich-text-editor{border:none;border-radius:0;display:flex;flex-direction:column;height:100%}.compose-editor-panel .custom-rich-text-editor .toolbar{background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.compose-editor-panel .custom-rich-text-editor .custom-editor{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg)}.compose-attachments-panel{background:var(--color-surface-hover);border-top:1px solid var(--color-border)}.compose-attachments-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;min-height:46px;padding:var(--spacing-sm) var(--spacing-md)}.compose-attachments-title{align-items:center;color:var(--color-text);display:inline-flex;font-weight:700;gap:var(--spacing-sm);min-width:0}.compose-attachments-title small{color:var(--color-text-secondary);font-weight:500}.compose-file-input{display:none}.compose-attachment-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md)}.compose-attachment-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:inline-grid;font-size:var(--text-sm);gap:var(--spacing-xs);grid-template-columns:18px minmax(0,1fr) auto 24px;max-width:280px;min-width:0;padding:6px 8px}.compose-attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attachment-size{color:var(--color-text-muted);font-size:var(--text-xs)}.compose-attachment-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:24px;justify-content:center;width:24px}.compose-attachment-remove:hover{background:var(--validation-error-bg);color:var(--validation-error-text)}.compose-attachments-empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:0 var(--spacing-md) var(--spacing-md)}.compose-action-bar{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.compose-action-status{color:var(--color-text-secondary);font-size:var(--text-sm)}.compose-action-buttons{align-items:center;display:flex;gap:var(--spacing-sm)}.compose-send-button{justify-content:center;min-width:112px}.compose-drop-overlay{align-items:center;animation:chat-drop-fade-in .15s ease-out;background:color-mix(in srgb,var(--color-surface) 88%,#0000);border:2px dashed var(--color-primary);border-radius:var(--radius-md);display:flex;inset:0;justify-content:center;position:absolute;z-index:30}.compose-drop-overlay-content{align-items:center;color:var(--color-primary);display:flex;flex-direction:column;font-size:var(--text-base);font-weight:700;gap:var(--spacing-sm)}.compose-drop-overlay-content svg{font-size:1.6rem}.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}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(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)}.share-popup-actions{gap:10px;justify-content:flex-end;margin-top:var(--spacing-lg)}.search-presets-label{color:#666;font-size:.85rem;margin-right:var(--spacing-md)}.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-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-client-shell,.email-main-panel{grid-template-columns:1fr}.email-container{height:auto;max-height:none;overflow:visible}.email-client-shell{min-height:0;overflow:visible}.email-sidebar{max-height:260px}.email-main-panel{min-height:720px;overflow:visible}.email-popup-content.with-ai-draft{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media (max-width:768px){.main-content:has(>.email-container){padding:0}.email-container{min-height:auto;padding:var(--spacing-sm)}.email-client-header{align-items:stretch;flex-direction:column}.email-client-title span{max-width:100%}.email-client-actions{justify-content:flex-start}.email-list-topbar,.email-reading-toolbar,.email-search-wrapper{align-items:stretch;flex-direction:column}.email-advanced-toggle,.email-sort-select{width:100%}.email-message-row.email-item{grid-template-columns:20px minmax(0,1fr)}.email-avatar{display:none}.email-message-subject-line,.email-message-topline{align-items:flex-start}.email-message-badges,.email-message-date{margin-left:auto}.email-reading-attachments,.email-reading-header{padding:var(--spacing-md)}.email-reading-meta-grid{grid-template-columns:1fr}.compose-popup .popup-content{width:calc(100vw - 18px)}.compose-field-row{align-items:stretch;gap:4px;grid-template-columns:1fr;padding-block:var(--spacing-sm)}.compose-cc-toggle{width:fit-content}.compose-editor-panel{max-height:44vh;min-height:320px}.compose-action-bar{align-items:stretch;flex-direction:column}.compose-action-buttons{flex-wrap:wrap;justify-content:flex-end}.compose-attachment-chip{max-width:100%}.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}}.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}.email-classification-legit{color:var(--color-success);margin-left:5px}.email-classification-spam{color:var(--color-danger);margin-left:5px}.ai-draft-content{margin-top:var(--spacing-sm);white-space:pre-wrap}.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-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)}}.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-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%}.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{font-size:14px;padding:8px 12px}.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}.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}.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;position:relative;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:timeline-active-breathe 2.4s ease-in-out infinite;background:var(--main-button-background);box-shadow:0 0 0 0 color-mix(in srgb,var(--main-button-background) 28%,#0000);color:#fff}@keyframes timeline-active-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--main-button-background) 28%,#0000);transform:scale(1)}50%{box-shadow:0 0 0 var(--spacing-sm) color-mix(in srgb,var(--main-button-background) 0,#0000);transform:scale(1.04)}}.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}@media (prefers-reduced-motion:reduce){.timeline-stage.active .timeline-icon{animation:none;box-shadow:0 0 0 var(--spacing-xs) color-mix(in srgb,var(--main-button-background) 18%,#0000);transform:none}}.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}}@media (max-width:768px){.approval-banner{padding:12px}.approval-banner-text{font-size:14px}}.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}.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-address-search-field{position:relative}.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)}.draggable-popup.repair-approval-dialog{--repair-approval-max-width:56rem;max-width:calc(100vw - var(--spacing-lg)*2);width:min(var(--repair-approval-max-width),calc(100vw - var(--spacing-lg)*2))}.repair-approval-dialog>.customer-response-popup{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.repair-approval-dialog .popup-actions{flex-wrap:wrap}:where(.customer-response-popup) .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}:where(.customer-response-popup) .alternatives-list h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 8px}.customer-response-popup .section-header{align-items:center;background-color:var(--secondary-background);border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 16px;transition:background-color var(--transition-normal)}.customer-response-popup .section-header:hover{background-color:var(--button-background);color:var(--button-text-color)}.customer-response-popup .section-header h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.customer-response-popup .section-subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 16px}:where(.customer-response-popup) .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}:where(.customer-response-popup) .base-fees-section{border-top:1px dashed var(--border-color);margin-top:16px;padding-top:8px}:where(.customer-response-popup) .base-fees-section .subtotal-row{border-top:none;margin-top:0;padding:8px 0}:where(.customer-response-popup) .base-fees-section .subtotal-row:first-child{padding-top:0}:where(.customer-response-popup) .fee-note{color:var(--text-muted);font-size:12px;font-style:italic;margin:8px 0 0;padding:0}:where(.customer-response-popup) .total-price{font-weight:700;margin-top:8px}:where(.customer-response-popup) .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}:where(.customer-response-popup) .total-price.grand-total .total-amount{color:var(--primary-color);font-size:22px;font-weight:700}:where(.customer-response-popup) .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}:where(.customer-response-popup) .customer-response-redesign .alternative-entry:hover{background:var(--secondary-background)}:where(.customer-response-popup) .customer-response-redesign .alternative-entry.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}:where(.customer-response-popup) .customer-response-redesign .alternative-entry.mandatory-alternative{background:#f59e0b0d;border-color:var(--color-warning)}:where(.customer-response-popup) .mandatory-alternative{opacity:.5;pointer-events:none}:where(.customer-response-popup) .mandatory-alternative span{color:var(--text-color);font-weight:500}:where(.customer-response-popup) .alternative-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}:where(.customer-response-popup) .alternative-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}:where(.customer-response-popup) .alternative-title{color:var(--text-color);font-weight:600}:where(.customer-response-popup) .alternative-computer-label{color:var(--color-text-muted);display:block;font-size:var(--text-xs);font-weight:600;line-height:1.3}:where(.customer-response-popup) .mandatory-badge{background:var(--color-warning);border-radius:8px;color:#fff;font-size:10px;padding:2px 6px;text-transform:uppercase}:where(.customer-response-popup) .customer-response-redesign .alternative-entry.completed-alternative{background:#22c55e0d;border-color:var(--color-success);cursor:default}:where(.customer-response-popup) .customer-response-redesign .alternative-entry.completed-alternative:hover{background:#22c55e14}:where(.customer-response-popup) .completed-badge{background:var(--color-success);border-radius:8px;color:#fff;font-size:10px;padding:2px 6px;text-transform:uppercase}:where(.customer-response-popup) .alternative-description{color:var(--text-muted);font-size:14px;line-height:1.4;margin:8px 0 0 28px}:where(.customer-response-popup) .alternative-price{color:var(--primary-color);font-size:16px;font-weight:700}:where(.customer-response-popup) .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}:where(.customer-response-popup) .alternative-check.checked{background:var(--color-info);border-color:var(--color-accent-blue)}:where(.customer-response-popup) .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)}:where(.customer-response-popup) .universal-description p{color:var(--text-color);line-height:1.6;margin:0}:where(.customer-response-popup) .validation-error-box{background:#ef44441a;border:1px solid #ef444466;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}:where(.customer-response-popup) .validation-error-box strong{color:#dc2626;color:var(--danger-color,#dc2626);display:block;margin-bottom:var(--spacing-xs)}:where(.customer-response-popup) .validation-error-box ul{margin:0;padding-left:var(--spacing-lg)}:where(.customer-response-popup) .validation-error-box li{color:#dc2626;color:var(--danger-color,#dc2626);font-size:14px}:where(.customer-response-popup) .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)}:where(.customer-response-popup) .alternative-group .group-header{align-items:center;border-bottom:1px solid var(--color-border);color:var(--text-color);display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:8px;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}:where(.customer-response-popup) .group-requirement{color:var(--text-secondary);font-size:13px;font-weight:500}:where(.customer-response-popup) .group-requirement.required{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:600}:where(.customer-response-popup) .group-requirement.optional{color:var(--text-secondary);font-style:italic}:where(.customer-response-popup) .alternative-group.required-group{border-left:4px solid #dc2626;border-left:4px solid var(--color-danger,#dc2626)}:where(.customer-response-popup) .alternative-group.optional-group{border-left:4px solid #e5e7eb;border-left:4px solid var(--color-border,#e5e7eb)}:where(.customer-response-popup) .group-alternatives{display:flex;flex-direction:column;gap:var(--spacing-sm)}:where(.customer-response-popup) .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}:where(.customer-response-popup) .alternative-radio-label:hover{background:var(--secondary-background);border-color:var(--text-secondary)}:where(.customer-response-popup) .alternative-radio-label.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}:where(.customer-response-popup) .alternative-radio-label input[type=radio]{accent-color:var(--primary-color);flex-shrink:0;height:20px;margin:2px 0 0;width:20px}:where(.customer-response-popup) .alternative-radio-content{align-items:flex-start;display:flex;flex:1 1;gap:12px;justify-content:space-between}:where(.customer-response-popup) .alternative-radio-info{display:flex;flex-direction:column;gap:4px}:where(.customer-response-popup) .alternative-radio-info .alternative-title{color:var(--text-color);font-weight:600}:where(.customer-response-popup) .alt-description{color:var(--text-secondary);font-size:13px;line-height:1.4}:where(.customer-response-popup) .independent-alternatives{background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);min-height:100px;padding:var(--spacing-md);transition:border-color .2s ease,background-color .2s ease}:where(.customer-response-popup) .independent-header{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0}:where(.customer-response-popup) .alternative-group.mandatory-group{background:#22c55e0d;border-left:4px solid var(--color-success)}:where(.customer-response-popup) .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)}:where(.customer-response-popup) .alternative-info-item .included-check{color:var(--color-success);flex-shrink:0;font-size:14px}:where(.customer-response-popup) .alternative-info-item span{color:var(--text-color);flex:1 1}:where(.customer-response-popup) .alternative-info-item .alternative-price{color:var(--primary-color);flex:0 0 auto;font-weight:600}:where(.customer-response-popup) .alternative-info-copy{grid-gap:var(--spacing-xs);display:grid;flex:1 1;gap:var(--spacing-xs);min-width:0}:where(.customer-response-popup) .alternative-info-item .alternative-info-copy span{flex:none}:where(.customer-response-popup) .disabled-group,:where(.customer-response-popup) .disabled-section{opacity:.5;pointer-events:none;position:relative}:where(.customer-response-popup) .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)}:where(.customer-response-popup) .alternative-entry.disabled,:where(.customer-response-popup) .alternative-radio-label.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}:where(.customer-response-popup) .alternative-entry.disabled:hover,:where(.customer-response-popup) .alternative-radio-label.disabled:hover{background:inherit;transform:none}:where(.customer-response-popup) .not-fixable-section{margin-top:var(--spacing-xl);padding:16px}:where(.customer-response-popup) .not-fixable-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}:where(.customer-response-popup) .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}:where(.customer-response-popup) .not-fixable-header h3{color:var(--text-color);font-size:18px;margin:0}:where(.customer-response-popup) .not-fixable-subtext{color:var(--text-muted);margin-bottom:20px}:where(.customer-response-popup) .not-fixable-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}:where(.customer-response-popup) .option-card{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}:where(.customer-response-popup) .option-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}:where(.customer-response-popup) .option-icon{font-size:20px}:where(.customer-response-popup) .option-description{color:var(--text-muted);font-size:14px;margin-bottom:8px}:where(.customer-response-popup) .option-price{color:var(--main-button-background);font-weight:600;margin-bottom:12px}:where(.customer-response-popup) .option-checkbox{margin-top:8px}:where(.customer-response-popup) .not-fixable-note{background:var(--secondary-background);border-left:3px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}:where(.customer-response-popup) .not-fixable-note p{font-size:14px;margin:0}:where(.customer-response-popup) .confirmation-view{padding:24px;text-align:center}:where(.customer-response-popup) .success-animation{margin-bottom:24px}:where(.customer-response-popup) .checkmark-circle{height:80px;margin:0 auto;width:80px}:where(.customer-response-popup) .checkmark{height:100%;width:100%}:where(.customer-response-popup) .checkmark-circle-bg{stroke:var(--color-success);stroke:var(--success-color,var(--color-success));stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:customer-repair-approval-stroke-circle .6s cubic-bezier(.65,0,.45,1) forwards}:where(.customer-response-popup) .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:customer-repair-approval-stroke-check .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes customer-repair-approval-stroke-circle{to{stroke-dashoffset:0}}@keyframes customer-repair-approval-stroke-check{to{stroke-dashoffset:0}}:where(.customer-response-popup) .confirmation-title{color:var(--color-success);color:var(--success-color,var(--color-success));font-size:24px;margin-bottom:24px}:where(.customer-response-popup) .confirmation-summary{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:24px;padding:16px;text-align:left}:where(.customer-response-popup) .confirmation-summary h4{font-size:16px;margin:0 0 12px}:where(.customer-response-popup) .summary-section{margin-bottom:12px}:where(.customer-response-popup) .summary-label{color:var(--text-muted);font-size:14px;margin-bottom:4px}:where(.customer-response-popup) .summary-list{margin:0;padding-left:20px}:where(.customer-response-popup) .summary-list li{font-size:14px;margin-bottom:4px}:where(.customer-response-popup) .summary-total{align-items:center;background:var(--secondary-background);border-radius:var(--radius-md);border-top:1px solid var(--border-color);display:flex;font-size:16px;justify-content:space-between;margin-bottom:20px;margin-top:12px;padding:16px}:where(.customer-response-popup) .summary-total .total-amount{color:var(--primary-color);font-size:24px;font-weight:700}:where(.customer-response-popup) .next-steps-info{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:24px;padding:16px;text-align:left}:where(.customer-response-popup) .next-steps-info h4{font-size:16px;margin:0 0 12px}:where(.customer-response-popup) .next-steps-list{margin:0;padding-left:20px}:where(.customer-response-popup) .next-steps-list li{color:var(--text-color);font-size:14px;margin-bottom:8px}@media (max-width:768px){.customer-response-popup .section-header{padding:10px 12px}:where(.customer-response-popup) .alternative-group .group-header{flex-direction:column}:where(.customer-response-popup) .not-fixable-header h3{font-size:16px}:where(.customer-response-popup) .confirmation-title{font-size:20px}:where(.customer-response-popup) .checkmark-circle{height:60px;width:60px}}.customer-response-popup .repair-popup-key{display:none}:is([data-repair-keyboard] .customer-response-popup,.customer-response-popup[data-repair-keyboard]) .repair-popup-key{display:inline-flex}:where(.upgrade-configurator) .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}:where(.upgrade-configurator) .upgrade-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}:where(.upgrade-configurator) .upgrade-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px}:where(.upgrade-configurator) .upgrade-card-header:hover{background:var(--secondary-background)}:where(.upgrade-configurator) .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}:where(.upgrade-configurator) .upgrade-card-info{flex:1 1;min-width:0}:where(.upgrade-configurator) .upgrade-card-info h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 4px}:where(.upgrade-configurator) .upgrade-card-description{color:var(--text-secondary);font-size:13px;margin:0}:where(.upgrade-configurator) .upgrade-card-price{align-items:center;display:flex;gap:12px}:where(.upgrade-configurator) .upgrade-card-price .price{color:var(--primary-color);font-size:18px;font-weight:700}:where(.upgrade-configurator) .upgrade-card-price .expand-icon{color:var(--text-secondary)}:where(.upgrade-configurator) .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}:where(.upgrade-configurator) .upgrade-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color)}:where(.upgrade-configurator) .upgrade-card-options{background:var(--secondary-background);border-top:1px solid var(--border-color);padding:8px}:where(.upgrade-configurator) .upgrade-option{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}:where(.upgrade-configurator) .upgrade-option:hover{background:var(--card-background)}:where(.upgrade-configurator) .upgrade-option.selected{background:var(--card-background);box-shadow:inset 0 0 0 2px var(--primary-color)}:where(.upgrade-configurator) .upgrade-option-info{display:flex;flex:1 1;flex-direction:column}:where(.upgrade-configurator) .option-label{color:var(--text-color);font-weight:500}:where(.upgrade-configurator) .option-sublabel{color:var(--text-secondary);font-size:12px}:where(.upgrade-configurator) .upgrade-option-price{align-items:center;color:var(--text-color);display:flex;font-weight:600;gap:10px}:where(.upgrade-configurator) .price-breakdown-note{color:var(--text-secondary);font-size:12px;font-style:italic;padding:8px 12px}.upgrade-summary{text-align:center}:where(.upgrade-summary) .summary-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}:where(.mersalg-popup-tech) .summary-icon,:where(.upgrade-summary) .summary-icon{align-items:center;background:linear-gradient(135deg,var(--color-success),var(--color-success-hover));border-radius:var(--radius-full);color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}:where(.upgrade-summary) .summary-items{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}:where(.upgrade-summary) .summary-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;gap:12px;padding:10px 0}:where(.upgrade-summary) .summary-item:last-child{border-bottom:none}:where(.upgrade-summary) .summary-item.empty{color:var(--text-secondary);justify-content:center}:where(.upgrade-summary) .summary-item-icon{color:var(--primary-color);font-size:18px}:where(.upgrade-summary) .summary-total{align-items:center;background:var(--secondary-background);border-radius:var(--radius-md);border-top:1px solid var(--border-color);display:flex;font-size:16px;justify-content:space-between;margin-bottom:20px;margin-top:12px;padding:16px}:where(.upgrade-summary) .summary-total .total-amount{color:var(--primary-color);font-size:24px;font-weight:700}:where(.mersalg-popup-tech) .summary-actions,:where(.upgrade-summary) .summary-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;justify-content:flex-end;padding-top:16px}.upgrade-configurator .device-info{background:var(--secondary-background);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}:where(.mersalg-popup-tech) .device-label,:where(.upgrade-configurator) .device-label{color:var(--text-secondary)}:where(.mersalg-popup-tech) .device-name,:where(.upgrade-configurator) .device-name{color:var(--text-color);font-weight:600}:where(.upgrade-configurator) .upgrade-cards{margin-bottom:20px}:where(.upgrade-configurator) .upgrade-total{background:var(--secondary-background);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}:where(.upgrade-configurator) .total-row{align-items:center;color:var(--text-color);display:flex;font-size:16px;justify-content:space-between}:where(.upgrade-configurator) .total-row .total-amount{color:var(--primary-color);font-size:24px;font-weight:700}:where(.upgrade-configurator) .upgrade-actions{display:flex;flex-direction:column;gap:10px}.mersalg-popup-redesign .draggable-popup{max-width:480px}.customer-response-popup .mersalg-integrated-section{border-top:2px dashed var(--border-color);margin-top:24px;padding-top:20px}.customer-response-popup :where(.mersalg-integrated-section) .section-header.with-badge{align-items:center;display:flex;justify-content:space-between}.customer-response-popup :where(.mersalg-integrated-section) .section-header .header-content{align-items:center;display:flex;gap:8px}.customer-response-popup :where(.mersalg-integrated-section) .section-header .header-icon{color:var(--color-warning);font-size:18px}.customer-response-popup :where(.mersalg-integrated-section) .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}:where(.mersalg-integrated-section) .inline-upgrade-cards{display:flex;flex-direction:column;gap:8px}:where(.mersalg-integrated-section) .inline-upgrade-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}:where(.mersalg-integrated-section) .inline-upgrade-card.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}:where(.mersalg-integrated-section) .inline-upgrade-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px}:where(.mersalg-integrated-section) .inline-upgrade-header:hover{background:var(--secondary-background)}:where(.mersalg-integrated-section) .inline-upgrade-icon{align-items:center;background:var(--secondary-background);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}:where(.mersalg-integrated-section) .inline-upgrade-card:hover .inline-upgrade-icon{background:var(--card-background);border-color:var(--color-info)}:where(.mersalg-integrated-section) .inline-upgrade-card.selected .inline-upgrade-icon,:where(.mersalg-integrated-section) .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}:where(.mersalg-integrated-section) .inline-upgrade-info{display:flex;flex:1 1;flex-direction:column;min-width:0}:where(.mersalg-integrated-section) .inline-upgrade-title{color:var(--text-color);font-size:14px;font-weight:600}:where(.mersalg-integrated-section) .inline-upgrade-desc{color:var(--text-secondary);font-size:12px}:where(.mersalg-integrated-section) .inline-upgrade-selected-badge{background:var(--primary-color);border-radius:var(--radius-xl);color:#fff;font-size:12px;font-weight:600;padding:4px 10px}:where(.mersalg-integrated-section) .inline-upgrade-expand{color:var(--text-secondary)}:where(.mersalg-integrated-section) .inline-upgrade-price{color:var(--text-color);font-weight:600;white-space:nowrap}:where(.mersalg-integrated-section) .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}:where(.mersalg-integrated-section) .inline-upgrade-check.checked{background:var(--color-info);border-color:var(--color-accent-blue)}:where(.mersalg-integrated-section) .inline-upgrade-options{background:var(--secondary-background);border-top:1px solid var(--border-color);padding:8px}:where(.mersalg-integrated-section) .inline-upgrade-option{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s ease}:where(.mersalg-integrated-section) .inline-upgrade-option:hover{background:var(--card-background)}:where(.mersalg-integrated-section) .inline-upgrade-option.selected{background:var(--card-background);box-shadow:inset 0 0 0 2px var(--primary-color)}:where(.mersalg-integrated-section) .inline-upgrade-option span{color:var(--text-color);flex:1 1}:where(.mersalg-integrated-section) .inline-upgrade-option small{color:var(--text-secondary);margin-left:4px}:where(.mersalg-integrated-section) .inline-upgrade-option .option-price{font-weight:600;margin-bottom:12px;margin-right:10px}:where(.mersalg-integrated-section) .inline-upgrade-card.checkbox-mode{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px}:where(.mersalg-integrated-section) .inline-upgrade-card.checkbox-mode:hover{background:var(--secondary-background)}:where(.mersalg-integrated-section) .inline-upgrade-card.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}:where(.mersalg-integrated-section) .inline-upgrade-card.disabled:hover{background:inherit;transform:none}.auth-page{align-items:center;background:radial-gradient(circle at 18% 12%,rgba(var(--color-primary-rgb),.1),#0000 34%),radial-gradient(circle at 82% 88%,rgba(var(--color-primary-rgb),.06),#0000 30%),var(--color-background);display:grid;justify-items:center;min-height:100vh;min-height:100svh;padding:var(--spacing-2xl) var(--spacing-lg);width:100%}.container:has(.auth-page){max-width:none;min-width:0}.auth-shell{max-width:440px;width:100%}.auth-brand{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.auth-brand-mark{height:auto;width:76px}.auth-card.customer-auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:none;padding:var(--spacing-2xl);width:100%}.auth-eyebrow{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;margin-bottom:var(--spacing-xs);text-align:center;text-transform:uppercase}.auth-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:600;line-height:1.25;margin:0;text-align:center}.auth-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55;margin:var(--spacing-sm) auto 0;max-width:340px;text-align:center}.auth-card .auth-form{gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.auth-input.form-input{font-size:var(--text-base);min-height:46px;padding:var(--spacing-md)}.auth-method-group{border:0;min-width:0}.auth-method-group legend{color:var(--color-text);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.auth-method-selector{grid-gap:var(--spacing-xs);background:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--spacing-xs)}.auth-method-option{cursor:pointer;min-width:0;position:relative}.auth-method-option input{height:1px;opacity:0;position:absolute;width:1px}.auth-method-option span{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:500;justify-content:center;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.auth-method-option:hover span{color:var(--color-text)}.auth-method-option.is-selected span{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.auth-method-option input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:2px}.auth-method-option input:disabled+span{cursor:not-allowed;opacity:.65}.auth-password-field{position:relative}.auth-password-field .auth-input{padding-right:48px}.auth-password-toggle{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-flex;height:38px;justify-content:center;position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);transition:background-color var(--transition-fast),color var(--transition-fast);width:38px}.auth-password-toggle:hover{background:var(--color-surface-active);color:var(--color-text)}.auth-password-toggle:disabled{cursor:not-allowed;opacity:.6}.auth-password-toggle svg{height:16px;width:16px}.auth-submit.btn-primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text);font-size:var(--text-base);min-height:46px;width:100%}.auth-submit.btn-primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.auth-submit.btn-primary:disabled,.auth-submit.btn-primary:disabled:hover{background:var(--color-border);border-color:var(--color-border);color:var(--color-text-muted)}.auth-text-button{border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--text-sm);font-weight:500;padding:var(--spacing-xs);text-decoration:none}.auth-text-button:hover{text-decoration:underline}.auth-text-button:disabled{color:var(--color-text-muted);cursor:not-allowed;text-decoration:none}.auth-forgot-button{align-self:flex-end;margin-top:calc(var(--spacing-sm)*-1)}.auth-back-button{align-self:center}.auth-secondary-actions{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:calc(var(--spacing-sm)*-1)}.auth-secondary-actions--stacked{flex-direction:column;gap:var(--spacing-xs);justify-content:center}.auth-code-input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.28em;text-align:center}.auth-password-requirements{background:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.auth-password-requirements-title{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;margin:0 0 var(--spacing-sm)}.auth-password-requirements ul{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.auth-password-requirements li{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--spacing-sm);transition:color var(--transition-fast)}.auth-password-requirements li.is-met{color:var(--validation-success-text)}.auth-password-requirements li.is-unmet{color:var(--validation-error-text)}.auth-password-requirements li svg{flex:0 0 auto}.auth-feedback,.auth-inline-status{border:1px solid;border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;padding:var(--spacing-md)}.auth-feedback--error{background:var(--validation-error-bg);border-color:var(--validation-error-border);color:var(--validation-error-text)}.auth-feedback--success{background:var(--validation-success-bg);border-color:var(--validation-success-border);color:var(--validation-success-text)}.auth-feedback--info,.auth-inline-status{background:var(--validation-info-bg);border-color:var(--validation-info-border);color:var(--validation-info-text)}.auth-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.auth-footer-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-footer a{color:var(--color-primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}body.dark .auth-eyebrow,body.dark .auth-footer a,body.dark .auth-text-button{color:var(--color-info-text)}body.dark .auth-method-option.is-selected span{border-color:var(--color-info-text);color:var(--color-info-text)}body.windows-xp .auth-page{background:#0000}body.windows-xp .auth-brand,body.windows-xp .auth-eyebrow{display:none}body.windows-xp .auth-description{padding:var(--spacing-md) var(--spacing-xl) 0}@media (max-width:768px){body:has(.auth-page){padding:0}.auth-page{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width:480px){.auth-page{align-items:start;min-height:100svh;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-2xl)}.auth-brand{margin-bottom:var(--spacing-md)}.auth-brand-mark{width:64px}.auth-card.customer-auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.auth-title{font-size:var(--text-xl)}.auth-secondary-actions{align-items:center;flex-direction:column;gap:var(--spacing-xs)}}@media (prefers-reduced-motion:reduce){.auth-method-option span,.auth-password-requirements li,.auth-password-toggle{transition:none}}.message-author{display:block;min-height:auto}.message-textarea.chat-input{height:85px}.spinning{animation:spin 1s linear infinite}.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}.emoji-picker-popup{height:450px;width:400px}.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:var(--spacing-sm);min-width:20px}.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}.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}.customer-updates-section .add-customer-update{margin-top:var(--spacing-md)}.employee-chat-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:27px;padding:5px;transition:color var(--transition-normal)}.employee-chat-button:hover{color:var(--button-background)}.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}.employee-chat-textarea{height:85px}.employee-chat-buttons{display:flex;flex-direction:column;gap:5px}.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:var(--spacing-lg)}.new-chat-button{background-color:var(--button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-normal)}.new-chat-button:hover{background-color:var(--button-hover)}.chat-info{flex:1 1}.chat-name{color:var(--text-color);font-weight:600;margin:0 0 var(--spacing-xs) 0}.last-message{color:var(--text-color);font-size:var(--text-sm);margin:0;opacity:.7}.new-chat-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.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:var(--spacing-sm)}.new-chat-form button{background-color:var(--button-background);border:none;border-radius:var(--radius-md);color:var(--button-text-color);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);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}.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-card.is-highlighted{background-color:var(--status-pending-bg)}.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-arrived-info-body{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:520px;min-width:360px}.part-arrived-info-intro{color:var(--color-text-secondary);margin:0}.part-arrived-info-highlight{background-color:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.part-arrived-info-grid span,.part-arrived-info-highlight span{color:var(--color-text-muted);display:block;font-size:var(--text-sm);margin-bottom:var(--spacing-xs)}.part-arrived-info-highlight strong{color:var(--color-text);font-size:var(--text-2xl)}.part-arrived-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.part-arrived-info-grid>div{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.part-arrived-info-grid strong{color:var(--color-text);word-break:break-word}.part-arrived-info-actions{justify-content:flex-end;margin-top:var(--spacing-lg)}.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-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-history-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.part-order-history-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg)}.part-order-history-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0}.part-order-history-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));list-style:none;margin:0;padding:0}.part-order-history-card{border-left:4px solid var(--color-success);opacity:1}.part-order-ticket-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.part-order-ticket-link:hover{color:var(--color-primary-hover)}.part-order-section-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:0}.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}.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}.link-item{gap:var(--spacing-xs)}.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;flex:0 0 auto;font-size:12px;height:16px;justify-content:center;line-height:1;position:static;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)}.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-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-field-group .part-order-no-tracking-checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.part-order-no-tracking-help{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.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:var(--spacing-xl)}.setting-item{margin-bottom:var(--spacing-xl)}.setting-item label{align-items:center;display:flex;font-weight:500;margin-bottom:var(--spacing-sm)}.setting-icon{margin-right:var(--spacing-sm)}.theme-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.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:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.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:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.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:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-xl)}.setting-item-action{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.settings-action-copy{flex:1 1}.settings-action-copy label{margin-bottom:var(--spacing-xs)}.settings-help-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.change-password-popup{max-width:440px;width:100%}.change-password-content,.change-password-form{display:flex;flex-direction:column}.change-password-content{gap:var(--spacing-lg)}.change-password-intro{align-items:flex-start;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.change-password-intro p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.change-password-intro-icon{align-items:center;background:var(--color-info-bg);border-radius:var(--radius-full);color:var(--color-info-text);display:inline-flex;flex-shrink:0;height:var(--spacing-2xl);justify-content:center;width:var(--spacing-2xl)}.change-password-submit-error{color:var(--validation-error-text);font-size:var(--text-sm);line-height:1.5}.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-bubble .message-link{color:inherit;display:inline-block;max-width:100%;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.message-bubble .message-link:focus-visible,.message-bubble .message-link:hover{text-decoration-thickness:2px}.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}}.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%)}}.admin-panel{background-color:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);margin:0 auto;max-width:1440px;padding:var(--spacing-xl)}.admin-shell{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.admin-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:calc(100vh - var(--spacing-lg)*2);overflow-y:auto;padding:var(--spacing-lg);position:sticky;top:var(--spacing-lg)}.admin-sidebar-header{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs)}.admin-panel-breadcrumb,.admin-sidebar-kicker{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:0;text-transform:uppercase}.admin-active-panel-summary h2,.admin-overview-header h2,.admin-overview-section h3,.admin-recent-nav h3,.admin-sidebar-header h2{color:var(--color-text);margin:0}.admin-category-nav,.admin-recent-list{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs)}.admin-category-button,.admin-overview-card,.admin-overview-quick-card,.admin-recent-button,.admin-search-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.admin-category-button{align-items:center;display:flex;font-weight:600;gap:var(--spacing-sm);justify-content:space-between;padding:10px var(--spacing-md)}.admin-category-button small,.admin-overview-quick-card small,.admin-recent-button small,.admin-search-result small{color:var(--color-text-muted);font-size:var(--text-xs)}.admin-category-button.is-active,.admin-category-button:hover,.admin-overview-card:hover,.admin-overview-quick-card:hover,.admin-recent-button:hover,.admin-search-result:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.admin-category-button.is-active{color:var(--color-primary)}.admin-recent-nav{grid-gap:var(--spacing-sm);border-top:1px solid var(--color-border);display:grid;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.admin-recent-nav p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.admin-recent-button{display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.admin-workspace{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);min-width:0}.admin-active-panel-summary,.admin-overview,.admin-search-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.admin-search-panel{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);padding:var(--spacing-lg)}.admin-search-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.admin-search-input{width:100%}.admin-search-results{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.admin-search-result{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);padding:var(--spacing-md)}.admin-search-result-main{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.admin-active-panel-summary p,.admin-overview-card-description,.admin-overview-header p,.admin-search-result>span:last-child{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.admin-active-panel-summary.is-danger,.admin-overview-card.is-danger,.admin-search-result.is-danger{border-color:var(--color-danger)}.admin-search-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.admin-overview{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);padding:var(--spacing-xl)}.admin-overview-header,.admin-overview-section{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.admin-overview-header p{margin:0}.admin-overview-grid,.admin-overview-quick-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-overview-card,.admin-overview-quick-card{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);padding:var(--spacing-lg)}.admin-overview-card-title,.admin-overview-quick-card span{font-weight:700}.admin-overview-card-meta{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.admin-active-panel-summary{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg)}.admin-active-panel-summary p{margin:var(--spacing-xs) 0 0;max-width:720px}.admin-panel-status{grid-gap:var(--spacing-xs);color:var(--color-text-secondary);display:grid;font-size:var(--text-sm);gap:var(--spacing-xs);justify-items:end;min-width:180px;text-align:right}.admin-panel-status strong{color:var(--color-danger);font-size:var(--text-xs);text-transform:uppercase}.admin-panel .collapsible-header{transition:color .3s ease}.admin-panel .collapsible-header:hover{color:var(--button-background)}.admin-section{margin-bottom:24px}.admin-section-hidden{display:none}.admin-section-active{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:0;padding:var(--spacing-lg)}.admin-section-active>.collapsible-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:0;padding-bottom:var(--spacing-md)}.admin-section-active>.collapsible-header .admin-usage-count{display:none}.admin-section-active>.admin-actions,.admin-section-active>.admin-form,.admin-section-active>.admin-list,.admin-section-active>.admin-section-content{margin-top:var(--spacing-lg)}.admin-section-active>.admin-actions,.admin-section-active>.admin-form{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.admin-section-active>.admin-list{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.admin-section-active>.admin-list .admin-item:last-child{border-bottom:0}.admin-section-active.admin-section-danger{border-color:var(--color-danger)}@media (max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{max-height:none;position:static}.admin-category-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:640px){.admin-panel{padding:var(--spacing-md)}.admin-active-panel-summary,.admin-search-header{align-items:stretch;flex-direction:column}.admin-panel-status{justify-items:start;text-align:left}}@media (max-width:520px){.admin-category-nav,.admin-overview-grid,.admin-overview-quick-grid{grid-template-columns:1fr}}.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{align-items:center;background-color:#dc3545;background-color:var(--color-danger,#dc3545);border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px;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 .admin-button-hover:hover{transform:translateY(-1px)}.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%}.admin-panel .form-group input[type=number]:focus{border-color:var(--button-background);outline:none}.admin-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--spacing-md)}.admin-form-span-2{grid-column:span 2}.admin-form-span-full{grid-column:1/-1}.admin-invoice-source-form{align-items:start}.admin-invoice-source-form textarea{min-height:96px;resize:vertical}.admin-invoice-source-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.admin-invoice-source-checkbox-group{justify-content:flex-end}.admin-invoice-source-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.admin-invoice-source-card{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-hover));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.admin-invoice-source-card-header{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.admin-invoice-source-title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;margin:0}.admin-invoice-source-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0}.admin-invoice-source-badges{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.admin-invoice-source-badges .status-badge{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.admin-invoice-source-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-invoice-source-detail{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.admin-invoice-source-detail strong{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.admin-invoice-source-detail span{color:var(--color-text);font-size:var(--text-sm);line-height:1.45;word-break:break-word}.admin-invoice-source-meta-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.admin-invoice-source-meta-list p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.admin-invoice-source-meta-list strong{color:var(--color-text)}.admin-invoice-source-popup-form{min-width:min(72rem,calc(100vw - 3rem))}@media (max-width:900px){.admin-form-span-2{grid-column:1/-1}}@media (max-width:640px){.admin-invoice-source-list{grid-template-columns:1fr}.admin-invoice-source-form-actions{flex-direction:column}.admin-invoice-source-form-actions .btn-ghost,.admin-invoice-source-form-actions .btn-secondary{width:100%}}.fade-in{animation:fadeIn .5s ease-in}.payroll-workspace{color:var(--color-text)}.payroll-employee-selector,.payroll-record-actions,.payroll-resolve-blockers,.payroll-workspace .total-wage-container,.payroll-workspace-heading{align-items:center;display:flex;gap:var(--spacing-sm)}.payroll-workspace-heading{justify-content:space-between;margin-bottom:var(--spacing-lg)}.payroll-workspace-heading h2{margin:0}.payroll-employee-selector{flex-wrap:wrap}.payroll-workspace .month-section,.payroll-workspace .month-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.payroll-workspace .month-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.payroll-workspace .month-summary{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.payroll-workspace .month-summary p,.payroll-workspace .payroll-estimate h3{margin:0}.payroll-workspace .payroll-calendar-breakdown,.payroll-workspace .payroll-estimate h3{flex-basis:100%}.payroll-workspace .total-wage{font-weight:700}.payroll-workspace .copy-btn{background:#0000;border:0;color:var(--color-text);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast)}.payroll-workspace .copy-btn:hover,.payroll-workspace .ticket-link:hover{color:var(--color-primary-hover)}.payroll-workspace .record-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(calc(var(--spacing-2xl)*5),1fr));list-style:none;margin:0;padding:0}.payroll-workspace .record-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-sm);transition:background var(--transition-fast),transform var(--transition-fast)}.payroll-workspace .record-item:hover{background:var(--color-surface-hover);transform:translateY(calc(var(--spacing-xs)*-.5))}.payroll-workspace .record-item--quarantined,.payroll-workspace .record-item--quarantined:hover{background:color-mix(in srgb,var(--validation-warning-border) 10%,var(--color-surface));border-color:var(--validation-warning-border)}.payroll-workspace .ticket-link{background:#0000;border:0;color:var(--color-primary);cursor:pointer;padding:0;text-decoration:underline}.payroll-review-reasons{color:var(--validation-warning-text);margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.payroll-record-actions{flex-wrap:wrap;margin-top:var(--spacing-xs)}.payroll-resolve-blockers{align-items:flex-start}.payroll-calendar-breakdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-md);overflow:hidden;width:100%}.payroll-calendar-breakdown--compact{margin-top:var(--spacing-sm)}.payroll-calendar-summary{align-items:center;color:var(--color-text);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast)}.payroll-calendar-summary:hover{background:var(--color-surface-hover)}.payroll-calendar-summary::-webkit-details-marker{display:none}.payroll-calendar-summary:before{color:var(--color-text-secondary);content:"▸";font-size:var(--text-sm)}.payroll-calendar-breakdown[open] .payroll-calendar-summary:before{content:"▾"}.payroll-calendar-summary-title{font-size:var(--text-sm);font-weight:600}.payroll-calendar-summary-period{color:var(--color-text-secondary);font-size:var(--text-xs)}.payroll-calendar-content{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.payroll-calendar-metrics{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(calc(var(--spacing-2xl)*3),1fr))}.payroll-calendar-metric{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.payroll-calendar-legend-item,.payroll-calendar-metric-label,.payroll-calendar-weekdays span{color:var(--color-text-secondary);font-size:var(--text-xs)}.payroll-calendar-metric-value,.payroll-calendar-summary-title{color:var(--color-text)}.payroll-calendar-legend,.payroll-calendar-legend-item{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.payroll-calendar-legend-item{gap:var(--spacing-xs)}.payroll-calendar-legend-marker{border:1px solid;border-radius:var(--radius-sm);height:var(--spacing-md);width:var(--spacing-md)}.payroll-calendar-grid,.payroll-calendar-weekdays{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(7,minmax(0,1fr))}.payroll-calendar-weekdays span{font-weight:600;text-align:center;text-transform:uppercase}.payroll-calendar-grid{list-style:none;margin:0;padding:0}.payroll-calendar-day{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:calc(var(--spacing-2xl)*2);padding:var(--spacing-xs)}.payroll-calendar-day--empty{background:#0000;border-color:#0000}.payroll-calendar-day--worked{background:var(--payroll-calendar-worked-bg);border-color:var(--payroll-calendar-worked-border);color:var(--payroll-calendar-worked-text)}.payroll-calendar-day--not-at-work{background:var(--payroll-calendar-not-at-work-bg);border-color:var(--payroll-calendar-not-at-work-border);color:var(--payroll-calendar-not-at-work-text)}.payroll-calendar-day--sick{background:var(--payroll-calendar-sick-bg);border-color:var(--payroll-calendar-sick-border);color:var(--payroll-calendar-sick-text)}.payroll-calendar-day--ferie{background:var(--payroll-calendar-ferie-bg);border-color:var(--payroll-calendar-ferie-border);color:var(--payroll-calendar-ferie-text)}.payroll-calendar-day--permisjon{background:var(--payroll-calendar-permisjon-bg);border-color:var(--payroll-calendar-permisjon-border);color:var(--payroll-calendar-permisjon-text)}.payroll-calendar-day--avspasering{background:var(--payroll-calendar-avspasering-bg);border-color:var(--payroll-calendar-avspasering-border);color:var(--payroll-calendar-avspasering-text)}.payroll-calendar-day--holiday{background:var(--payroll-calendar-holiday-bg);border-color:var(--payroll-calendar-holiday-border);color:var(--payroll-calendar-holiday-text)}.payroll-calendar-day--has-pending,.payroll-calendar-day--pending{background:var(--payroll-calendar-pending-bg);border-color:var(--payroll-calendar-pending-border);color:var(--payroll-calendar-pending-text)}.payroll-calendar-day--has-warning,.payroll-calendar-day--warning{background:var(--payroll-calendar-warning-bg);border-color:var(--payroll-calendar-warning-border);color:var(--payroll-calendar-warning-text)}.payroll-calendar-day-number{font-size:var(--text-sm);font-weight:700;line-height:1}.payroll-calendar-day-amount,.payroll-calendar-day-hours,.payroll-calendar-day-status,.payroll-calendar-day-time{font-size:var(--text-xs);line-height:1.2}.payroll-calendar-day-amount,.payroll-calendar-day-status{font-weight:700}.payroll-calendar-flags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.payroll-calendar-flag{border:1px solid;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1;padding:var(--spacing-xs) var(--spacing-sm)}.payroll-calendar-flag--holiday{background:var(--payroll-calendar-holiday-bg);color:var(--payroll-calendar-holiday-text)}.payroll-calendar-flag--pending{background:var(--payroll-calendar-pending-bg);color:var(--payroll-calendar-pending-text)}.payroll-calendar-flag--warning{background:var(--payroll-calendar-warning-bg);color:var(--payroll-calendar-warning-text)}.payroll-calendar-legacy{display:flex;flex-basis:100%;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%}@media (max-width:900px){.payroll-calendar-grid{grid-template-columns:repeat(auto-fit,minmax(calc(var(--spacing-2xl)*2),1fr))}.payroll-calendar-weekdays{display:none}}.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 textarea{min-height:80px;resize:vertical}.price-form :is(input[type=text],input[type=number],select,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 :is(input[type=text],input[type=number],select,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 .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{align-items:center;color:#fff;display:flex}.ai-section-title-icon{margin-right:8px}.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}.public-price-editor{margin-top:20px}.public-price-editor .price-section{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden}.public-price-editor .section-header{align-items:center;background:var(--card-background);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.public-price-editor .section-header h4{margin:0}.public-price-editor .price-section-content{padding:16px}.public-price-editor .category-list{display:flex;flex-direction:column;gap:10px}.public-price-editor .category-item{align-items:center;background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);display:flex;justify-content:space-between;padding:12px}.admin-widget-price-item.is-hidden,.admin-widget-price-subitem.is-hidden,.public-price-editor .category-item.hidden,.public-price-editor .price-item.hidden{opacity:.55}.public-price-editor .category-info .slug{color:var(--text-muted);font-size:.85em;margin-left:8px}.public-price-editor .category-info .description,.public-price-editor .short-desc{color:var(--text-muted);font-size:.9em;margin:5px 0 0}.public-price-editor .category-actions,.public-price-editor .price-actions{display:flex;gap:5px}.admin-page-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.admin-page-card{grid-gap:8px;align-items:center;background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:10px 12px;text-align:left}.admin-page-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-page-card strong{color:var(--text-muted)}.admin-page-card.active{background:var(--secondary-background);border-color:var(--button-background);box-shadow:0 0 0 2px #3b82f61f;box-shadow:0 0 0 2px rgba(var(--main-button-rgb,59,130,246),.12)}.public-price-editor .price-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.public-price-editor .bulk-ops-form input,.public-price-editor .bulk-ops-form select,.public-price-editor .price-filters input,.public-price-editor .price-filters select{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);padding:8px 12px}.public-price-editor .price-filters select option{background:var(--input-background);color:var(--text-color)}.public-price-editor .price-search-input{flex:1 1 220px}.public-price-editor .admin-category-tabs,.public-price-editor .view-mode-toggle{display:flex;flex-wrap:wrap;gap:8px}.public-price-editor .view-mode-toggle{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px}.public-price-editor .admin-category-tabs button,.public-price-editor .view-mode-toggle button{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-weight:500;gap:8px}.public-price-editor .view-mode-toggle button{padding:8px 10px}.public-price-editor .admin-category-tabs button.active,.public-price-editor .view-mode-toggle button.active{background:var(--button-background);color:#fff;color:var(--button-text-color,#fff)}.public-price-editor .admin-category-tabs{margin-bottom:16px}.public-price-editor .admin-category-tabs button{background:var(--secondary-background);padding:8px 12px}.public-price-editor .admin-category-tabs button span{background:#3b82f624;background:rgba(var(--main-button-rgb,59,130,246),.14);border-radius:999px;color:inherit;font-size:.8em;padding:1px 6px}.public-price-editor .price-list{display:flex;flex-direction:column;gap:10px}.public-price-editor .price-item{grid-gap:15px;align-items:flex-start;background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);display:grid;gap:15px;grid-template-columns:minmax(0,1fr) minmax(9rem,auto) auto;padding:12px}.public-price-editor .price-item.featured{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-color,#f59e0b)}.public-price-editor .price-main{min-width:0}.public-price-editor .price-header{align-items:center;display:flex;gap:8px}.public-price-editor .price-actions .active,.public-price-editor .price-header .featured-icon,.widget-admin-actions .active{color:#f59e0b;color:var(--warning-color,#f59e0b)}.admin-price-status-row,.public-price-editor .price-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.public-price-editor .price-meta .badge{background:var(--secondary-background);border-radius:3px;color:var(--text-color);font-size:.75em;padding:2px 6px}.public-price-editor .price-meta .badge.page{background:var(--button-background);background:var(--info-color,var(--button-background));color:#fff}.public-price-editor .price-meta .badge.category{background:#16a34a;background:var(--success-color,#16a34a);color:#fff}.public-price-editor .price-meta .badge.brand{background:var(--button-background);color:#fff}.public-price-editor .price-value{grid-gap:2px;display:grid;gap:2px;justify-items:end;max-width:14rem;min-width:0;text-align:right}.public-price-editor .price-value .amount{font-size:1.1em;font-weight:600;line-height:1.3;white-space:nowrap}.public-price-editor .price-value .note{color:var(--text-muted);display:block;font-size:.8em;line-height:1.25;overflow-wrap:anywhere}.admin-price-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:600;gap:4px;line-height:1.4;padding:2px 7px}.status-visible{background:#16a34a1f;color:#15803d;color:var(--success-color,#15803d)}.status-hidden{background:var(--secondary-background);color:var(--text-muted)}.status-featured{background:#f59e0b29;color:#b45309;color:var(--warning-color,#b45309)}.status-warning{background:#ef44441f;color:#b91c1c;color:var(--danger-color,#b91c1c)}.admin-widget-editor{grid-gap:22px;display:grid;gap:22px}.admin-widget-page-section{grid-gap:16px;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:16px;padding:16px}.admin-widget-page-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-widget-category-title-row h6,.admin-widget-page-header h5,.admin-widget-page-header span,.admin-widget-popular-card h5,.admin-widget-popular-section h6{margin:0}.admin-widget-page-header h5{font-size:1.1rem}.admin-widget-page-header span{color:var(--text-muted);display:block;font-size:.88rem;margin-top:3px}.admin-widget-popular-section{grid-gap:10px;display:grid;gap:10px}.admin-widget-popular-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-widget-popular-card{grid-gap:5px;align-content:start;background:var(--input-background);border:2px solid var(--button-background);border-radius:var(--radius-md);display:grid;gap:5px;min-width:0;padding:14px;text-align:center}.admin-widget-popular-card em,.admin-widget-popular-card span{color:var(--text-muted);font-size:.84rem;font-style:normal;overflow-wrap:anywhere}.admin-widget-popular-card strong{color:var(--button-background);font-size:1.08rem;line-height:1.25;overflow-wrap:anywhere}.admin-widget-categories-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-widget-category-column{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);container-type:inline-size;min-width:0;padding:14px}.admin-widget-category-title-row{align-items:center;border-bottom:2px solid var(--button-background);display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.admin-widget-category-title-row h6{font-size:1rem}.admin-widget-price-list{display:flex;flex-direction:column;gap:8px}.admin-widget-price-group,.admin-widget-price-item{background:var(--secondary-background);border-radius:var(--radius-sm)}.admin-widget-price-item{grid-gap:12px;align-items:flex-start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;padding:12px}.admin-widget-price-group.has-featured,.admin-widget-price-item.is-featured{box-shadow:inset 3px 0 0 #f59e0b;box-shadow:inset 3px 0 0 var(--warning-color,#f59e0b)}.admin-widget-price-info{min-width:0}.admin-widget-price-name,.admin-widget-price-variant-name{color:var(--text-color);display:block;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.admin-widget-price-desc,.admin-widget-price-note,.admin-widget-price-variant{color:var(--text-muted);display:block;font-size:.84rem;overflow-wrap:anywhere}.admin-widget-price-desc{line-height:1.35;margin:4px 0 0}.admin-widget-price-value{grid-gap:2px;display:grid;gap:2px;justify-items:end;max-width:14rem;min-width:0;text-align:right}.admin-widget-price-amount{color:var(--text-color);font-weight:700;line-height:1.3;white-space:nowrap}.admin-widget-price-group{overflow:hidden}.admin-widget-price-group-header{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.admin-widget-group-toggle,.admin-widget-price-group-summary{background:#0000;border:0;color:var(--text-color);cursor:pointer}.admin-widget-group-toggle{align-items:center;display:inline-flex;height:28px;justify-content:center;width:28px}.admin-widget-price-group-summary{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:0;text-align:left}.admin-widget-price-group-summary span:first-child{min-width:0}.admin-widget-price-group-summary small,.admin-widget-price-group-summary strong{display:block}.admin-widget-price-group-summary small{color:var(--button-background);font-size:.8rem}.admin-widget-price-group-items{background:var(--input-background)}.admin-widget-price-subitem{grid-gap:12px;align-items:center;border-top:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;padding:10px 12px 10px 24px}.widget-admin-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;min-width:0}.widget-admin-actions.compact{max-width:130px}.widget-admin-actions .inactive{opacity:.5}.admin-widget-info-indicator{color:var(--button-background);display:inline-flex;justify-content:flex-end}.price-form-preview{grid-gap:12px;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:12px;margin-bottom:20px;padding:14px}.price-form-preview-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.price-form-preview-header span,.price-form-preview-header strong{display:block}.price-form-preview-header span{color:var(--text-muted);font-size:.82rem}.price-form-preview .preview-card{max-width:280px}.price-form-preview .preview-column{padding:12px}.public-price-editor .empty-message{color:var(--text-muted);font-style:italic;padding:20px;text-align:center}.public-price-editor .bulk-ops-toggle{margin-bottom:15px}.public-price-editor .bulk-ops-panel{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:15px;padding:16px}.public-price-editor .bulk-ops-panel h5{color:var(--text-color);margin:0 0 10px}.public-price-editor .bulk-info{color:var(--text-muted);font-size:.9em;margin-bottom:15px}.public-price-editor .bulk-ops-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.public-price-editor .bulk-ops-form .form-group{flex:1 1;min-width:200px}.public-price-editor .bulk-ops-form label,.public-price-editor .form-group small{color:var(--text-muted);display:block}.public-price-editor .bulk-ops-form label{color:var(--text-color);font-size:.9em;margin-bottom:5px}.public-price-editor .bulk-ops-form input,.public-price-editor .bulk-ops-form select{width:100%}.public-price-editor .bulk-actions{display:flex;gap:10px}.public-price-editor .bulk-preview{background:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:15px;padding:15px}.public-price-editor .bulk-preview h6{color:var(--text-color);margin:0 0 10px}.public-price-editor .preview-list{max-height:200px;overflow-y:auto}.public-price-editor .preview-item{border-bottom:1px solid var(--border-color);display:flex;font-size:.9em;justify-content:space-between;padding:6px 0}.public-price-editor .preview-item .service{color:var(--text-color)}.public-price-editor .preview-item .price-change{color:var(--text-muted)}.public-price-editor .preview-item .price-change .increase{color:#16a34a;color:var(--success-color,#16a34a);margin-left:5px}.public-price-editor .preview-item .price-change .decrease{color:#dc2626;color:var(--error-color,var(--danger-color,#dc2626));margin-left:5px}.public-price-editor .more-items{color:var(--text-muted);font-style:italic;margin:10px 0 0;text-align:center}.public-price-editor .bulk-confirm{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:15px}.public-price-editor .form-group small{font-size:.8em;margin-top:4px}@media (max-width:980px){.admin-widget-categories-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.admin-widget-categories-container,.public-price-editor .price-item{grid-template-columns:1fr}.admin-widget-page-header,.public-price-editor .price-item{align-items:stretch;flex-direction:column}.admin-widget-price-value,.public-price-editor .price-value{justify-items:start;max-width:100%;min-width:0;text-align:left}.public-price-editor .price-actions,.widget-admin-actions{justify-content:flex-start}}@container (max-width: 32rem){.admin-widget-price-item,.admin-widget-price-subitem{gap:8px;grid-template-columns:minmax(0,1fr)}.admin-widget-price-group-header{grid-template-columns:auto minmax(0,1fr)}.admin-widget-price-group-header>.btn-secondary{grid-column:1/-1;justify-self:start}.admin-widget-price-group-summary{gap:4px;grid-template-columns:minmax(0,1fr)}.admin-widget-price-group-summary .admin-widget-price-amount,.admin-widget-price-value{justify-items:start;max-width:100%;text-align:left}.admin-widget-price-subitem{padding-left:18px}.widget-admin-actions{justify-content:flex-start}}@media (max-width:900px){.public-price-editor .price-item{grid-template-columns:minmax(0,1fr)}.public-price-editor .price-value{justify-items:start;max-width:100%;text-align:left}}.identity-api-key-admin{margin-top:var(--spacing-xl)}.identity-api-key-actions,.identity-api-key-copy-row,.identity-api-key-heading,.identity-api-key-item-heading,.identity-api-key-name{align-items:center;display:flex}.identity-api-key-heading,.identity-api-key-item-heading{justify-content:space-between}.identity-api-key-heading{margin-bottom:var(--spacing-lg)}.identity-api-key-heading h3{margin:0}.identity-api-key-copy-row,.identity-api-key-heading h3,.identity-api-key-name{gap:var(--spacing-sm)}.identity-api-key-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.identity-api-key-item{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);padding:var(--spacing-lg)}.identity-api-key-item.is-inactive{opacity:.6}.identity-api-key-actions{gap:var(--spacing-xs)}.identity-api-key-copy-row code,.identity-api-key-preview{background:var(--color-surface-active);border-radius:var(--radius-sm);color:var(--color-text);font-family:monospace}.identity-api-key-preview{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.identity-api-key-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-xl);margin-top:var(--spacing-sm)}.identity-api-key-copy-row{flex-wrap:wrap}.identity-api-key-copy-row code{flex:1 1;font-size:var(--text-xs);min-width:200px;padding:var(--spacing-md);word-break:break-all}.identity-api-key-integration{background:var(--color-surface-hover);border-radius:var(--radius-md);color:var(--color-text);margin-top:var(--spacing-lg);padding:var(--spacing-lg);text-align:left}.identity-api-key-integration h4{margin:0 0 var(--spacing-sm)}.identity-api-key-integration pre{background:var(--color-text);border-radius:var(--radius-sm);color:var(--color-surface);font-size:var(--text-xs);margin:var(--spacing-sm) 0;overflow-x:auto;padding:var(--spacing-lg);white-space:pre-wrap;word-break:break-word}.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-active-text,.server-health-detail-label,.server-health-detail-value,.server-health-subtitle,.server-health-timestamp{font-size:var(--text-xs)}.server-health-active-text,.server-health-detail-label,.server-health-subtitle{color:var(--color-text-secondary)}.server-health-subtitle,.server-health-timestamp{margin:0}.server-health-active-banner{align-items:center;background-color:var(--validation-success-bg);border:1px solid var(--validation-success-border);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:var(--spacing-sm);width:var(--spacing-sm)}@keyframes server-health-pulse{0%,to{opacity:1}50%{opacity:.4}}.server-health-active-url,.server-health-detail-value{color:var(--color-text)}.server-health-active-url,.server-health-detail-value.mono,.server-health-url{font-family:monospace}.server-health-active-url{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:box-shadow var(--transition-normal)}.server-health-card:hover{box-shadow:var(--shadow-md)}.server-health-card.status-healthy{border-color:var(--validation-success-border)}.server-health-card.status-degraded{border-color:var(--validation-warning-border)}.server-health-card.status-offline{border-color:var(--validation-error-border)}.server-health-card.is-active{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.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:var(--spacing-md);width:var(--spacing-md)}.server-health-status-light.healthy{background-color:var(--color-success)}.server-health-status-light.degraded{background-color:var(--color-warning)}.server-health-status-light.offline{background-color:var(--color-danger)}.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,.server-health-detail{align-items:center;display:flex}.server-health-card-badges{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:var(--validation-warning-bg);border:1px solid var(--validation-warning-border);color:var(--validation-warning-text)}.server-health-badge.active{background-color:var(--validation-success-bg);border:1px solid var(--validation-success-border);color:var(--validation-success-text)}.server-health-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.server-health-detail{justify-content:space-between}.server-health-detail-value{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-url{background-color:var(--color-surface-hover);border-radius:var(--radius-sm);color:var(--color-text-muted);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-timestamp{color:var(--color-text-muted);text-align:right}@media (max-width:768px){.server-health-grid{grid-template-columns:1fr}.server-health-header{align-items:stretch;flex-direction:column}}.admin-panel .admin-section-active{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.admin-panel .admin-section-active>.collapsible-header{cursor:default;margin-bottom:0;padding:0 0 var(--spacing-md)}.admin-panel .admin-section-active>.collapsible-header:hover{color:var(--color-text)}.admin-panel .admin-section-active>.collapsible-header .admin-usage-count,.admin-panel .admin-section-active>.collapsible-header .chevron-icon{display:none}.admin-panel .admin-section-active>.admin-actions,.admin-panel .admin-section-active>.admin-form,.admin-panel .admin-section-active>.admin-list,.admin-panel .admin-section-active>.admin-section-content,.admin-panel .admin-section-active>.api-key-management,.admin-panel .admin-section-active>.google-seo-panel,.admin-panel .admin-section-active>.public-price-editor,.admin-panel .admin-section-active>.server-health-panel,.admin-panel .admin-section-active>.storage-bot-panel,.admin-panel .admin-section-active>.templates-section,.admin-panel .admin-section-active>.widget-code-generator{margin-top:0}.admin-panel .admin-section-content,.admin-panel .api-key-management,.admin-panel .google-seo-panel,.admin-panel .public-price-editor,.admin-panel .server-health-panel,.admin-panel .storage-bot-panel,.admin-panel .templates-section,.admin-panel .widget-code-generator{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.admin-panel .admin-section-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.admin-panel .admin-section-header,.admin-panel .google-seo-section-header,.admin-panel .server-health-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-md)}.admin-panel .admin-section-header h3,.admin-panel .google-seo-section-header h3,.admin-panel .server-health-title,.admin-panel .subsection-title,.admin-panel .widget-code-section h4,.admin-panel .widget-config-section h4,.admin-panel .widget-preview-section h4{color:var(--color-text);font-size:var(--text-lg);font-weight:700;letter-spacing:0;margin:0}.admin-panel .admin-empty,.admin-panel .admin-help-text,.admin-panel .admin-loading,.admin-panel .form-hint,.admin-panel .server-health-subtitle,.admin-panel .widget-code-help,.admin-panel .widget-help{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45;margin:0}.admin-panel .admin-empty,.admin-panel .admin-loading,.admin-panel .google-seo-empty{background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--spacing-lg)}.admin-panel .admin-form,.admin-panel .google-seo-filter-row,.admin-panel .google-seo-toolbar,.admin-panel .widget-code-section,.admin-panel .widget-config-section,.admin-panel .widget-preview-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.admin-panel .admin-form{align-items:end;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:0}.admin-panel .admin-form .form-group,.admin-panel .google-seo-toolbar .form-group,.admin-panel .widget-form-group{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);margin:0}.admin-panel .admin-form label,.admin-panel .form-group label,.admin-panel .widget-form-group label{color:var(--color-text);font-size:var(--text-sm);font-weight:700;margin:0}.admin-panel .form-input,.admin-panel .form-select,.admin-panel .form-textarea,.admin-panel input:not([type=checkbox]):not([type=radio]),.admin-panel select,.admin-panel textarea{background:var(--color-surface);background:var(--input-background,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;min-height:40px;padding:9px var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);width:100%}.admin-panel .form-textarea,.admin-panel textarea{min-height:96px;resize:vertical}.admin-panel .form-input:focus,.admin-panel .form-select:focus,.admin-panel .form-textarea:focus,.admin-panel input:not([type=checkbox]):not([type=radio]):focus,.admin-panel select:focus,.admin-panel textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f624;outline:none}.admin-panel .admin-form>label,.admin-panel .checkbox-label,.admin-panel .custom-checkbox,.admin-panel .widget-checkbox{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);min-height:40px;padding:9px var(--spacing-md)}.admin-panel .admin-actions,.admin-panel .api-key-actions,.admin-panel .database-actions,.admin-panel .google-seo-card-actions,.admin-panel .template-actions,.admin-panel .widget-admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-panel .admin-section-active>.admin-actions,.admin-panel .admin-section-content>.admin-actions,.admin-panel .database-actions{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.admin-panel .admin-actions button,.admin-panel .api-key-actions button,.admin-panel .database-actions button,.admin-panel .google-seo-card-actions button,.admin-panel .template-actions button,.admin-panel .widget-admin-actions button{flex:0 0 auto;max-width:none;min-width:auto;white-space:nowrap}.admin-panel .admin-list,.admin-panel .api-keys-list,.admin-panel .google-seo-card-list,.admin-panel .storage-bot-run-list,.admin-panel .templates-list{grid-gap:var(--spacing-md);border:0;display:grid;gap:var(--spacing-md);list-style:none;margin:0;overflow:visible;padding:0}.admin-panel .admin-item,.admin-panel .api-key-item,.admin-panel .google-seo-card,.admin-panel .server-health-card,.admin-panel .storage-bot-run-item,.admin-panel .template-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;padding:var(--spacing-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-panel .admin-item{grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid var(--color-border);display:grid;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) auto}.admin-panel .admin-item:hover,.admin-panel .api-key-item:hover,.admin-panel .google-seo-card:hover,.admin-panel .server-health-card:hover,.admin-panel .template-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:none}.admin-panel .admin-line{gap:var(--spacing-xs);min-width:0}.admin-panel .admin-line span,.admin-panel .api-key-meta,.admin-panel .google-seo-card-kicker,.admin-panel .template-meta{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.admin-panel .admin-line span:first-child,.admin-panel .api-key-name strong,.admin-panel .template-name strong{color:var(--color-text);font-weight:700}.admin-panel .priority-indicator,.admin-panel .status-badge,.admin-panel .template-key{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:700;line-height:1;min-height:22px;padding:2px var(--spacing-sm);width:fit-content}.admin-panel .admin-divider{border:0;border-top:1px solid var(--color-border);margin:0;width:100%}.admin-panel .ai-config-info,.admin-panel .ai-test-result,.admin-panel .database-stats-display,.admin-panel .database-stats-section,.admin-panel .widget-code-group{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.admin-panel .api-key-meta,.admin-panel .stats-grid,.admin-panel .template-meta{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-panel .server-health-detail,.admin-panel .stat-badge,.admin-panel .stat-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.admin-panel .widget-config-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}.admin-panel .widget-code-section,.admin-panel .widget-config-section,.admin-panel .widget-preview-section{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.admin-panel .api-key-preview code,.admin-panel .template-content-preview code,.admin-panel .widget-code-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:block;font-size:var(--text-sm);max-width:100%;overflow-x:auto;padding:var(--spacing-md)}.admin-panel .google-seo-filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.admin-panel .admin-section-danger .admin-actions,.admin-panel .admin-section-danger .database-actions{background:#ef44440f;border-color:#ef444459}@media (max-width:900px){.admin-panel .admin-item,.admin-panel .widget-config-grid{grid-template-columns:1fr}.admin-panel .admin-actions,.admin-panel .api-key-actions,.admin-panel .database-actions,.admin-panel .google-seo-card-actions,.admin-panel .template-actions,.admin-panel .widget-admin-actions{justify-content:flex-start}}.organization-admin-section{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.organization-employee-form,.organization-location-form{align-items:start}.organization-location-advanced{display:block}.organization-location-advanced>summary{color:var(--color-text);cursor:pointer;font-size:var(--text-base);font-weight:600}.organization-location-advanced[open]>summary{margin-bottom:var(--spacing-md)}.admin-location-subsection{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)}.admin-location-subsection-full{grid-column:1/-1}.admin-location-settings-grid{grid-gap:var(--spacing-md);align-items:start;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-location-checkbox-group{align-items:center;display:flex}.admin-location-checkbox-group .checkbox-label{font-size:var(--text-sm);font-weight:500}.admin-location-rule-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-location-rule-title{font-size:var(--text-base);margin:0}.admin-location-day-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.admin-location-day-card,.admin-location-override-card{background-color:var(--secondary-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.admin-location-date-overrides-header,.admin-location-day-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between}.admin-location-day-header h6{font-size:var(--text-sm);margin:0}.admin-location-interval-list,.admin-location-overrides-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-location-interval-row{grid-gap:var(--spacing-sm);align-items:end;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-location-inline-button{max-width:none;min-width:auto;width:fit-content}.admin-location-empty-state{margin:0}.admin-location-override-grid{grid-gap:var(--spacing-md);align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.location-deletion-dialog{max-height:92vh;width:min(720px,94vw)}.location-deletion-popup{max-height:84vh;width:100%}.location-deletion-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);padding:var(--spacing-lg)}.location-deletion-loading{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--spacing-sm);justify-content:center;min-height:160px;padding:var(--spacing-xl)}.location-deletion-spinner{animation:location-deletion-spin .9s linear infinite;color:var(--color-primary)}@keyframes location-deletion-spin{to{transform:rotate(1turn)}}.location-deletion-google-warning .validation-box-content,.location-deletion-warning p{margin:var(--spacing-xs) 0 0}.location-deletion-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,minmax(0,1fr))}.location-deletion-stat{grid-gap:var(--spacing-xs);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:center}.location-deletion-stat strong{color:var(--color-text);font-size:var(--text-xl)}.location-deletion-stat span{color:var(--color-text-secondary);font-size:var(--text-xs)}.location-deletion-section{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.location-deletion-section h4{color:var(--color-text);font-size:var(--text-base);margin:0}.location-deletion-employee-list{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.location-deletion-employee-list li{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.location-deletion-employee-list small{color:var(--color-text-muted)}.location-deletion-destination{grid-gap:var(--spacing-md);align-items:center;background:var(--validation-info-bg);border:1px solid var(--validation-info-border);border-radius:var(--radius-lg);color:var(--validation-info-text);display:grid;gap:var(--spacing-md);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--spacing-md)}.location-deletion-destination .form-group{margin:0}.location-deletion-confirmation{align-items:flex-start;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.location-deletion-actions{margin:0 calc(var(--spacing-lg)*-1) calc(var(--spacing-lg)*-1)}@media (max-width:768px){.admin-location-date-overrides-header,.admin-location-day-header{align-items:flex-start;flex-direction:column}.admin-location-inline-button{width:100%}}@media (max-width:640px){.location-deletion-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.location-deletion-destination{grid-template-columns:auto minmax(0,1fr)}.location-deletion-destination>svg:last-child{display:none}.location-deletion-actions{align-items:stretch;flex-direction:column-reverse}.location-deletion-actions button{width:100%}}.ai-auth-panel{grid-gap:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-md);grid-column:1/-1;padding:var(--spacing-lg)}.ai-auth-device-code,.ai-auth-header,.ai-auth-provider-summary,.ai-auth-server-heading{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.ai-auth-header>div,.ai-auth-provider-summary>div,.ai-auth-server-heading>div{min-width:0}.ai-auth-header .admin-description,.ai-auth-header .subsection-title,.ai-auth-job p,.ai-auth-provider p,.ai-auth-server-heading h5{margin:0}.ai-auth-server-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ai-auth-server-card,.ai-auth-server-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.ai-auth-server-card{align-content:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.ai-auth-server-card.is-offline{border-color:var(--color-danger)}.ai-auth-server-heading h5{color:var(--color-text);font-size:var(--text-base)}.ai-auth-provider-message,.ai-auth-provider-summary span,.ai-auth-server-heading span,.ai-auth-verification-time{color:var(--color-text-secondary);font-size:var(--text-sm)}.ai-auth-server-heading>div>span{display:block;margin-top:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-auth-node-status,.ai-auth-provider-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex:0 0 auto;font-size:var(--text-xs);font-weight:700;min-height:24px;padding:2px var(--spacing-sm)}.ai-auth-node-status.is-online,.ai-auth-provider-status.is-verified{background:var(--btn-primary-bg-soft);color:var(--color-success)}.ai-auth-node-status.is-error,.ai-auth-provider-status.is-error{background:var(--btn-danger-bg-soft);color:var(--color-danger)}.ai-auth-node-status.is-loading,.ai-auth-provider-status.is-unknown{background:var(--color-surface-hover);color:var(--color-text-secondary)}.ai-auth-provider{grid-gap:var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);padding:var(--spacing-md)}.ai-auth-provider-summary span,.ai-auth-provider-summary strong{display:block}.ai-auth-provider-summary strong{color:var(--color-text)}.ai-auth-provider-summary>div>span{margin-top:var(--spacing-xs)}.ai-auth-provider>button{justify-self:start}.ai-auth-error,.ai-auth-job{border-radius:var(--radius-md);font-size:var(--text-sm);margin:0;padding:var(--spacing-sm) var(--spacing-md)}.ai-auth-error,.ai-auth-job.is-failed{background:var(--btn-danger-bg-soft);border:1px solid var(--color-danger);color:var(--color-danger)}.ai-auth-job{grid-gap:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);display:grid;gap:var(--spacing-sm)}.ai-auth-job.is-completed{background:var(--btn-primary-bg-soft);border-color:var(--color-success);color:var(--color-success)}.ai-auth-device-flow{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.ai-auth-device-flow>.btn-primary{justify-self:start;text-decoration:none}.ai-auth-device-code{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:flex-start;padding:var(--spacing-sm)}.ai-auth-device-code span{color:var(--color-text-secondary);font-size:var(--text-xs)}.ai-auth-device-code code{color:var(--color-text);font-size:var(--text-lg);font-weight:800;letter-spacing:.08em}.easy-pc-ai-provider-admin{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.easy-pc-ai-provider-form{margin-top:0}.ai-test-result{border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.ai-test-result.success{background-color:var(--validation-success-bg);border:1px solid var(--validation-success-border)}.ai-test-result.error{background-color:var(--validation-error-bg);border:1px solid var(--validation-error-border)}.ai-test-message{margin:var(--spacing-sm) 0 0;white-space:pre-wrap}.ai-test-response{background-color:var(--color-surface-active);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.ai-test-response p{margin:var(--spacing-xs) 0 0}.ai-config-info{color:var(--color-text-secondary);font-size:var(--text-sm)}.ai-config-info p{margin:0}@media (max-width:720px){.ai-auth-device-code,.ai-auth-header,.ai-auth-provider-summary,.ai-auth-server-heading{align-items:flex-start;flex-direction:column}.ai-auth-server-grid{grid-template-columns:1fr}}.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{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:1200px;width:80vh}.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.danger{background-color:var(--validation-error-bg);border-color:var(--validation-error-border);color:var(--validation-error-text)}.morning-inbox-action-btn.danger:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.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)}}@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}.morning-inbox-filter-icon{margin-right:4px}.morning-inbox-retry-button{margin-top:16px}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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}}.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:var(--btn-primary-text)}.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}}.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--completed_with_errors{background-color:var(--status-pending-bg);border:1px solid var(--validation-warning-border);color:var(--status-pending-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%}}.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-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.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)}.public-live-chat-controls{background:var(--color-surface-elevated);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;flex-direction:column;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.public-live-chat-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.case-message-popup{max-height:none;max-width:calc(100vw - var(--spacing-xl));width:min(760px,calc(100vw - var(--spacing-xl)))}.case-conversation{--case-outgoing:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));--case-accent:color-mix(in srgb,var(--color-primary) 22%,var(--color-border));color:var(--color-text);min-height:0;min-width:0}.case-conversation,.case-conversation .chat-title{display:flex;flex-direction:column;gap:var(--spacing-sm)}.case-conversation .chat-title{align-items:stretch;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex:0 0 auto;max-height:none;padding:0 0 var(--spacing-sm)}.case-conversation .chat-title h3{font-size:var(--text-lg);font-weight:600;margin:0}.case-muted{color:var(--color-text-secondary);font-size:var(--text-sm)}.case-conversation .chat-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:none;flex:1 1;gap:var(--spacing-xs);max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-lg);scrollbar-gutter:stable}.case-conversation .chat-container>*{flex-shrink:0}.case-conversation .message-bubble{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:none;margin:var(--spacing-sm) 0 0;max-width:84%;padding:var(--spacing-md) var(--spacing-lg)}.case-conversation .message-bubble.sender{background:var(--case-outgoing);border-bottom-right-radius:var(--radius-sm);border-color:var(--case-accent);color:var(--color-text);margin-left:auto}.case-conversation .message-bubble.receiver{background:var(--color-surface);border-bottom-left-radius:var(--radius-sm);color:var(--color-text);margin-right:auto}.case-conversation .message-bubble.internal-only{background:var(--color-surface-active);border-style:dashed}.case-conversation .case-message-grouped{margin-top:0}.case-conversation .case-message-grouped .message-author{display:none}.case-conversation .message-content p{font-size:var(--text-sm);line-height:1.65}.case-conversation .message-author{font-weight:600;margin-bottom:var(--spacing-xs)}.case-conversation .message-meta{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:var(--spacing-sm);opacity:1}.case-conversation .message-via-indicator{color:var(--color-text-secondary);font-weight:400}.case-conversation .message-email-link{cursor:pointer;text-decoration:underline}.case-conversation .date.separator{color:var(--color-text-secondary);font-size:var(--text-xs);margin:var(--spacing-lg) 0;text-align:center}.case-conversation .add-customer-update{flex:0 0 auto;margin-top:0}.customer-updates-section.case-conversation .message-input-container{grid-gap:var(--spacing-sm);align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-sizing:border-box;display:grid;gap:var(--spacing-sm);grid-template-areas:"message message message" "tools channels send";grid-template-columns:minmax(0,1fr) auto auto;margin-top:0;padding:var(--spacing-md);position:relative;width:100%}.customer-updates-section.case-conversation .message-input-container:focus-within{border-color:var(--color-primary);outline:2px solid var(--case-outgoing);outline-offset:2px}.case-conversation .message-textarea{background:#0000;border:0;box-shadow:none;box-sizing:border-box;color:var(--color-text);font:inherit;grid-area:message;height:clamp(64px,12dvh,104px);line-height:1.6;max-height:none;min-height:0;outline:none;padding:var(--spacing-xs);resize:none;width:100%}.case-conversation .qr-inline-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);grid-area:tools;position:static}.case-conversation .qr-attachment-btn{flex-shrink:0;gap:var(--spacing-xs);margin:0;min-height:36px;padding:var(--spacing-sm);white-space:nowrap}.case-conversation .case-send-split{align-self:center;display:inline-flex;gap:0;grid-area:send;margin-left:auto}.case-conversation .case-send-split>.send{background:color-mix(in srgb,var(--color-success) 7%,var(--color-surface));border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success-hover);margin:0;padding:var(--spacing-sm) var(--spacing-lg)}.case-conversation .case-send-split:has(.case-send-dropdown)>.send:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.case-conversation .case-send-split>.case-send-dropdown{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;padding-inline:var(--spacing-sm)}.case-conversation .case-send-split>.send:hover:not(:disabled){background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface))}.case-conversation button:disabled{cursor:not-allowed;opacity:.5}.case-conversation button:focus-visible,.case-generated-history button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.case-conversation .checkbox-options{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-md);grid-area:channels;margin:0;padding:0}.case-conversation .checkbox-label{align-items:center;display:flex;gap:var(--spacing-sm)}.case-channel-picker{align-items:center;display:flex;grid-area:channels}.case-conversation .case-channel-toggle,.case-insert-icon,.case-phone-menu{display:none}.case-channel-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.case-channel-options label{align-items:center;display:flex;gap:var(--spacing-sm)}.case-channel-options input[type=checkbox]{width:auto}.case-popover-anchor{position:relative}.case-composer-popover{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);box-sizing:border-box;color:var(--color-text);max-height:65dvh;max-width:calc(100vw - var(--spacing-2xl));overflow-y:auto;padding:var(--spacing-md);position:fixed;width:290px;z-index:100000}.case-composer-popover[role=menu]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.case-composer-popover[role=menu] button{background:#0000;border:0;border-radius:var(--radius-md);color:var(--color-text);padding:var(--spacing-md);text-align:left}.case-composer-popover[role=menu] button:focus,.case-composer-popover[role=menu] button:hover{background:var(--color-surface-active)}.case-popover-heading{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.case-popover-heading button{background:#0000;border:0;color:var(--color-text);font-size:var(--text-lg)}.case-emoji-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(6,1fr);margin-block:var(--spacing-md)}.case-emoji-grid button{background:#0000;border:0;border-radius:var(--radius-md);font-size:var(--text-xl);padding:var(--spacing-xs)}.case-emoji-grid button:hover{background:var(--color-surface-active)}.case-customer-inquiry,.case-reply-draft,.case-scheduled-replies{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.case-reply-draft{border-color:var(--case-accent)}.case-reply-draft>.case-message-preview{margin-block:var(--spacing-sm)}.case-reply-draft article,.case-scheduled-replies article{border-top:1px solid var(--color-border);padding-block:var(--spacing-md)}.case-message-preview{line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.case-count{background:var(--color-surface-active);border-radius:var(--radius-full);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.case-conversation summary{cursor:pointer;font-size:var(--text-sm)}.case-dialog-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.case-generated-history{max-height:85dvh;width:min(880px,calc(100vw - var(--spacing-xl)))}.case-composer-popover input,.case-generated-history input,.case-reply-draft textarea,.case-schedule-dialog input,.case-schedule-dialog textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);padding:var(--spacing-sm);width:100%}.case-history-layout{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin-top:var(--spacing-lg)}.case-history-preview,.case-history-results{max-height:54dvh;overflow-y:auto;overscroll-behavior:contain}.case-history-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);text-align:left;width:100%}.case-history-result>span:last-child{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.case-history-result.is-selected{background:var(--color-surface-active);border-color:var(--color-primary)}.case-history-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.case-prepared-preview,.case-schedule-dialog{width:min(540px,calc(100vw - var(--spacing-xl)))}.case-schedule-dialog label{display:block;margin-bottom:var(--spacing-lg)}@media (max-width:600px){.case-conversation .chat-container{padding:var(--spacing-sm)}.case-conversation .message-bubble{max-width:92%;padding:var(--spacing-sm) var(--spacing-md)}.case-history-layout{grid-template-columns:minmax(0,1fr)}.case-history-results{max-height:25dvh}.case-history-preview{max-height:30dvh}.case-conversation .qr-inline-actions{gap:var(--spacing-xs)}}.case-conversation .message-content .message-text{margin:0;padding:0}.case-conversation .qr-attachment-btn{background:var(--color-surface);color:var(--color-text-secondary)}.case-conversation .qr-inline-actions{box-sizing:border-box;width:100%}.case-conversation .message-textarea{padding-bottom:var(--spacing-xs)}.draggable-popup.case-communication-dialog{max-height:calc(100dvh - var(--spacing-lg));max-width:calc(100vw - var(--spacing-xl));width:fit-content}.case-shortcut-bar{align-items:center;color:var(--color-text-secondary);display:flex;flex:0 0 auto;font-size:var(--text-xs);gap:var(--spacing-md);padding-top:var(--spacing-xs)}.case-shortcut-bar>span{align-items:center;display:inline-flex;gap:var(--spacing-xs);white-space:nowrap}.case-shortcut-bar kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:inherit;line-height:1;padding:var(--spacing-xs)}.draggable-popup.case-conversation-dialog{height:min(800px,calc(100dvh - var(--spacing-xl)));overflow:hidden;width:min(780px,calc(100vw - var(--spacing-xl)))}.draggable-popup.case-conversation-dialog.draggable-popup--minimized{height:auto}.case-conversation-dialog>.draggable-popup__body{max-height:none;max-width:none;min-height:0;overflow:hidden;width:100%}.case-conversation-dialog .popup-content--managed-scroll{box-sizing:border-box;padding:var(--spacing-md)}.case-conversation-dialog .case-conversation{overflow:hidden}.case-conversation-dialog .customer-chat-popup-content{flex:1 1;height:auto;max-height:none;min-height:0}.case-conversation-dialog .customer-chat-popup{width:100%!important}.case-thread-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.case-thread-views{align-items:center;display:flex;gap:var(--spacing-xs)}.case-thread-views button{align-items:center;background:#0000;border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-flex;font:inherit;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.case-thread-views button[aria-pressed=true]{background:var(--color-surface-active);color:var(--color-text);font-weight:600}.case-thread-more{margin-left:auto}.case-draft-slot{margin-top:var(--spacing-lg)}.case-draft-dot{background:var(--color-primary);border-radius:var(--radius-full);height:var(--spacing-sm);width:var(--spacing-sm)}.case-attention{color:var(--color-danger);font-weight:700}.case-empty-conversation{margin:auto;text-align:center}.case-conversation .case-customer-inquiry,.case-conversation .case-scheduled-replies{background:#0000;border:0;padding:0}.case-conversation .pending-attachments-preview{flex-wrap:nowrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);overflow:hidden;padding:var(--spacing-xs) 0}.case-conversation .pending-attachment-item{flex:0 1 52px;height:44px;min-width:0;width:52px}.case-conversation .pending-attachment-file,.case-conversation .pending-attachment-thumb{height:100%;width:100%}.case-conversation .pending-attachment-remove{right:0;top:0}.case-conversation .phone-photo-error,.case-conversation .phone-photo-received,.case-conversation .phone-photo-waiting{font-size:var(--text-xs);margin:0;padding:var(--spacing-xs)}.case-popover-position{display:none}@media (max-width:700px){.case-conversation .case-tool-label{display:none}.case-conversation .message-input-container{padding:var(--spacing-sm)}.case-thread-heading{gap:var(--spacing-xs) var(--spacing-sm)}.case-thread-heading h3{font-size:var(--text-base)}.case-thread-views button{font-size:var(--text-xs);padding:var(--spacing-xs)}.case-conversation .checkbox-options{gap:var(--spacing-sm)}.case-conversation .checkbox-options .checkbox-label{font-size:var(--text-xs);gap:var(--spacing-xs)}.case-insert-icon{display:inline}.case-shortcut-bar{gap:var(--spacing-xs)}.case-shortcut-bar .case-shortcut-label{display:none}.case-conversation .qr-attachment-btn{min-height:32px;padding:var(--spacing-xs)}.case-conversation .case-send-split>.send{padding-inline:var(--spacing-sm)}.case-conversation .case-send-split>.case-send-dropdown{padding-inline:var(--spacing-xs)}}@media (max-width:600px){.case-conversation .case-channel-toggle{display:inline-flex}.case-conversation .case-channel-picker .checkbox-options,.case-conversation .case-phone-tool{display:none}.case-phone-menu{display:block}}@media (max-height:600px){.case-conversation .message-textarea{height:56px}.case-conversation .chat-title{gap:var(--spacing-xs)}}@media (max-height:450px){.case-conversation .case-thread-heading{display:none}.case-conversation .message-textarea{height:40px}.case-conversation .message-input-container{gap:var(--spacing-xs);padding:var(--spacing-sm)}.case-conversation .pending-attachment-item{height:28px}}.case-composer-heading{display:flex;flex:0 0 auto;justify-content:flex-end}.case-composer-heading button{align-items:center;display:inline-flex;font-size:var(--text-xs);gap:var(--spacing-xs);padding:var(--spacing-xs)}.case-conversation.case-composer-expanded .chat-container{flex:0 1 15%}.case-conversation.case-composer-expanded .add-customer-update{display:flex;flex:1 1;flex-direction:column;min-height:0}.case-conversation.case-composer-expanded .message-input-container{flex:1 1;grid-template-rows:minmax(0,1fr) auto;min-height:0}.case-conversation.case-composer-expanded .message-textarea{height:100%;min-height:0}.case-shortcut-bar{flex-wrap:wrap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.application-dialog-backdrop{--application-dialog-backdrop-layer:20000;background:color-mix(in srgb,var(--color-text) 32%,#0000);inset:0;pointer-events:auto;position:fixed;z-index:var(--application-dialog-backdrop-layer)}.draggable-popup-portal:has(.application-dialog){--application-dialog-portal-layer:10000;z-index:var(--application-dialog-portal-layer)}.draggable-popup.application-dialog{--application-dialog-layer:20001;--application-dialog-width:30rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);color:var(--color-text);left:50%!important;max-height:calc(100dvh - var(--spacing-2xl));position:fixed;top:50%!important;transform:translate(-50%,-50%)!important;width:min(var(--application-dialog-width),calc(100vw - var(--spacing-2xl)))!important;z-index:var(--application-dialog-layer)!important}.application-dialog .popup-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--color-surface)!important;border-bottom:1px solid var(--color-border);cursor:default;padding:var(--spacing-lg) var(--spacing-xl)}.application-dialog .popup-header h2{font-size:var(--text-lg)}.application-dialog .popup-content{overflow:auto;padding:var(--spacing-xl)}.application-dialog-message{line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.application-dialog-field{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.application-dialog-field input{box-sizing:border-box;width:100%}.application-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.application-dialog-shortcuts{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-lg);justify-content:flex-end;margin-top:var(--spacing-lg)}.application-dialog-shortcuts kbd{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;padding:0 var(--spacing-xs)}.application-dialog :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.crm-credentials-info,.crm-credentials-page{color:var(--color-text)}.crm-credentials-info{align-items:flex-start;background:var(--validation-info-bg);border:1px solid var(--validation-info-border);border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);gap:var(--spacing-md);line-height:1.5;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.crm-credential-sharing-info svg,.crm-credentials-info svg{color:var(--validation-info-icon);flex-shrink:0;margin-top:2px}.crm-credentials-unlock-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-lg);gap:var(--spacing-sm);margin:0 0 var(--spacing-md)}.crm-credentials-unlock-title svg{color:var(--color-primary)}.crm-credentials-methods{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.crm-credentials-methods button{flex:1 1}.crm-credentials-unlock-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.crm-credentials-unlock-form>button{width:100%}.crm-credentials-sms-info{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.crm-credentials-code{font-size:var(--text-xl);letter-spacing:var(--spacing-sm);max-width:220px;text-align:center}.crm-credentials-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.crm-credentials-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.crm-credential-card-header h4,.crm-credentials-add-form h4,.crm-credentials-header h3{color:var(--color-text);margin:0}.crm-credentials-empty{color:var(--color-text-secondary);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.crm-credentials-empty p{margin:0 0 var(--spacing-sm)}.crm-credentials-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.crm-credential-card,.crm-credentials-add-form{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.crm-credential-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.crm-credential-card-actions,.crm-credential-edit-actions{display:flex;gap:var(--spacing-sm)}.crm-credential-value-row{align-items:center;background:var(--color-surface);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.crm-credential-value{color:var(--color-text);flex:1 1;font-family:monospace;font-size:var(--text-lg);overflow-wrap:anywhere}.crm-credential-value-row .btn-icon{width:auto}.crm-credential-sharing{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.crm-credential-sharing-info{background:var(--validation-info-bg);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);line-height:1.4;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.crm-credential-edit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.crm-credentials-add-button{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;width:100%}.crm-credentials-add-form{border-style:dashed;border-width:2px}.crm-credentials-add-form h4{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.crm-credential-input-wrapper{align-items:center;display:flex;position:relative}.crm-credential-input-wrapper input{padding-right:48px}.crm-credential-toggle-button{background:#0000;border:0;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);position:absolute;right:var(--spacing-sm)}.crm-credential-dialog-overlay{align-items:center;background:var(--color-overlay-dark);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.crm-credential-dialog{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:440px;padding:var(--spacing-2xl);text-align:center;width:100%}.crm-credential-dialog-icon{align-items:center;background:var(--validation-warning-bg);border-radius:var(--radius-full);color:var(--validation-warning-icon);display:flex;font-size:var(--text-2xl);height:64px;justify-content:center;margin:0 auto var(--spacing-lg);width:64px}.crm-credential-dialog h4{color:var(--color-text);font-size:var(--text-xl);margin:0 0 var(--spacing-lg)}.crm-credential-dialog p{color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.crm-credential-dialog .crm-credential-dialog-warning{color:var(--color-danger);font-weight:500}.crm-credential-dialog-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}@media (max-width:600px){.crm-credential-edit-actions,.crm-credential-value-row,.crm-credentials-methods{align-items:stretch;flex-direction:column}.crm-credential-card-header{align-items:flex-start}.crm-credential-edit-actions button{justify-content:center;width:100%}}.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%}}.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}.repair-popup .not-fixable-section{margin-top:var(--spacing-xl);padding:16px}.repair-explanation-group{margin-bottom:var(--spacing-lg)}.repair-explanation-group label{font-weight:600}.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)}.repair-knowledge-questions{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.repair-knowledge-questions .form-help,.repair-knowledge-questions h4{margin:0}.repair-knowledge-questions textarea{min-height:calc(var(--spacing-xl)*2)}.repair-knowledge-existing{color:var(--color-text-secondary);font-size:var(--text-sm);white-space:pre-wrap}.shelf-display-overlay{--shelf-empty-bg:#22c55e;--shelf-empty-border:#15803d;--shelf-ready-bg:#facc15;--shelf-ready-border:#ca8a04;--shelf-occupied-bg:#ef4444;--shelf-occupied-border:#b91c1c;--shelf-board-bg:#374151;--shelf-dot-border:#00000040;--shelf-on-dark:#fff;--shelf-on-light:#111827;--shelf-preference-active-bg:#22c55e2e;--shelf-preferred-marker:#713f12;--shelf-preferred-ring:#facc15e6;--shelf-unmapped-bg:#ef44441f;background:var(--color-background);box-sizing:border-box;color:var(--color-text);display:flex;flex-direction:column;gap:clamp(8px,1.1vh,16px);height:100vh;height:100dvh;inset:0;overflow:hidden;padding:clamp(10px,1.5vh,24px) clamp(12px,1.6vw,24px);position:fixed;z-index:1001}.shelf-display-header{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-lg);justify-content:space-between;min-height:44px}.shelf-display-header h2{font-size:var(--text-xl);font-weight:700;letter-spacing:0;margin:0}.shelf-display-meta{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.shelf-display-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.shelf-display-legend{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.shelf-display-legend span{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.shelf-display-dot{border:1px solid var(--shelf-dot-border);border-radius:var(--radius-sm);height:12px;width:12px}.shelf-display-dot-empty{background:var(--shelf-empty-bg)}.shelf-display-dot-ready{background:var(--shelf-ready-bg)}.shelf-display-dot-occupied{background:var(--shelf-occupied-bg)}.shelf-display-action-button,.shelf-display-close-button{align-items:center;display:inline-flex;gap:var(--spacing-xs);justify-content:center;min-height:36px}.shelf-display-close-button{padding:0;width:40px}.shelf-display-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;font-size:var(--text-lg);justify-content:center}.shelf-display-content{grid-gap:clamp(8px,1.2vw,18px);display:grid;flex:1 1;gap:clamp(8px,1.2vw,18px);grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.shelf-display-content-with-panel{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.shelf-display-board{grid-gap:clamp(8px,1.2vw,18px);align-items:stretch;box-sizing:border-box;display:grid;flex:1 1;gap:clamp(8px,1.2vw,18px);grid-template-columns:repeat(var(--repair-shelf-column-count),minmax(0,1fr));min-height:0;overflow:hidden}.shelf-display-column{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;min-width:0}.shelf-display-column-title{flex:0 0 auto;font-size:var(--text-lg);font-weight:700;letter-spacing:0;padding-bottom:clamp(4px,.6vh,8px);text-align:center}.shelf-display-slots{grid-gap:clamp(2px,.45vh,6px);background:var(--shelf-board-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex:1 1;gap:clamp(2px,.45vh,6px);grid-template-rows:repeat(var(--repair-shelf-row-count),minmax(0,1fr));padding:clamp(5px,.8vh,10px)}.shelf-display-slot,.shelf-display-slots{box-sizing:border-box;display:grid;min-height:0}.shelf-display-slot{grid-gap:var(--spacing-xs);align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--shelf-on-light);cursor:pointer;font:inherit;font-size:.72rem;gap:var(--spacing-xs);grid-template-columns:34px 74px minmax(0,1fr);height:100%;line-height:1.05;min-width:0;padding:2px var(--spacing-sm);position:relative;text-align:left;transition:transform var(--transition-fast),filter var(--transition-fast)}.shelf-display-slot:hover{filter:brightness(.96)}.shelf-display-slot-empty{background:var(--shelf-empty-bg);border-color:var(--shelf-empty-border);cursor:default}.shelf-display-slot-ready{background:var(--shelf-ready-bg);border-color:var(--shelf-ready-border)}.shelf-display-slot-ready:hover{transform:translateY(-1px)}.shelf-display-slot-occupied{background:var(--shelf-occupied-bg);border-color:var(--shelf-occupied-border);color:var(--shelf-on-dark)}.shelf-display-slot-preferred{box-shadow:inset 0 0 0 2px var(--shelf-preferred-ring)}.shelf-display-preferred-marker{align-items:center;color:var(--shelf-preferred-marker);display:inline-flex;font-size:.58rem;justify-content:center;pointer-events:none;position:absolute;right:4px;top:2px}.shelf-display-slot-code,.shelf-display-ticket-name,.shelf-display-ticket-number{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-display-slot-code,.shelf-display-ticket-number{font-weight:700}.shelf-display-ticket-name{font-weight:500}.shelf-display-unmapped{background:var(--shelf-unmapped-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);flex:0 0 auto;font-size:var(--text-sm);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);text-overflow:ellipsis;white-space:nowrap}.shelf-preferences-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:var(--spacing-md)}.shelf-preferences-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex:0 0 auto;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-sm)}.shelf-preferences-header h3{color:var(--color-text);font-size:var(--text-lg);font-weight:700;letter-spacing:0;margin:0}.shelf-preferences-header span{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);margin-top:var(--spacing-xs)}.shelf-preferences-clear-button{min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.shelf-preferences-scroll{grid-gap:var(--spacing-md);align-content:start;display:grid;gap:var(--spacing-md);min-height:0;overflow:auto;padding:var(--spacing-md) 2px}.shelf-preferences-column{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;min-width:0;padding:var(--spacing-sm)}.shelf-preferences-column legend{color:var(--color-text);font-size:var(--text-sm);font-weight:700;padding:0 var(--spacing-xs)}.shelf-preferences-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}.shelf-preference-shelf{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--text-xs);font-weight:700;gap:3px;justify-content:center;letter-spacing:0;min-height:30px;min-width:0;padding:0 var(--spacing-xs);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.shelf-preference-shelf:hover{background:var(--color-surface-active);border-color:var(--color-primary)}.shelf-preference-shelf.active{background:var(--shelf-preference-active-bg);border-color:var(--shelf-empty-border);color:var(--shelf-empty-border)}.shelf-preference-shelf svg{flex:0 0 auto;font-size:.65rem}.shelf-preferences-footer{border-top:1px solid var(--color-border);display:flex;flex:0 0 auto;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-sm)}.shelf-preferences-footer button{align-items:center;display:inline-flex;gap:var(--spacing-xs);justify-content:center}@media (max-width:1280px){.shelf-display-content-with-panel .shelf-display-slot{grid-template-columns:30px minmax(0,1fr)}.shelf-display-content-with-panel .shelf-display-ticket-name{display:none}}@media (max-width:900px){.shelf-display-content-with-panel{grid-template-columns:minmax(0,1fr)}.shelf-preferences-panel{max-height:38vh}}@media (max-width:1050px){.shelf-display-slot{grid-template-columns:30px minmax(0,1fr)}.shelf-display-ticket-name{display:none}}.storage-workspace{color:var(--color-text)}.storage-shortcut-bar{--storage-shortcut-layer:10000;background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-sizing:border-box;color:var(--color-text-secondary);font-size:var(--text-xs);left:0;padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom));position:fixed;right:0;z-index:var(--storage-shortcut-layer)}.storage-shortcut-bar,.storage-shortcut-bar-items{align-items:center;display:flex;gap:var(--spacing-lg)}.storage-shortcut-bar-items{flex:1 1;overflow-x:auto}.storage-shortcut-bar .btn-ghost,.storage-shortcut-bar-items>span{align-items:center;display:inline-flex;gap:var(--spacing-xs);white-space:nowrap}.storage-shortcut-bar .btn-ghost{flex-shrink:0;font-size:var(--text-xs);padding:0}.storage-shell.delelager-container,.storage-shell.storage-orders{padding-bottom:calc(var(--spacing-2xl)*3)}.storage-shell .catalog-actions .storage-create-button{align-self:center;border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.storage-shell .catalog-actions{align-items:center}.storage-shell.delelager-container{box-sizing:border-box;margin:0 auto;max-width:1320px;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-2xl)*3);width:100%}.storage-shell .catalog-surface{background:#0000;border:0;border-radius:0;box-shadow:none;padding:0}.storage-shell .catalog-header{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between;margin:0 0 var(--spacing-xl);padding:0;text-align:left}.storage-shell .catalog-header h1{font-size:var(--text-2xl);letter-spacing:-.03em;margin:var(--spacing-xs) 0 var(--spacing-sm);text-align:left}.storage-eyebrow{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.storage-shell .catalog-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.storage-shell kbd,.storage-shortcut-dialog kbd{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font:inherit;font-size:var(--text-xs);justify-content:center;line-height:1.7;min-width:var(--spacing-lg);padding:0 var(--spacing-xs)}.storage-shell .catalog-toolbar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:0}.storage-shell .catalog-toolbar .search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;font-size:var(--text-base);max-width:none;min-width:0;padding:var(--spacing-md) var(--spacing-lg);width:100%}.inventory-part-editor .btn-primary,.storage-model-detail .btn-primary,.storage-shell .btn-primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:none;color:var(--color-surface)}.storage-shell .catalog-actions .btn-primary{align-items:center;display:inline-flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.storage-shortcuts-button{font-size:var(--text-xs);white-space:nowrap}.storage-shell .storage-workspace-nav{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:0}.storage-shell .storage-workspace-nav a,.storage-shell .storage-workspace-nav button{border:0;border-bottom:2px solid #0000;border-radius:0;font-size:var(--text-sm);padding:var(--spacing-md) 0}.storage-shell .storage-workspace-nav [aria-pressed=true]{background:#0000;border-bottom-color:var(--color-primary);color:var(--color-text)}.storage-shell .storage-filter-pills{background:var(--color-surface-active);border-radius:var(--radius-lg);gap:var(--spacing-xs);padding:var(--spacing-xs)}.storage-shell .storage-filter-pills button{background:#0000;border:0;border-radius:var(--radius-md)}.storage-shell .storage-filter-pills button[aria-pressed=true]{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.storage-results-bar{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin:var(--spacing-lg) 0 var(--spacing-sm)}.storage-keyboard-hint{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);gap:var(--spacing-xs)}.storage-shell .storage-results-hint{margin:0}.storage-shell .storage-parts-table-wrap{background:var(--color-surface);border-radius:var(--radius-lg)}.storage-shell .storage-parts-table th{background:var(--color-surface);padding-block:var(--spacing-md)}.storage-shell .storage-parts-table td{padding-block:var(--spacing-lg);vertical-align:middle}.storage-shell .storage-part-link{align-items:center;display:inline-flex;gap:var(--spacing-md);text-decoration:none}.storage-shell .storage-compatibility-tag{background:var(--color-surface-hover);border:0}.storage-shell .storage-stock-total{font-weight:600}.storage-shell .storage-stock-breakdown{font-size:var(--text-xs)}.storage-owned-dialog button:focus-visible,.storage-owned-dialog summary:focus-visible,.storage-shell a:focus-visible,.storage-shell button:focus-visible,.storage-shell select:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.storage-directory{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.storage-directory-toolbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg)}.storage-directory-toolbar label{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--spacing-md)}.storage-directory-toolbar select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-width:10rem;padding:var(--spacing-sm) var(--spacing-md)}.storage-directory-more{font-size:var(--text-xs);margin-left:auto}.storage-directory-more summary,.storage-model-settings summary{background:#0000;padding:var(--spacing-sm) 0}.storage-directory-layout{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,3fr);height:min(65dvh,720px);min-height:22rem}.storage-model-index{border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--spacing-md)}.storage-model-index p{color:var(--color-text-secondary);font-size:var(--text-xs);margin:var(--spacing-xs) var(--spacing-sm) var(--spacing-md)}.storage-model-index button{background:#0000;border:0;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font:inherit;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-md);text-align:left;width:100%}.storage-model-index small{color:var(--color-text-secondary);white-space:nowrap}.storage-model-index button:hover,.storage-model-index button[aria-current]{background:var(--color-surface-active)}.storage-model-detail{min-width:0;overflow-y:auto;padding:var(--spacing-xl)}.storage-model-detail header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.storage-model-detail h2{font-size:var(--text-xl);margin:var(--spacing-xs) 0}.storage-model-detail h3{font-size:var(--text-sm);margin:0}.storage-model-colors p,.storage-model-intro{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.storage-model-parts{list-style:none;margin:var(--spacing-xl) 0;padding:0}.storage-model-parts button{background:#0000;border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;font:inherit;font-size:var(--text-sm);gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-md) 0;text-align:left;width:100%}.storage-model-parts button:hover{color:var(--color-primary)}.storage-model-colors{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.storage-model-colors ul{list-style:none;padding:0}.storage-model-colors li{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--spacing-sm)}.storage-model-colors li span{margin-right:auto}.storage-model-settings{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xl)}.storage-model-settings .checkbox-label{margin-block:var(--spacing-md)}.storage-shortcut-list{margin:0}.storage-shortcut-list div{grid-gap:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:grid;font-size:var(--text-sm);gap:var(--spacing-lg);grid-template-columns:minmax(8rem,1fr) 2fr;padding:var(--spacing-md) 0}.storage-shortcut-list dd{margin:0}@media (max-width:700px){.storage-shell.delelager-container{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-2xl)*3)}.storage-shell .catalog-header{align-items:flex-start;gap:var(--spacing-sm)}.storage-keyboard-hint{display:none}.storage-shortcuts-button{font-size:0}.storage-shell .catalog-toolbar{flex-wrap:wrap}.storage-shell .catalog-actions{width:100%}.storage-directory-layout{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.storage-model-index{border-bottom:1px solid var(--color-border);border-right:0;display:flex;overflow-x:auto}.storage-model-index p{display:none}.storage-model-index button{flex:0 0 auto;width:auto}.storage-model-index button small{display:none}.storage-model-detail{padding:var(--spacing-lg)}.storage-directory-more{margin-left:0}}.storage-existing-matches{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-block:var(--spacing-md);padding:var(--spacing-lg)}.storage-existing-matches h3{font-size:var(--text-base);margin-top:0}.storage-existing-matches p{color:var(--color-text-secondary);font-size:var(--text-sm)}.storage-existing-matches button{display:block;margin-top:var(--spacing-sm)}.storage-filter-pills,.storage-workspace-filters,.storage-workspace-nav{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.storage-workspace-filters{justify-content:space-between;margin-bottom:var(--spacing-md)}.storage-workspace-nav{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.storage-workspace-nav a,.storage-workspace-nav button{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font:inherit;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none}.storage-workspace-nav [aria-pressed=true]{background:var(--color-surface-active);border-color:var(--color-border);color:var(--color-text);font-weight:600}.storage-filter-pills button{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.storage-filter-pills button[aria-pressed=true]{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.storage-filter-pills button span{font-feature-settings:"tnum";font-size:var(--text-xs);font-variant-numeric:tabular-nums}.storage-location-filter{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm)}.storage-location-filter select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md)}.storage-part-meta,.storage-results-hint{color:var(--color-text-secondary);font-size:var(--text-sm)}.storage-parts-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow-x:auto}.storage-parts-table{border-collapse:collapse;text-align:left;width:100%}.storage-parts-table th{background:var(--color-surface-hover);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.storage-parts-table td{border-top:1px solid var(--color-border);font-size:var(--text-sm);padding:var(--spacing-lg);vertical-align:top}.storage-parts-table tbody tr:hover{background:var(--color-surface-hover)}.storage-parts-table td:first-child{min-width:12rem;width:30%}.storage-part-link{background:#0000;border:0;color:var(--color-text);cursor:pointer;font:inherit;font-weight:600;padding:0;text-align:left}.storage-part-link:hover{color:var(--color-primary);text-decoration:underline}.storage-compatibility-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.storage-compatibility-tag{background:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-block;font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.storage-stock-total{color:var(--color-text-muted);font-weight:500;white-space:nowrap}.storage-stock-total.is-available{color:var(--color-success-hover)}.storage-stock-breakdown{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.storage-price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.storage-empty{border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}.storage-empty h2{color:var(--color-text);font-size:var(--text-lg)}.storage-show-more{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:block;margin:var(--spacing-lg) auto;padding:var(--spacing-sm) var(--spacing-xl)}.storage-workspace a:focus-visible,.storage-workspace button:focus-visible,.storage-workspace-nav a:focus-visible,.storage-workspace-nav button:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--spacing-xs)}@media (max-width:700px){.storage-workspace-filters{align-items:stretch;flex-direction:column}.storage-parts-table,.storage-parts-table tbody{display:block}.storage-parts-table thead{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.storage-parts-table tr{grid-gap:var(--spacing-md);border-top:1px solid var(--color-border);display:grid;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--spacing-lg)}.storage-parts-table tr:first-child{border-top:0}.storage-parts-table td{border:0;display:block;min-width:0;padding:0}.storage-parts-table td:first-child{grid-column:1/-1;min-width:0;width:auto}.storage-parts-table td:nth-child(2){grid-column:1/-1}.storage-parts-table td[data-label]:before{color:var(--color-text-secondary);content:attr(data-label);display:block;font-size:var(--text-xs);margin-bottom:var(--spacing-xs);white-space:normal}.storage-compatibility-tag{white-space:normal}}.draggable-popup.inventory-part-create-dialog{max-height:calc(100dvh - var(--spacing-2xl)*3 - var(--spacing-sm));max-width:calc(100vw - var(--spacing-xl));width:min(620px,calc(100vw - var(--spacing-xl)))}.inventory-part-create-dialog .inventory-part-create-content,.inventory-part-create-dialog .popup-content--managed-scroll{min-height:0;overflow:hidden}.inventory-part-create .inventory-create-scroll{border:0;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-lg) var(--spacing-xl)}.inventory-part-create input:not([type=checkbox]),.inventory-part-create select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);margin:0;min-width:0;padding:var(--spacing-sm) var(--spacing-md);width:100%}.inventory-part-create .checkbox-label{font-size:var(--text-sm);font-weight:500;margin:0}.inventory-part-create .checkbox-label input{flex-shrink:0}.inventory-create-compatibility{border-block:1px solid var(--color-border);padding-block:var(--spacing-lg)}.inventory-create-compatibility h3,.inventory-create-matches h3{margin:0 0 var(--spacing-md)}.inventory-create-compatibility>.inventory-editor-field{margin-top:var(--spacing-lg)}.inventory-create-empty{background:var(--color-surface-hover);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--spacing-sm) 0 0;padding:var(--spacing-md)}.inventory-create-model-list{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:10rem;overflow-y:auto}.inventory-create-model-list .checkbox-label{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md)}.inventory-create-model-list .checkbox-label:has(input:checked){background:var(--color-surface-hover)}.inventory-create-model-list .checkbox-label:focus-within{outline:2px solid var(--color-primary);outline-offset:-2px}.inventory-create-count{font-feature-settings:"tnum";color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-left:var(--spacing-xs)}.inventory-create-selected{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.inventory-create-selected .btn-secondary{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.inventory-create-matches{background:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--spacing-md)}.inventory-create-matches .btn-ghost{display:flex;font-size:var(--text-sm);gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm);text-align:left;width:100%}.inventory-create-matches .btn-ghost span:last-child{color:var(--color-text-secondary);white-space:nowrap}.inventory-part-create-dialog :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.storage-owned-dialog .draggable-popup__header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--color-surface)!important;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg)}.inventory-part-create .btn-primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:none;color:var(--color-surface)}.storage-owned-dialog .draggable-popup__title{font-size:var(--text-base);font-weight:600}.storage-owned-dialog .popup-content,.storage-owned-dialog .popup-content h3{font-size:var(--text-sm)}.storage-owned-dialog input:not([type=checkbox]),.storage-owned-dialog select{font-size:var(--text-base)}.storage-owned-dialog .popup-content>input,.storage-owned-dialog .popup-content>select{box-sizing:border-box;width:100%}.storage-owned-dialog .popup-content .popup-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md)}.storage-owned-dialog .btn-ghost,.storage-shell .btn-ghost{background:#0000;border-color:#0000;box-shadow:none}.storage-owned-dialog .btn-secondary,.storage-shell .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;color:var(--color-text)}.storage-owned-dialog .btn-ghost:hover,.storage-owned-dialog .btn-secondary:hover,.storage-shell .btn-ghost:hover,.storage-shell .btn-secondary:hover{background:var(--color-surface-hover)}.draggable-popup.inventory-part-editor-dialog{--inventory-editor-width:760px;max-height:calc(100dvh - var(--spacing-2xl)*3 - var(--spacing-sm));max-width:calc(100vw - var(--spacing-xl));width:min(var(--inventory-editor-width),calc(100vw - var(--spacing-xl)))}.inventory-part-editor-dialog .draggable-popup__title{font-size:var(--text-base)}.inventory-editor-layout,.inventory-part-editor-dialog .inventory-part-editor,.inventory-part-editor-dialog .popup-content--managed-scroll{min-height:0;overflow:hidden}.inventory-editor-layout{color:var(--color-text);display:flex;flex-direction:column}.inventory-editor-scroll{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-areas:"identity identity" "stock compatibility" "links links" "history history";grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-xl)}.inventory-editor-scroll section{min-width:0}.inventory-editor-identity{border-bottom:1px solid var(--color-border);grid-area:identity;padding-bottom:var(--spacing-lg)}.inventory-editor-stock{grid-area:stock}.inventory-editor-compatibility{grid-area:compatibility}.inventory-editor-links{border-top:1px solid var(--color-border);grid-area:links;padding-top:var(--spacing-lg)}.inventory-editor-history{grid-area:history}.inventory-editor-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inventory-editor-field label{font-size:var(--text-sm);font-weight:500}.inventory-part-editor input:not([type=checkbox]),.inventory-part-editor select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-size:var(--text-base);margin:0;min-width:0;padding:var(--spacing-sm) var(--spacing-md);width:100%}.inventory-editor-toggles{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.inventory-editor-toggles .checkbox-label{font-size:var(--text-sm);margin:0}.inventory-editor-hint{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.5;margin:var(--spacing-sm) 0 0}.inventory-editor-section-heading{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.inventory-editor-section-heading h3{font-size:var(--text-sm);font-weight:600;margin:0}.inventory-editor-section-heading .inventory-editor-hint{margin:0}.inventory-editor-section-heading button{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.inventory-editor-stock-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.inventory-editor-stock-table th{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;text-align:left}.inventory-editor-stock-table td,.inventory-editor-stock-table th{border:0;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.inventory-editor-stock-table td:last-child,.inventory-editor-stock-table th:last-child{text-align:right;width:5rem}.inventory-editor-stock-table input[type=number]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.inventory-editor-models{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:var(--spacing-sm) 0;padding:0}.inventory-editor-models li{background:var(--color-surface-hover);border-radius:var(--radius-md);font-size:var(--text-xs);overflow-wrap:anywhere;padding:var(--spacing-xs) var(--spacing-sm)}.inventory-editor-link-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;margin:0 0 var(--spacing-md);padding:0}.inventory-editor-link-list li{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;max-width:100%;min-width:0}.inventory-part-editor .inventory-editor-link-target{color:var(--color-primary);font-size:var(--text-sm);min-width:0;overflow-wrap:anywhere;padding:var(--spacing-sm) var(--spacing-md)}.inventory-part-editor .inventory-editor-link-delete{color:var(--color-text-secondary);flex-shrink:0}.inventory-part-editor .inventory-editor-link-delete:hover{color:var(--color-danger)}.inventory-editor-link-input{display:flex;gap:var(--spacing-sm)}.inventory-editor-link-input button{flex-shrink:0;font-size:var(--text-sm)}.inventory-editor-history summary{background:#0000;color:var(--color-text-secondary);font-size:var(--text-sm);padding:0}.inventory-editor-history details[open] summary{background:#0000;margin-bottom:var(--spacing-md)}.inventory-editor-history table{font-size:var(--text-sm);text-align:left;width:100%}.inventory-editor-footer{background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0;padding:var(--spacing-md) var(--spacing-xl)}.inventory-editor-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end}.inventory-editor-feedback{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--spacing-sm)}.inventory-editor-feedback:empty{display:none}.inventory-editor-feedback.is-error{color:var(--color-danger)}@media (max-width:600px){.draggable-popup.storage-owned-dialog{left:var(--spacing-md)!important;max-width:calc(100vw - var(--spacing-xl));top:var(--spacing-md);transform:none!important}.inventory-editor-scroll{gap:var(--spacing-lg);grid-template-areas:"identity" "stock" "compatibility" "links" "history";grid-template-columns:minmax(0,1fr);padding:var(--spacing-lg)}.inventory-editor-footer{padding:var(--spacing-md) var(--spacing-lg)}.inventory-editor-actions .btn-primary{flex:1 1}.inventory-editor-link-input{flex-wrap:wrap}}.storage-orders.part-order-container{animation:none;box-sizing:border-box;max-width:1320px;width:100%}.storage-orders .part-order-search{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.storage-orders .part-order-search input{box-shadow:none;flex:1 1;font-size:var(--text-base);min-width:16rem}.storage-orders .part-order-search button{font-size:var(--text-sm);white-space:nowrap}.storage-orders .part-order-workspace-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.storage-orders .part-order-search-scope{color:var(--color-text-secondary);font-size:var(--text-xs);margin:var(--spacing-md) 0 var(--spacing-xl)}.storage-orders .part-order-workspace-message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}.storage-orders .part-order-location-group{background:#0000;border:0;box-shadow:none;margin-bottom:var(--spacing-xl);padding:0}.storage-orders .part-order-location-title{font-size:var(--text-lg);margin:var(--spacing-xl) 0 var(--spacing-md)}.storage-orders .part-order-vendor-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:0}.storage-orders .part-order-vendor-group:hover{background:var(--color-surface)}.storage-orders .part-order-vendor-heading{align-items:center;background:var(--color-surface-hover);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)}.storage-orders .part-order-vendor-title{font-size:var(--text-sm);font-weight:600;margin:0 auto 0 0}.storage-orders .part-order-vendor-title span{color:var(--color-text-secondary);font-weight:400;padding-left:var(--spacing-sm)}.storage-orders .part-order-vendor-group [class*=btn-]{margin-bottom:0}.storage-orders .part-order-vendor-heading button{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.storage-orders .part-order-history-list,.storage-orders .part-order-list{display:flex;flex-direction:column;gap:0}.storage-orders .part-order-card{animation:none;border:0;border-radius:0;border-top:1px solid var(--color-border);box-shadow:none;opacity:1;padding:0;transform:none}.storage-orders .part-order-card:hover{box-shadow:none;transform:none}.storage-orders .part-order-card.incorrect-part{border-left:3px solid var(--color-danger)}.storage-orders .part-order-summary{grid-gap:var(--spacing-lg);align-items:center;background:#0000;border-radius:0;color:var(--color-text);cursor:pointer;display:grid;font-size:var(--text-sm);gap:var(--spacing-lg);grid-template-columns:minmax(12rem,2.5fr) minmax(5rem,1fr) auto minmax(8rem,1fr) auto;list-style:none;margin:0;padding:var(--spacing-md) var(--spacing-lg)}.storage-orders .part-order-summary::-webkit-details-marker{display:none}.storage-orders .part-order-summary:after{color:var(--color-text-secondary);content:"⌄";grid-column:6;grid-row:1}.storage-orders details[open]>.part-order-summary:after{content:"⌃"}.storage-orders .part-order-summary:hover,.storage-orders details[open]>.part-order-summary{background:var(--color-surface-hover)}.storage-orders .part-order-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.storage-orders .part-order-summary{scroll-margin-bottom:calc(var(--spacing-2xl)*2);scroll-margin-top:calc(var(--spacing-2xl)*3)}.storage-orders .part-order-summary-identity{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.storage-orders .part-order-summary-identity strong{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.storage-orders .part-order-summary-date,.storage-orders .part-order-summary-identity>span{color:var(--color-text-secondary);font-size:var(--text-xs)}.storage-orders .part-order-summary-case,.storage-orders .part-order-summary-quantity{font-feature-settings:"tnum";font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.storage-orders .part-order-stage{background:var(--color-surface-hover);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);width:fit-content}.storage-orders .part-order-stage--pending{color:var(--color-primary)}.storage-orders .part-order-purchase-link{cursor:pointer;display:grid;text-decoration:none}.storage-orders .part-order-purchase-link>span{grid-area:1/1}.storage-orders .part-order-purchase-action{visibility:hidden}.storage-orders .part-order-purchase-link:is(:hover,:focus-visible){background:var(--color-surface-active);color:var(--color-primary-hover)}.storage-orders .part-order-purchase-link:is(:hover,:focus-visible) .part-order-purchase-status{visibility:hidden}.storage-orders .part-order-purchase-link:is(:hover,:focus-visible) .part-order-purchase-action{visibility:visible}.storage-orders .part-order-purchase-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:none){.storage-orders .part-order-purchase-link .part-order-purchase-status{visibility:hidden}.storage-orders .part-order-purchase-link .part-order-purchase-action{visibility:visible}}.storage-orders .part-order-stage--issues{color:var(--color-danger)}.storage-orders .part-order-expanded{border-top:1px solid var(--color-border);padding:var(--spacing-lg)}.storage-orders .part-order-links-section{font-size:var(--text-sm)}.storage-orders .part-order-links-section>strong{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500}.storage-orders .part-order-vendor-select{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.storage-orders .part-order-vendor-select select{margin:0;max-width:100%;padding:var(--spacing-xs) var(--spacing-sm);width:auto}.storage-orders .part-order-link-item{border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-xs);gap:var(--spacing-xs);margin:0 var(--spacing-sm) var(--spacing-sm) 0;max-width:100%;padding:var(--spacing-sm)}.storage-orders .part-order-links-section .part-order-link-item button{color:var(--color-text-secondary);flex-shrink:0;margin:0;padding:var(--spacing-xs);transform:none}.storage-orders .part-order-link-item .part-order-link-delete:hover{color:var(--color-danger)}.storage-orders .part-order-link-item .part-order-favorite-btn.active{color:var(--color-warning)}.storage-orders .part-order-link-item.selected .part-order-link{font-weight:500}.storage-orders .part-order-link-item .part-order-link-legacy{font-size:var(--text-xs);min-width:0}.storage-orders .part-order-info-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr))}.storage-orders .part-order-field{min-width:0;overflow-wrap:anywhere}.storage-orders .part-order-field strong{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500}.storage-orders .part-order-status-section,.storage-orders .ticket-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.storage-orders .ticket-actions{margin:0;padding:var(--spacing-sm) 0 0}.storage-orders .ticket-actions button{font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.storage-orders .ticket-actions .btn-danger{background:#0000;border-color:#0000;box-shadow:none;color:var(--color-danger)}.storage-orders .part-order-group-pagination{border-top:1px solid var(--color-border);margin:0;padding:var(--spacing-md)}.storage-orders .part-order-history-section{box-shadow:none;padding:var(--spacing-lg)}.storage-orders .storage-workspace-nav [aria-current=page]{border-bottom:2px solid var(--color-primary);font-size:var(--text-sm);font-weight:600;padding:var(--spacing-md) 0}@media (max-width:700px){.storage-orders.part-order-container{padding-inline:var(--spacing-md)}.storage-orders .part-order-search input{flex-basis:100%;min-width:0}.storage-orders .part-order-summary{gap:var(--spacing-sm);grid-template-columns:minmax(0,1fr) auto;padding:var(--spacing-md)}.storage-orders .part-order-summary-identity{grid-column:1;grid-row:1}.storage-orders .part-order-summary:after{grid-column:2;grid-row:1}.storage-orders .part-order-summary-date{display:none}.storage-orders .part-order-summary-case{grid-column:1}.storage-orders .part-order-summary-quantity{grid-column:2}.storage-orders .part-order-stage{grid-column:1/-1}.storage-orders .part-order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-orders .part-order-expanded{padding:var(--spacing-md)}.storage-orders .part-order-history-header{flex-wrap:wrap}}.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-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:not(:disabled){color:var(--color-primary-hover);transform:translateX(3px)}.part-order-links-section button:disabled{cursor:not-allowed;opacity:.6}.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:not(:disabled){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:not(:disabled){color:var(--color-danger)}.part-order-link-legacy{color:var(--color-text-muted);font-style:italic;overflow-wrap:anywhere}.ai-chat-header{background:var(--card-background);padding:16px 20px}.ai-chat-draft-status,.ai-chat-header{border-bottom:1px solid var(--border-color);color:var(--text-color)}.ai-chat-draft-status{align-items:center;background:color-mix(in srgb,#e8f7ee 70%,#fff 30%);background:color-mix(in srgb,var(--success-bg,#e8f7ee) 70%,#fff 30%);display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px}.ai-chat-draft-status-dot{background:#2f9e44;background:var(--success-color,#2f9e44);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,#2f9e44 18%,#0000);box-shadow:0 0 0 4px color-mix(in srgb,var(--success-color,#2f9e44) 18%,#0000);height:8px;width:8px}.ai-chat-messages{background:var(--message-box-background);display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-md);min-height:0;overflow-y:auto;padding:var(--spacing-lg)}.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{background:var(--card-background);border-top:1px solid var(--border-color);flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg)}.ai-chat-input-shell{align-items:stretch;background:color-mix(in srgb,var(--input-background) 94%,#f9fafb 6%);background:color-mix(in srgb,var(--input-background) 94%,var(--color-surface-hover,#f9fafb) 6%);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;min-height:68px;overflow:hidden;position:relative;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.ai-chat-input-shell:focus-within{border-color:var(--button-background);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ai-chat-placeholder{align-items:center;bottom:0;color:#8a8f98;color:var(--color-text-muted,#8a8f98);font-size:var(--text-sm);left:var(--spacing-md);line-height:1.4;pointer-events:none;right:64px;top:0}.ai-chat-placeholder,.ai-chat-toolbar{display:flex;position:absolute;z-index:2}.ai-chat-toolbar{justify-content:flex-end;padding:0;right:var(--spacing-md);top:var(--spacing-md)}.ai-chat-view-toggle{box-shadow:var(--shadow-sm);gap:var(--spacing-sm);padding:6px 10px}.ai-diagnosis-container--with-view-toggle{position:relative}.ai-diagnosis-container--with-view-toggle .ai-chat-header,.ai-diagnosis-container--with-view-toggle .ai-chat-messages{padding-top:calc(var(--spacing-2xl) + var(--spacing-md))}.ai-diagnosis-container--with-view-toggle.ai-diagnosis-container--rail .ai-chat-messages{padding-top:calc(var(--spacing-xl) + var(--spacing-lg))}.ai-chat-textarea{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--text-color);font-family:inherit;font-size:var(--text-sm);line-height:1.45;max-height:200px;min-height:68px;outline:none;overflow-y:auto;padding:15px 64px 15px var(--spacing-md);position:relative;resize:none;transition:color var(--transition-normal);width:100%;z-index:1}.ai-chat-textarea:focus{border-color:#0000;box-shadow:none}.ai-chat-send-btn{align-items:center;background:var(--button-background);border:none;border-radius:var(--radius-full);box-shadow:0 1px 3px rgba(var(--color-primary-rgb),.2);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal);width:42px;z-index:3}.ai-chat-send-btn svg{font-size:18px}.ai-chat-send-btn:hover:not(:disabled){box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.24);transform:translateY(-50%) scale(1.05)}.ai-chat-send-btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.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:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md)}.ai-diagnosis-container--rail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex:1 1 auto;flex-direction:column;height:100%;max-height:calc(90vh - 140px);min-height:0;overflow:hidden}.ai-diagnosis-container--rail .ai-chat-messages{min-height:260px}.ai-diagnosis-container--rail .ai-chat-header,.ai-diagnosis-container--rail .ai-chat-input-container,.ai-diagnosis-container--rail .ai-chat-quick-actions{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.ai-diagnosis-container--rail .ai-chat-input-container{background:#0000;border-top:none;padding:0}.ai-diagnosis-container--rail .ai-chat-input-shell{border-bottom:none;border-left:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-right:none;box-shadow:none;min-height:64px}.ai-diagnosis-container--rail .ai-chat-placeholder{left:var(--spacing-md);right:60px}.ai-diagnosis-container--rail .ai-chat-textarea{min-height:64px;padding:var(--spacing-md) 60px var(--spacing-md) var(--spacing-md)}.ai-diagnosis-container--rail .ai-chat-send-btn{height:40px;right:var(--spacing-md);top:50%;width:40px}.ai-diagnosis-container--rail .ai-chat-input-shell{background:color-mix(in srgb,var(--input-background) 92%,#f9fafb 8%);background:color-mix(in srgb,var(--input-background) 92%,var(--color-surface-hover,#f9fafb) 8%);isolation:isolate}.ai-diagnosis-container--rail .ai-chat-input-shell:focus-within,.ai-diagnosis-container--rail .ai-chat-input-shell:hover{border-color:#0000;box-shadow:inset 0 0 0 1px var(--button-background)}.ai-diagnosis-container--rail .ai-chat-placeholder{right:calc(var(--spacing-2xl) + var(--spacing-lg) + var(--spacing-sm))}.ai-diagnosis-container--rail .ai-chat-textarea{padding-right:calc(var(--spacing-2xl) + var(--spacing-lg) + var(--spacing-sm))}.ai-diagnosis-container--expanded .ai-chat-input-shell{min-height:72px}.ai-diagnosis-container--expanded .ai-chat-placeholder{right:64px}.ai-diagnosis-container--expanded .ai-chat-textarea{min-height:72px;padding-bottom:16px;padding-top:16px}.ai-diagnosis-container--expanded .ai-chat-messages{min-height:360px}.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}.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-ghost{background:#0000;border:1px solid var(--border-color);color:var(--text-color)}.ai-btn-ghost:hover:not(:disabled){background:var(--secondary-background)}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-header,body.dark .validation-error-list{color:#fca5a5}.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)}.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:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);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)}@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)}}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)}.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{margin-left:auto}.kb-list-actions,.kb-new-article-btn{align-items:center;display:flex;gap:var(--spacing-sm)}.kb-list-actions{flex-wrap:wrap;justify-content:flex-end}.kb-review-entry-btn{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.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{background-color:var(--color-background);gap:var(--spacing-sm);position:sticky;top:0;z-index:2}.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)}.kb-review{display:flex;flex-direction:column;gap:var(--spacing-lg)}.kb-review-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.kb-review-header h3,.kb-review-header p{margin:0}.kb-review-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.kb-review-list{gap:var(--spacing-md)}.kb-review-card,.kb-review-list{display:flex;flex-direction:column}.kb-review-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-sm);padding:var(--spacing-lg)}.kb-review-card-heading{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.kb-review-card-heading>div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.kb-review-card p,.kb-review-card-heading span,.kb-review-suggestion{color:var(--color-text-secondary);font-size:var(--text-sm)}.kb-review-card-heading svg{color:var(--color-warning);flex-shrink:0}.kb-review-card p{line-height:1.5;margin:0}.kb-review-suggestion{background-color:var(--color-surface-hover);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.kb-review-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.kb-review-select{flex:1 1}.kb-custom-category{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.kb-custom-category summary{color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600}.kb-custom-category-fields{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--spacing-md)}.kb-custom-category-fields label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.kb-custom-category-fields label>span{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600}.kb-custom-category-wide{grid-column:1/-1}.kb-custom-category-description{min-height:72px;resize:vertical}.kb-custom-category-submit{margin-top:var(--spacing-sm)}.kb-assistant-entry-btn{align-items:center;display:inline-flex;gap:var(--spacing-xs);margin-left:auto}.kb-assistant{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);min-height:0}.kb-assistant-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.kb-assistant-title{align-items:center;color:var(--color-text);display:flex;gap:var(--spacing-sm);margin-left:auto}.kb-assistant-title h3{font-size:var(--text-lg);margin:0}.kb-assistant-layout{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) 280px;min-height:0}.kb-assistant-chat,.kb-assistant-sources{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:0}.kb-assistant-chat{display:flex;flex-direction:column;overflow:hidden}.kb-assistant-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);min-height:360px;overflow-y:auto;padding:var(--spacing-md)}.kb-assistant-message{align-self:flex-start;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);max-width:82%;padding:var(--spacing-sm) var(--spacing-md)}.kb-assistant-message.user{align-self:flex-end;background-color:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.22)}.kb-assistant-message.system{border-color:var(--color-warning)}.kb-assistant-message-author{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--spacing-xs)}.kb-assistant-message-content{font-size:var(--text-sm);line-height:1.5}.kb-assistant-message-meta{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.kb-assistant-input-row{align-items:stretch;border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.kb-assistant-input{background-color:var(--color-surface);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.5;max-height:160px;min-height:72px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical}.kb-assistant-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.kb-assistant-send-btn{align-items:center;display:inline-flex;justify-content:center;min-width:42px}.kb-assistant-sources{display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-md)}.kb-assistant-sources h4{font-size:var(--text-sm);margin:0 0 var(--spacing-sm)}.kb-assistant-sources-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.kb-assistant-source-list{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}.kb-assistant-source{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:44px minmax(0,1fr)}.kb-assistant-source-ref{align-items:center;background-color:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:700;height:28px;justify-content:center}.kb-assistant-source-body{font-size:var(--text-xs);line-height:1.4;min-width:0}.kb-assistant-source-body strong{color:var(--color-text);display:block;margin-bottom:var(--spacing-xs)}.kb-assistant-source-body p{color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)}.kb-assistant-source-body a{color:var(--color-primary);font-weight:600;text-decoration:none}.kb-assistant-source-body a:hover{text-decoration:underline}@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)}.kb-assistant-layout{grid-template-columns:1fr}.kb-assistant-message{max-width:94%}.kb-review-actions,.kb-review-header{flex-direction:column}.kb-review-actions>*{width:100%}.kb-custom-category-fields{grid-template-columns:1fr}.kb-custom-category-wide{grid-column:auto}}.legacy-knowledge-admin{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.legacy-knowledge-admin .knowledge-form,.legacy-knowledge-admin .knowledge-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.legacy-knowledge-admin .knowledge-filters,.legacy-knowledge-admin .knowledge-form-grid,.legacy-knowledge-admin .knowledge-item-actions,.legacy-knowledge-admin .knowledge-item-content,.legacy-knowledge-admin .knowledge-meta,.legacy-knowledge-admin .knowledge-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.legacy-knowledge-admin .knowledge-form,.legacy-knowledge-admin .knowledge-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.legacy-knowledge-admin .knowledge-item.inactive{opacity:.65}.legacy-knowledge-admin .knowledge-item-main{flex:1 1 28rem}.legacy-knowledge-admin .knowledge-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.legacy-knowledge-admin .category-badge,.legacy-knowledge-admin .stat-badge{background:var(--color-surface-active);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.legacy-knowledge-admin .content-field textarea{width:100%}.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-event-carrier.tracking-waiting{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.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)}}.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)}.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-sm) var(--spacing-md) var(--spacing-lg)}.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) var(--spacing-sm) var(--spacing-sm) 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-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}}