:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--scale: 1;--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .75rem;--space-6: 1rem;--space-7: 1.5rem;--space-8: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .625rem;--radius-2xl: .875rem;--radius-full: 999px;--sidebar-width: 13.75rem;--pane-list-width: 20rem;--pane-customer-width: 18.75rem;--modal-width: 30rem;--avatar-size: 2rem;--dot-size: .5rem;--channel-facebook-bg: #4267b2;--channel-line-bg: #06c755;--channel-webchat-bg: #718096;--channel-fg: #ffffff}html{font-size:calc(16px * var(--scale))}:root[data-size=small]{--scale: .875}:root[data-size=normal]{--scale: 1}:root[data-size=big]{--scale: 1.15}:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f6f7f8;--color-surface-sunken: #eef0f2;--color-surface-hover: #f0f1f3;--color-border: #e7e8ea;--color-border-strong: #d5d8dc;--color-border-soft: #eef0f2;--color-fg: #08090a;--color-fg-muted: #4b5563;--color-fg-subtle: #6b7280;--color-fg-faint: #9aa0aa;--color-primary: #5e6ad2;--color-primary-hover: #4f5bc4;--color-primary-active: #4650b0;--color-primary-strong: #4650b0;--color-primary-fg: #ffffff;--color-primary-soft-bg: #eceefb;--focus-ring-shadow: 0 0 0 .1875rem rgba(94, 106, 210, .4);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .09), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16), 0 4px 10px rgba(15, 23, 42, .08);--color-danger: #c0362c;--color-danger-bg: #fbe6e4;--color-danger-bg-strong: #f6cdc9;--color-danger-fg-strong: #7a241c;--color-danger-fg: #ffffff;--color-warning-bg: #f6eed6;--color-warning-fg: #8a5a00;--color-success: #197a34;--color-success-fg: #ffffff;--color-focus-ring: var(--color-primary);--topbar-bg: #0f1011;--topbar-fg: #f7f8f8;--overlay-bg: rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .15);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #ffd4cf;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=linear]{color-scheme:light;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f6f7f8;--color-surface-sunken: #eef0f2;--color-surface-hover: #f0f1f3;--color-border: #e7e8ea;--color-border-strong: #d5d8dc;--color-border-soft: #eef0f2;--color-fg: #08090a;--color-fg-muted: #4b5563;--color-fg-subtle: #6b7280;--color-fg-faint: #9aa0aa;--color-primary: #5e6ad2;--color-primary-hover: #4f5bc4;--color-primary-active: #4650b0;--color-primary-strong: #4650b0;--color-primary-fg: #ffffff;--color-primary-soft-bg: #eceefb;--focus-ring-shadow: 0 0 0 .1875rem rgba(94, 106, 210, .4);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .09), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16), 0 4px 10px rgba(15, 23, 42, .08);--color-danger: #c0362c;--color-danger-bg: #fbe6e4;--color-danger-bg-strong: #f6cdc9;--color-danger-fg-strong: #7a241c;--color-danger-fg: #ffffff;--color-warning-bg: #f6eed6;--color-warning-fg: #8a5a00;--color-success: #197a34;--color-success-fg: #ffffff;--color-focus-ring: var(--color-primary);--topbar-bg: #0f1011;--topbar-fg: #f7f8f8;--overlay-bg: rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .15);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #ffd4cf;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=linear][data-theme=dark]{color-scheme:dark;--color-bg: #010102;--color-surface: #0f1011;--color-surface-alt: #141516;--color-surface-sunken: #0b0b0c;--color-surface-hover: #17181a;--color-border: #23252a;--color-border-strong: #34343a;--color-border-soft: #1b1c20;--color-fg: #f7f8f8;--color-fg-muted: #c2c7ce;--color-fg-subtle: #8a8f98;--color-fg-faint: #62666d;--color-primary: #5e6ad2;--color-primary-hover: #828fff;--color-primary-active: #6e79e0;--color-primary-strong: #828fff;--color-primary-fg: #ffffff;--color-primary-soft-bg: #1a1c2e;--focus-ring-shadow: 0 0 0 .1875rem rgba(130, 143, 255, .45);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 45px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .35);--color-danger: #e5484d;--color-danger-bg: #2a1315;--color-danger-bg-strong: #3d1a1c;--color-danger-fg-strong: #ffb4b0;--color-danger-fg: #200a0a;--color-warning-bg: #241c0d;--color-warning-fg: #c88a1e;--color-success: #27a644;--color-success-fg: #04240f;--color-focus-ring: var(--color-primary);--topbar-bg: #000000;--topbar-fg: #f7f8f8;--overlay-bg: rgba(0, 0, 0, .6);--shadow-color: rgba(0, 0, 0, .6);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #ffd4cf;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=stripe]{color-scheme:light;--color-bg: #f6f9fc;--color-surface: #ffffff;--color-surface-alt: #f0f4f9;--color-surface-sunken: #eaf0f7;--color-surface-hover: #eef3f9;--color-border: #e3e8ee;--color-border-strong: #cfd7e2;--color-border-soft: #eef2f7;--color-fg: #0d253d;--color-fg-muted: #45566e;--color-fg-subtle: #64748d;--color-fg-faint: #97a3b6;--color-primary: #533afd;--color-primary-hover: #4434d4;--color-primary-active: #2e2b8c;--color-primary-strong: #4434d4;--color-primary-fg: #ffffff;--color-primary-soft-bg: #ecebfe;--focus-ring-shadow: 0 0 0 .1875rem rgba(83, 58, 253, .35);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .09), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16), 0 4px 10px rgba(15, 23, 42, .08);--color-danger: #e11d48;--color-danger-bg: #fde8ec;--color-danger-bg-strong: #fbd0d9;--color-danger-fg-strong: #8a1030;--color-danger-fg: #ffffff;--color-warning-bg: #fbead0;--color-warning-fg: #9a5a00;--color-success: #067647;--color-success-fg: #ffffff;--color-focus-ring: var(--color-primary);--topbar-bg: #0a0f2c;--topbar-fg: #eef2ff;--overlay-bg: rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .15);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #ffd6d6;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=stripe][data-theme=dark]{color-scheme:dark;--color-bg: #0a0f2c;--color-surface: #141a3d;--color-surface-alt: #0f1533;--color-surface-sunken: #0a0e27;--color-surface-hover: #1a2148;--color-border: #232a52;--color-border-strong: #313a66;--color-border-soft: #1a1f42;--color-fg: #eef2ff;--color-fg-muted: #b4bde6;--color-fg-subtle: #9aa6d6;--color-fg-faint: #7581b0;--color-primary: #665efd;--color-primary-hover: #7c78ff;--color-primary-active: #574fe6;--color-primary-strong: #7c78ff;--color-primary-fg: #ffffff;--color-primary-soft-bg: #1a1f47;--focus-ring-shadow: 0 0 0 .1875rem rgba(102, 94, 253, .45);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 45px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .35);--color-danger: #ff5c8a;--color-danger-bg: #3a1526;--color-danger-bg-strong: #4d1a30;--color-danger-fg-strong: #ffb3cc;--color-danger-fg: #2a0714;--color-warning-bg: #2e2408;--color-warning-fg: #e0a53d;--color-success: #3ddc84;--color-success-fg: #06331c;--color-focus-ring: var(--color-primary);--topbar-bg: #05081c;--topbar-fg: #eef2ff;--overlay-bg: rgba(0, 0, 0, .6);--shadow-color: rgba(0, 0, 0, .6);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #ffd6e6;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=intercom]{color-scheme:light;--color-bg: #f5f1ec;--color-surface: #ffffff;--color-surface-alt: #ebe7e1;--color-surface-sunken: #e6e1d9;--color-surface-hover: #efeae3;--color-border: #d3cec6;--color-border-strong: #c4bdb1;--color-border-soft: #e4ded5;--color-fg: #111111;--color-fg-muted: #626260;--color-fg-subtle: #7b7b78;--color-fg-faint: #9c9fa5;--color-primary: #b23c00;--color-primary-hover: #9c3400;--color-primary-active: #8a2e00;--color-primary-strong: #9c3400;--color-primary-fg: #ffffff;--color-primary-soft-bg: #ffe9dd;--focus-ring-shadow: 0 0 0 .1875rem rgba(178, 60, 0, .35);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .09), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16), 0 4px 10px rgba(15, 23, 42, .08);--color-danger: #c41c1c;--color-danger-bg: #fbe4e4;--color-danger-bg-strong: #f6cccc;--color-danger-fg-strong: #7a1414;--color-danger-fg: #ffffff;--color-warning-bg: #f6ecd6;--color-warning-fg: #9a5a00;--color-success: #0a7d33;--color-success-fg: #ffffff;--color-focus-ring: var(--color-primary);--topbar-bg: #111111;--topbar-fg: #ffffff;--overlay-bg: rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .15);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #ffe0d3;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=intercom][data-theme=dark]{color-scheme:dark;--color-bg: #000000;--color-surface: #1b1b1a;--color-surface-alt: #131312;--color-surface-sunken: #0d0d0c;--color-surface-hover: #232321;--color-border: #33322f;--color-border-strong: #45443f;--color-border-soft: #232320;--color-fg: #ffffff;--color-fg-muted: #c9ccd2;--color-fg-subtle: #9c9fa5;--color-fg-faint: #6d6f75;--color-primary: #ff6a2b;--color-primary-hover: #ff824d;--color-primary-active: #e64d00;--color-primary-strong: #ff824d;--color-primary-fg: #141414;--color-primary-soft-bg: #2a1608;--focus-ring-shadow: 0 0 0 .1875rem rgba(255, 106, 43, .45);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 45px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .35);--color-danger: #ff6b6b;--color-danger-bg: #2e1414;--color-danger-bg-strong: #3d1919;--color-danger-fg-strong: #ffcccc;--color-danger-fg: #2a0a0a;--color-warning-bg: #241c0d;--color-warning-fg: #f0a000;--color-success: #0bdf50;--color-success-fg: #04270f;--color-focus-ring: var(--color-primary);--topbar-bg: #0a0a0a;--topbar-fg: #ffffff;--overlay-bg: rgba(0, 0, 0, .6);--shadow-color: rgba(0, 0, 0, .6);--channel-default-bg: var(--color-border-strong);--channel-default-fg: var(--color-fg);--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #3a0f00;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: var(--color-danger-fg)}:root[data-preset=clean]{color-scheme:light;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-surface-alt: #f7f9fc;--color-surface-sunken: #eef1f6;--color-surface-hover: #edf2f7;--color-border: #e2e8f0;--color-border-strong: #cbd5e0;--color-border-soft: #eef0f3;--color-fg: #1a202c;--color-fg-muted: #4a5568;--color-fg-subtle: #718096;--color-fg-faint: #a0aec0;--color-primary: #2b6cb0;--color-primary-hover: #2c5282;--color-primary-active: #244568;--color-primary-strong: #2c5282;--color-primary-fg: #ffffff;--color-primary-soft-bg: #ebf4ff;--focus-ring-shadow: 0 0 0 .1875rem rgba(43, 108, 176, .35);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .09), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16), 0 4px 10px rgba(15, 23, 42, .08);--color-danger: #c53030;--color-danger-bg: #fff5f5;--color-danger-bg-strong: #fed7d7;--color-danger-fg-strong: #822727;--color-danger-fg: #ffffff;--color-warning-bg: #fefcbf;--color-warning-fg: #744210;--color-success: #38a169;--color-success-fg: #ffffff;--color-focus-ring: #2b6cb0;--topbar-bg: #1a202c;--topbar-fg: #ffffff;--overlay-bg: rgba(0, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .15);--channel-default-bg: #cbd5e0;--channel-default-fg: #1a202c;--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #feb2b2;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: #ffffff}:root[data-preset=clean][data-theme=dark]{color-scheme:dark;--color-bg: #10131a;--color-surface: #1a1f2b;--color-surface-alt: #212736;--color-surface-sunken: #161b26;--color-surface-hover: #262c3d;--color-border: #2d3444;--color-border-strong: #3c4356;--color-border-soft: #242b3a;--color-fg: #e6e9f0;--color-fg-muted: #b3bac9;--color-fg-subtle: #8891a3;--color-fg-faint: #626b80;--color-primary: #5b9bd5;--color-primary-hover: #78aee0;--color-primary-active: #8cbbe6;--color-primary-strong: #78aee0;--color-primary-fg: #0b1220;--color-primary-soft-bg: #1c2c3f;--focus-ring-shadow: 0 0 0 .1875rem rgba(91, 155, 213, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 45px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .35);--color-danger: #f56565;--color-danger-bg: #3a1c1c;--color-danger-bg-strong: #55272a;--color-danger-fg-strong: #feb2b2;--color-danger-fg: #1a0e0e;--color-warning-bg: #453a15;--color-warning-fg: #f6e05e;--color-success: #48bb78;--color-success-fg: #ffffff;--color-focus-ring: #63b3ed;--topbar-bg: #0c0f16;--topbar-fg: #e6e9f0;--overlay-bg: rgba(0, 0, 0, .6);--shadow-color: rgba(0, 0, 0, .6);--channel-default-bg: #3c4356;--channel-default-fg: #e6e9f0;--bubble-inbound-bg: var(--color-surface);--bubble-inbound-fg: var(--color-fg);--bubble-inbound-border: var(--color-border);--bubble-outbound-bg: var(--color-primary);--bubble-outbound-fg: var(--color-primary-fg);--bubble-outbound-border: var(--color-primary);--bubble-failed-fg: #feb2b2;--badge-unassigned-bg: var(--color-danger-bg-strong);--badge-unassigned-fg: var(--color-danger-fg-strong);--badge-unread-bg: var(--color-primary);--badge-unread-fg: var(--color-primary-fg);--badge-sla-warning-bg: var(--color-warning-bg);--badge-sla-warning-fg: var(--color-warning-fg);--badge-sla-critical-bg: var(--color-danger);--badge-sla-critical-fg: #1a0e0e}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-fg);background:var(--color-bg);line-height:1.5}a,button,input,[tabindex]{outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring)}h1,h2,h3,h4{font-weight:700;line-height:1.3;margin:0 0 var(--space-6)}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem;margin-bottom:var(--space-4)}h4{font-size:.9rem;margin-bottom:var(--space-3)}label{display:block;font-weight:500;font-size:.875rem;color:var(--color-fg);margin:var(--space-6) 0 var(--space-2)}label:first-child{margin-top:0}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;max-width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg);font:inherit;font-size:1rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--color-fg-faint)}input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-alt)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--focus-ring-shadow)}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled,textarea:disabled{background:var(--color-surface-alt);color:var(--color-fg-faint);cursor:not-allowed;opacity:.75}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger)}input[type=checkbox],input[type=radio]{width:1rem;height:1rem;accent-color:var(--color-primary);flex-shrink:0}fieldset{margin:var(--space-6) 0 0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}fieldset:first-child{margin-top:0}legend{padding:0 var(--space-2);font-weight:600;font-size:.875rem;color:var(--color-fg)}.field-hint{margin:calc(-1 * var(--space-3)) 0 var(--space-4);color:var(--color-fg-subtle);font-size:.8rem}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-5)}.form-field:last-child{margin-bottom:0}.form-field>label{margin:0}.form-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-4) var(--space-5);margin:0 0 var(--space-5)}.form-field-row>.form-field{margin-bottom:0}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:.9rem;font-weight:600;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg);cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}button:hover:not(:disabled){background:var(--color-surface-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-fg);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-fg);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-danger:active:not(:disabled){filter:brightness(.85)}.btn-sm{padding:var(--space-3) var(--space-4);font-size:.8rem}.btn-lg{padding:var(--space-5) var(--space-7);font-size:1rem}.btn-block{width:100%}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6)}.login-logo{max-width:140px;width:100%;height:auto;display:block}.login-form{display:flex;flex-direction:column;gap:var(--space-4);width:min(20rem,100%);background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:0 1px 3px var(--shadow-color)}.login-form label{font-weight:600;margin-top:var(--space-4)}.login-form input{padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:1rem;background:var(--color-surface);color:var(--color-fg)}.login-form input[aria-invalid=true]{border-color:var(--color-danger)}.checkbox-label{display:flex;align-items:center;gap:var(--space-4);font-weight:400;margin:0}.field-error{color:var(--color-danger);margin:var(--space-2) 0 0;font-size:.875rem}.login-form button[type=submit]{margin-top:var(--space-6);padding:var(--space-5);border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-fg);font-weight:600;cursor:pointer}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.lang-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-fg);padding:var(--space-4) var(--space-5);cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-topbar{display:flex;align-items:center;gap:var(--space-6);min-height:3.25rem;padding:var(--space-4) var(--space-6);background:var(--topbar-bg);color:var(--topbar-fg)}.app-brand{display:flex;align-items:center;gap:var(--space-3)}.app-logo{height:2.4em;width:auto;display:block}.app-name{font-weight:700;font-size:1.1rem;color:var(--topbar-fg);white-space:nowrap}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-5)}.topbar-actions button{background:transparent;color:var(--topbar-fg);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);box-shadow:none;font-weight:500;cursor:pointer}.topbar-actions button:hover:not(:disabled){background:#ffffff14}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) 0}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar .nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);color:var(--color-fg-muted);text-decoration:none;border-left:3px solid transparent}.sidebar .nav-link:hover{background:var(--color-surface-hover);color:var(--color-fg)}.sidebar .nav-link.active{background:var(--color-primary-soft-bg);color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary)}.sidebar .nav-link .icon{color:var(--color-fg-faint);flex-shrink:0}.sidebar .nav-link.active .icon,.sidebar .nav-link:hover .icon{color:currentColor}.icon{width:1.1em;height:1.1em;flex-shrink:0}.icon-heading{display:flex;align-items:center;gap:var(--space-2)}.app-content{flex:1;padding:var(--space-7);overflow:auto}.coming-soon{color:var(--color-fg-muted)}.ws-status{display:inline-flex;align-items:center;gap:var(--space-3);font-size:.85rem}.ws-status-dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--color-fg-faint)}.ws-status--open .ws-status-dot{background:var(--color-success)}.ws-status--connecting .ws-status-dot,.ws-status--reconnecting .ws-status-dot{background:var(--color-warning-fg)}.ws-status--closed .ws-status-dot{background:var(--color-danger)}.shell-loading{padding:var(--space-7);text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.link-button{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;box-shadow:none;color:var(--color-primary);font-weight:400;cursor:pointer;padding:0;text-decoration:underline}.pane-status{padding:var(--space-6);color:var(--color-fg-muted)}.pane-status--error{color:var(--color-danger)}.pane-status--footer{padding:var(--space-4);text-align:center;font-size:.85rem}.badge{display:inline-block;font-size:.7rem;font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-right:var(--space-2)}.badge--unassigned{background:var(--badge-unassigned-bg);color:var(--badge-unassigned-fg)}.badge--unread{background:var(--badge-unread-bg);color:var(--badge-unread-fg);border-radius:var(--radius-full)}.badge--sla-warning{background:var(--badge-sla-warning-bg);color:var(--badge-sla-warning-fg)}.badge--sla-critical{background:var(--badge-sla-critical-bg);color:var(--badge-sla-critical-fg)}.sla-alert-banner-stack{position:fixed;top:var(--space-4);right:var(--space-4);z-index:30;display:flex;flex-direction:column;gap:var(--space-2);max-width:24rem}.sla-alert-banner{display:flex;align-items:stretch;gap:var(--space-2);background:var(--color-warning-bg);color:var(--color-warning-fg);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden}.sla-alert-banner--critical{background:var(--color-danger-bg-strong);color:var(--color-danger-fg-strong)}.sla-alert-banner-body{flex:1;text-align:left;background:none;border:none;box-shadow:none;color:inherit;padding:var(--space-3) var(--space-4);cursor:pointer;font-size:.85rem;font-weight:500}.sla-alert-banner-dismiss{background:none;border:none;box-shadow:none;color:inherit;padding:var(--space-3);cursor:pointer;font-size:1rem;line-height:1}.conversation-item--sla-pulse{animation:sla-pulse 1.4s ease-in-out infinite}@keyframes sla-pulse{0%,to{background:var(--color-surface)}50%{background:var(--badge-sla-critical-bg)}}@media (prefers-reduced-motion: reduce){.conversation-item--sla-pulse{animation:none;background:var(--color-warning-bg)}}.sla-sound-toggle{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);font-size:.85rem}.sla-sound-toggle-label{display:flex;align-items:center;gap:var(--space-2)}.sla-sound-toggle-description,.sla-sound-toggle-hint{margin:0;color:var(--color-fg-muted);font-size:.75rem}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface-alt);color:var(--color-fg-muted);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:.75rem;margin:var(--space-2)}.tag-chip--removable button{display:inline-flex;background:none;border:none;box-shadow:none;padding:0;cursor:pointer;font-weight:700;color:var(--color-fg-subtle)}.inbox-page{display:grid;grid-template-columns:var(--pane-list-width) 1fr var(--pane-customer-width);height:100%;min-height:0;gap:0}.inbox-pane{min-height:0;display:flex;flex-direction:column;overflow:hidden}.inbox-pane--list{border-right:1px solid var(--color-border)}.inbox-pane--customer{border-left:1px solid var(--color-border);overflow-y:auto;padding:var(--space-6)}.conversation-list-pane{display:flex;flex-direction:column;min-height:0;height:100%}.conversation-list-view-toggle{display:flex;border-bottom:1px solid var(--color-border)}.conversation-list-view-toggle button{flex:1;padding:var(--space-4);border:none;border-radius:0;background:var(--color-surface);color:var(--color-fg);box-shadow:none;font-weight:500;cursor:pointer}.conversation-list-view-toggle button.active{background:var(--color-primary-soft-bg);color:var(--color-primary);font-weight:600}.conversation-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.channel-filter-dropdown{position:relative}.channel-filter-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-width:9rem;justify-content:space-between}.channel-filter-trigger:after{content:"";width:.4em;height:.4em;flex-shrink:0;border-right:.125em solid currentColor;border-bottom:.125em solid currentColor;transform:rotate(45deg);margin-left:var(--space-2);opacity:.6}.channel-filter-listbox{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:25;min-width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:var(--space-2);list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.channel-filter-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.channel-filter-option--active{background:var(--color-surface-hover)}.channel-filter-option--selected{color:var(--color-primary);font-weight:600}.conversation-list{flex:1}.conversation-item{width:100%;height:5.25rem;overflow:hidden;display:flex;gap:var(--space-4);padding:var(--space-5);border:none;border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-fg);cursor:pointer;text-align:left}.conversation-item--selected{background:var(--color-primary-soft-bg)}.channel-badge{flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--channel-default-bg);font-size:1.1rem;font-weight:700;color:var(--channel-default-fg)}.channel-badge--facebook{background:var(--channel-facebook-bg);color:var(--channel-fg)}.channel-badge--line{background:var(--channel-line-bg);color:var(--channel-fg)}.channel-badge--webchat{background:var(--channel-webchat-bg);color:var(--channel-fg)}.conversation-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.conversation-item-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.conversation-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3}.conversation-item-row .badge{flex-shrink:0}.conversation-item-preview-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:var(--color-fg-muted)}.conversation-item-preview-text--empty{color:var(--color-fg-faint);font-style:italic}.conversation-item-bot-name{display:block;font-size:.7rem;color:var(--color-fg-subtle)}.chat-window{display:flex;flex-direction:column;min-height:0;height:100%}.chat-window-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.chat-window-header-title{display:flex;align-items:center;gap:var(--space-4);font-weight:600}.chat-window-header-actions{display:flex;gap:var(--space-4)}.close-confirm{padding:var(--space-4) var(--space-6);background:var(--color-danger-bg);border-bottom:1px solid var(--color-danger-bg-strong);display:flex;align-items:center;gap:var(--space-4)}.message-list{flex:1}.date-separator{display:flex;justify-content:center;padding:var(--space-3) 0}.date-separator span{background:var(--color-surface-alt);color:var(--color-fg-muted);font-size:.75rem;padding:var(--space-1) var(--space-5);border-radius:var(--radius-full)}.message-row{display:flex;padding:var(--space-1) var(--space-6)}.message-row--outbound{justify-content:flex-end}.message-row--inbound{justify-content:flex-start}.message-bubble{max-width:70%;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);background:var(--bubble-inbound-bg);color:var(--bubble-inbound-fg);border:1px solid var(--bubble-inbound-border)}.message-bubble--agent,.message-bubble--bot{background:var(--bubble-outbound-bg);color:var(--bubble-outbound-fg);border-color:var(--bubble-outbound-border)}.message-text{margin:0;white-space:pre-wrap;word-break:break-word}.message-text--muted{opacity:.7;font-style:italic}.message-image,.message-video{max-width:100%;border-radius:var(--radius-md);display:block}.message-meta{display:flex;align-items:center;gap:var(--space-3);font-size:.7rem;opacity:.8;margin-top:var(--space-2)}.delivery-state--failed{color:var(--bubble-failed-fg);font-weight:700}.typing-indicator{padding:var(--space-2) var(--space-6);font-size:.8rem;color:var(--color-fg-subtle);font-style:italic}.composer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4)}.composer-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.composer-toolbar button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-fg);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:1em}.composer-attach{display:inline-flex;align-items:center;gap:var(--space-2);max-width:12rem;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-fg);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:1em;font-weight:600;box-shadow:var(--shadow-xs);cursor:pointer}.composer-attach:hover{background:var(--color-surface-hover)}.composer-attach--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.composer-attach-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attach-clear{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;padding:0;border:none;background:none;box-shadow:none;color:var(--color-fg-subtle);font-weight:700;cursor:pointer}.composer-bot-auto{margin:0 0 0 auto;display:flex;align-items:center;gap:var(--space-3);font-size:.85rem}.composer-input-row{display:flex;gap:var(--space-4);align-items:flex-end}.composer-input-row textarea{flex:1;min-height:2.5rem;max-height:8rem;resize:vertical;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;background:var(--color-surface);color:var(--color-fg)}.composer-input-row button{padding:var(--space-5) var(--space-6);border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-fg);cursor:pointer}.composer-input-row button:disabled{opacity:.5;cursor:not-allowed}.emoji-picker,.quick-reply-menu,.insert-data-menu{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4);margin-bottom:var(--space-3);max-height:13.75rem;overflow-y:auto}.emoji-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.emoji-picker button{font-size:1.25em;background:none;border:none;box-shadow:none;padding:var(--space-1);cursor:pointer}.quick-reply-option{display:flex;gap:var(--space-4);width:100%;text-align:left;background:none;border:none;box-shadow:none;border-radius:var(--radius-sm);color:var(--color-fg);font-weight:400;padding:var(--space-3);cursor:pointer}.quick-reply-option:hover:not(:disabled){background:var(--color-surface-hover)}.quick-reply-shortcut{font-weight:700;color:var(--color-primary)}.insert-data-menu-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:var(--space-3);color:var(--color-fg)}.insert-data-list{list-style:none;margin:0;padding:0}.insert-data-list button{width:100%;text-align:left;background:none;border:none;box-shadow:none;border-radius:var(--radius-sm);color:var(--color-fg);font-weight:400;padding:var(--space-3);cursor:pointer}.insert-data-list button:hover:not(:disabled){background:var(--color-surface-hover)}.customer-panel h2{margin-top:0}.customer-contact{margin:0 0 var(--space-6)}.customer-contact dt{font-size:.75rem;color:var(--color-fg-subtle)}.customer-contact dd{margin:0 0 var(--space-4)}.assign-agent{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.tag-editor{margin-bottom:var(--space-6)}.tag-editor h3{font-size:.85rem;margin-bottom:var(--space-3)}.tag-preset-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-3) 0}.tag-preset-button{border:1px dashed var(--color-border-strong);background:var(--color-surface);color:var(--color-fg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:.75rem;cursor:pointer}.tag-add-custom{display:flex;gap:var(--space-3)}.purchase-history-list{list-style:none;margin:0;padding:0;font-size:.85rem}.purchase-history-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-7);width:min(var(--modal-width),90vw);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-lg)}.modal>h2:first-child,.modal>h3:first-child{margin:0 0 var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-soft)}.create-order-item-picker{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.create-order-item-picker label{margin:0}.create-order-items{list-style:none;margin:0;padding:0}.create-order-items li{display:flex;justify-content:space-between;padding:var(--space-2) 0}.modal-actions{display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-5);border-top:1px solid var(--color-border-soft)}.appearance-settings{max-width:34rem}.appearance-settings-description{color:var(--color-fg-muted)}.appearance-settings-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.appearance-settings-group legend{font-weight:600;padding:0 var(--space-2)}.appearance-settings-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-weight:400;margin:0}.appearance-settings-note{color:var(--color-fg-subtle);font-size:.85rem}.settings-page{max-width:48rem}.settings-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.settings-tab{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-fg-muted);text-decoration:none}.settings-tab.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);font-weight:600}.settings-tab-panel{max-width:40rem}.settings-tab-panel--users{max-width:64rem}.settings-tab-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.settings-tab-panel-header h2{margin:0}.badge--status-invited{background:var(--color-warning-bg);color:var(--color-warning-fg)}.badge--status-suspended{background:var(--color-border-strong);color:var(--color-fg-muted)}.settings-table{width:100%;border-collapse:collapse;margin:var(--space-5) 0}.settings-table th,.settings-table td{text-align:left;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.connection-form{display:flex;flex-direction:column;gap:var(--space-2);max-width:28rem;margin:var(--space-5) 0}.connection-form input,.connection-form select,.connection-form textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg);margin-bottom:var(--space-4)}.connection-form textarea{min-height:5rem;resize:vertical}.coverage-form{max-width:34rem}.coverage-hours-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-2) 0 var(--space-5)}.coverage-hours-fieldset legend{font-weight:600;padding:0 var(--space-2)}.coverage-hours-grid th,.coverage-hours-grid td{text-align:left;vertical-align:middle}.coverage-hours-grid input[type=time]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg)}.coverage-hours-grid input[type=time]:disabled{color:var(--color-fg-subtle);background:var(--color-border-strong)}.coverage-hours-closed-label{display:inline-flex;align-items:center}.connections-view{max-width:48rem}.connection-cards{display:flex;flex-direction:column;gap:var(--space-6)}.connection-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-sm)}.orders-page,.order-detail-page,.create-order-page,.fulfillment-page{display:flex;flex-direction:column;gap:var(--space-6);max-width:64rem}.orders-page-header,.order-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.badge--readonly{background:var(--color-surface-alt);color:var(--color-fg-muted)}.orders-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.orders-table,.order-items-table,.fulfillment-table{width:100%;border-collapse:collapse;background:var(--color-surface)}.orders-table th,.orders-table td,.order-items-table th,.order-items-table td,.fulfillment-table th,.fulfillment-table td{text-align:left;padding:var(--space-4);border-bottom:1px solid var(--color-border-soft)}.orders-table-row{cursor:pointer}.orders-table-row:hover,.fulfillment-row:hover{background:var(--color-surface-hover)}.order-detail-meta,.order-detail-totals,.shipment-summary{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-5)}.order-detail-meta dt,.order-detail-totals dt,.shipment-summary dt{color:var(--color-fg-subtle);font-size:.85rem}.order-detail-meta dd,.order-detail-totals dd,.shipment-summary dd{margin:0}.order-detail-total-label,.order-detail-total-value{font-weight:700}.order-detail-no-conversation{color:var(--color-fg-subtle);font-style:italic}.order-status-controls{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.order-status-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.order-status-no-transitions,.order-item-sku{color:var(--color-fg-subtle);font-size:.85rem}.payments-section,.shipment-section,.ai-efficiency-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.channel-list{list-style:none;margin:var(--space-5) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.channel-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs)}.channel-list-name{flex:1;font-weight:600}.badge--connected{background:var(--color-success);color:var(--color-success-fg)}.payments-list{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.payment-row{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.payment-row-main{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.badge--payment-status-pending,.badge--ai-check-pending{background:var(--color-warning-bg);color:var(--color-warning-fg)}.badge--payment-status-confirmed,.badge--ai-check-pass{background:var(--color-success);color:var(--color-success-fg)}.pane-status-note{color:var(--color-fg-muted);font-size:.85rem}.mock-notice{background:var(--color-warning-bg);color:var(--color-warning-fg);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);font-size:.85rem;margin:0 0 var(--space-5)}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);margin-top:var(--space-5)}.data-table th{text-align:left;font-size:.75rem;color:var(--color-fg-subtle);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-strong)}.data-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-soft)}.data-table-row{cursor:pointer}.data-table-row:hover{background:var(--color-surface-hover)}.data-table-row--selected{background:var(--color-primary-soft-bg)}.badge--status-active{background:var(--color-success);color:var(--color-success-fg)}.badge--disconnected{background:var(--color-border-strong);color:var(--color-fg-muted)}.fb-page-list{list-style:none;padding:0;margin:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-3)}.code-snippet{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-size:.85rem}.quick-reply-list{list-style:none;margin:var(--space-5) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.quick-reply-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-xs)}.canned-message-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0}.simulator-preview{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-4)}.badge--payment-status-rejected,.badge--ai-check-fail{background:var(--color-danger-bg-strong);color:var(--color-danger-fg-strong)}.badge--override{background:var(--color-warning-bg);color:var(--color-warning-fg)}.payment-slip-link{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-primary)}.payment-slip-thumb{width:3rem;height:3rem;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.payment-no-slip{color:var(--color-fg-subtle);font-size:.85rem}.payment-decision-meta{margin:0;font-size:.85rem;color:var(--color-fg-muted)}.payment-decision-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.badge--status-inactive{background:var(--color-border-strong);color:var(--color-fg-muted)}.data-table{width:100%;border-collapse:collapse;margin-top:var(--space-5)}.data-table th,.data-table td{text-align:left;padding:var(--space-4);border-bottom:1px solid var(--color-border-soft)}.data-table-actions{display:flex;gap:var(--space-4)}.link-button--danger{color:var(--color-danger)}.danger-button{background:var(--color-danger);color:var(--color-danger-fg);border:none;border-radius:var(--radius-sm);padding:var(--space-4) var(--space-6);cursor:pointer}.products-page{max-width:60rem}.products-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.products-filters,.customers-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.products-filters-search,.customers-filters-search{display:flex;gap:var(--space-3)}.products-filters-search input,.customers-filters-search input,.admin-tenants-toolbar input,.admin-tenants-toolbar select{width:auto;min-width:11rem}.add-payment-form{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}.shipment-form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.shipment-form-actions{display:flex;gap:var(--space-3)}.ai-efficiency-empty{color:var(--color-fg-subtle);font-style:italic}.ai-efficiency-stats{margin:var(--space-4) 0 0;display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-5)}.ai-efficiency-stats dt{color:var(--color-fg-subtle);font-size:.85rem}.ai-efficiency-stats dd{margin:0}.create-order-actions{display:flex;gap:var(--space-4)}.fulfillment-tabs{display:flex;flex-wrap:wrap;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.fulfillment-tabs button{padding:var(--space-3) var(--space-5);border:none;background:var(--color-surface);color:var(--color-fg);box-shadow:none;font-weight:500;cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.fulfillment-tabs button.active{background:var(--color-primary-soft-bg);color:var(--color-primary);font-weight:600}.fulfillment-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.fulfillment-row-expanded td{background:var(--color-surface-alt)}.product-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:34rem;margin-top:var(--space-5)}.product-form label{font-weight:600;margin-top:var(--space-4)}.product-form input,.product-form select,.product-form textarea{padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:1rem;background:var(--color-surface);color:var(--color-fg)}.product-form input[aria-invalid=true],.product-form select[aria-invalid=true]{border-color:var(--color-danger)}.images-editor,.variants-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-4) 0;background:var(--color-surface);box-shadow:var(--shadow-xs)}.badge--info{background:var(--color-primary-soft-bg);color:var(--color-primary)}.badge--status-draft{background:var(--color-surface-alt);color:var(--color-fg-muted)}.badge--status-active,.badge--in-stock{background:var(--color-success);color:var(--color-success-fg)}.badge--status-ended{background:var(--color-border-strong);color:var(--color-fg)}.badge--status-disabled,.badge--out-of-stock{background:var(--color-danger-bg-strong);color:var(--color-danger-fg-strong)}.campaigns-page h2{margin-top:0}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-5);margin:var(--space-5) 0 var(--space-7)}.template-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-.0625rem)}.images-editor legend,.variants-editor legend{font-weight:600;font-size:.9rem;padding:0 var(--space-2);color:var(--color-fg-muted)}.template-card h4{margin:0}.template-card p{margin:0;color:var(--color-fg-muted);font-size:.85rem;flex:1}.campaigns-list-section{margin-top:var(--space-7)}.campaigns-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.campaign-form-type{color:var(--color-fg-subtle);margin-top:calc(-1 * var(--space-3))}.storefront-settings-page h2{margin-top:0}.storefront-settings-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);max-width:40rem}.storefront-settings-group legend{font-weight:600;padding:0 var(--space-2)}.image-row,.variant-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.variant-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-soft)}.images-editor-empty,.variants-editor-empty{color:var(--color-fg-muted);font-size:.85rem}.variant-remove-warning{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-danger-bg);border:1px solid var(--color-danger-bg-strong);border-radius:var(--radius-sm);font-size:.85rem}.variant-remove-warning p{margin:0;flex:1;color:var(--color-danger-fg-strong)}.stock-adjust-widget{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.85rem}.stock-adjust-widget-note{color:var(--color-fg-subtle);font-size:.75rem;width:100%}.stock-adjust-widget input{width:4rem;padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.stock-adjust-current{color:var(--color-fg-muted)}.customers-page{display:grid;grid-template-columns:1fr var(--pane-customer-width);gap:var(--space-7);align-items:start}.customers-page-detail{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-sm)}.customer-detail-header{display:flex;align-items:center;justify-content:space-between}.customer-identities-list{list-style:none;margin:0 0 var(--space-4);padding:0;font-size:.85rem}.customer-detail-inbox-link{margin-top:var(--space-6);font-size:.85rem}.customer-detail-inbox-note{color:var(--color-fg-subtle);font-size:.85rem}.storefront-settings-note{color:var(--color-fg-subtle);font-size:.85rem;margin:0}.bank-account-list,.banner-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.bank-account-row,.banner-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.bank-account-row input,.banner-row input{flex:1;min-width:8rem}.storefront-publish-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6);max-width:40rem;background:var(--color-surface);box-shadow:var(--shadow-sm)}.storefront-publish-panel h3{margin-top:0}.public-storefront{min-height:100vh;display:flex;flex-direction:column;--storefront-accent: var(--storefront-theme-color, var(--color-primary))}.public-storefront-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.public-storefront-shop-name{font-size:1.25rem;font-weight:700;color:var(--storefront-accent);text-decoration:none}.public-storefront-tagline{color:var(--color-fg-muted)}.public-storefront-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-5)}.public-storefront-cart-link{display:inline-flex;align-items:center;gap:var(--space-2)}.public-storefront-content{flex:1;padding:var(--space-7);max-width:64rem;width:100%;margin:0 auto;box-sizing:border-box}.public-storefront-not-found{padding:var(--space-8);text-align:center}.storefront-hero img{width:100%;border-radius:var(--radius-lg);display:block;margin-bottom:var(--space-6)}.storefront-description{color:var(--color-fg-muted);margin-bottom:var(--space-6)}.storefront-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-5)}.storefront-product-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg);padding:0;overflow:hidden;cursor:pointer;text-align:left;display:flex;flex-direction:column}.storefront-product-card-image{aspect-ratio:1 / 1;background:var(--color-surface-alt)}.storefront-product-card-image img{width:100%;height:100%;object-fit:cover;display:block}.storefront-product-card-image-placeholder{width:100%;height:100%}.storefront-product-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.storefront-product-card-name{font-weight:600}.storefront-product-card-price{color:var(--storefront-accent);font-weight:700}.storefront-product-modal-image{width:100%;border-radius:var(--radius-md);max-height:16rem;object-fit:cover}.storefront-product-modal-price{font-size:1.25rem;font-weight:700;color:var(--storefront-accent)}.storefront-cart-list,.storefront-checkout-summary{list-style:none;margin:var(--space-5) 0;padding:0}.storefront-cart-line{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-soft)}.storefront-cart-line-image{width:3rem;height:3rem;object-fit:cover;border-radius:var(--radius-sm)}.storefront-cart-line-body{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.storefront-cart-line input[type=number]{width:4rem}.storefront-cart-total{font-size:1.1rem;font-weight:700}.storefront-cart-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.storefront-checkout-link{background:var(--storefront-accent);color:var(--color-primary-fg);padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);text-decoration:none}.storefront-checkout-page textarea,.storefront-checkout-page input{width:100%;max-width:24rem;display:block;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-fg)}.promptpay-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin:var(--space-6) 0;max-width:28rem;background:var(--color-surface);box-shadow:var(--shadow-sm)}.promptpay-card-details{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4)}.promptpay-card-details dt{color:var(--color-fg-subtle);font-size:.85rem}.promptpay-card-details dd{margin:0;font-weight:600}.promptpay-payload{width:100%;font-family:monospace;font-size:.75rem;resize:vertical}.promptpay-qr-wrapper{display:flex;justify-content:center;margin:var(--space-5) 0}.promptpay-qr-svg{width:12rem;height:12rem;background:#fff;padding:var(--space-3);border-radius:var(--radius-sm)}.storefront-bank-accounts ul{margin:0;padding-left:var(--space-6)}.storefront-order-status-search{display:flex;gap:var(--space-3);max-width:24rem}.storefront-order-status-search input{flex:1}.order-status-timeline{margin-top:var(--space-6)}.order-status-timeline dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);align-items:center}.order-status-timeline dt{color:var(--color-fg-subtle);font-size:.85rem}.order-status-timeline dd{margin:0}.ai-agents-page{max-width:60rem}.ai-agents-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.ai-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-5);margin:var(--space-5) 0}.ai-stat-card{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-5);box-shadow:var(--shadow-sm)}.ai-stat-value{font-size:1.5rem;font-weight:700}.ai-stat-label{color:var(--color-fg-muted);font-size:.8rem}.ai-stat-card--pending .ai-stat-value{color:var(--color-fg-subtle)}.ai-stat-note{color:var(--color-fg-subtle);font-size:.7rem;font-style:italic}.ai-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-5)}.ai-agent-card{display:flex;flex-direction:column;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease;cursor:pointer;text-align:left}.ai-agent-card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-.0625rem)}.ai-agent-card-header{display:flex;align-items:center;gap:var(--space-4)}.ai-agent-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.ai-agent-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft-bg);color:var(--color-primary);font-weight:700}.ai-agent-card-title{font-weight:600;font-size:1rem;margin:0}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-6)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-4)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm)}.kpi-card-label{font-size:.75rem;color:var(--color-fg-subtle)}.kpi-card-value{font-size:1.5rem;font-weight:600}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-6)}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.seven-day-chart{display:flex;flex-direction:column;gap:var(--space-2)}.ai-agent-card-name{font-weight:600}.ai-agent-card-badges{display:flex;flex-wrap:wrap;align-items:center}.ai-agent-card-meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:0;font-size:.8rem;color:var(--color-fg-muted)}.ai-agent-card-meta dt{font-weight:600}.ai-agent-card-meta dd{margin:0}.ai-agent-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:40rem;margin-top:var(--space-5)}.ai-agent-form fieldset{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.ai-agent-form legend{font-weight:600;padding:0 var(--space-2)}.ai-agent-form label{font-weight:600;margin-top:var(--space-3)}.ai-agent-form input,.ai-agent-form select,.ai-agent-form textarea{padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:1rem;background:var(--color-surface);color:var(--color-fg)}.ai-agent-form input[aria-invalid=true],.ai-agent-form textarea[aria-invalid=true]{border-color:var(--color-danger)}.ai-persona-templates{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ai-checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ai-radio-group{display:flex;flex-direction:column;gap:var(--space-4)}.ai-radio-option{display:flex;align-items:flex-start;gap:var(--space-4);font-weight:400;margin:0}.ai-radio-option strong{display:block}.ai-radio-description{display:block;color:var(--color-fg-muted);font-size:.8rem;font-weight:400}.ai-test-chat{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-6);max-width:40rem}.ai-test-chat-row{display:flex;gap:var(--space-3)}.ai-test-chat-row input{flex:1;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.ai-test-chat-log{max-height:24rem;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) 0;background:var(--color-surface-alt)}.ai-test-chat-meta{margin:var(--space-2) 0 0;font-size:.7rem;opacity:.75}.seven-day-chart-svg{width:100%;height:6rem}.seven-day-chart-bar{fill:var(--color-primary)}.seven-day-chart-axis{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-fg-subtle)}.channel-breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.channel-breakdown-row{display:grid;grid-template-columns:6rem 1fr 2.5rem;align-items:center;gap:var(--space-3)}.channel-breakdown-bar-track{background:var(--color-surface-alt);border-radius:var(--radius-sm);height:.6rem;overflow:hidden}.channel-breakdown-bar-fill{display:block;height:100%;background:var(--color-primary);border-radius:var(--radius-sm)}.channel-breakdown-count{text-align:right;font-variant-numeric:tabular-nums}.stock-alerts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.stock-alerts-sku{color:var(--color-fg-subtle);font-size:.8rem}.admin-page{display:flex;flex-direction:column;gap:var(--space-5)}.admin-tabs{display:flex;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.admin-tabs button{background:none;border:none;border-radius:0;box-shadow:none;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:500;color:var(--color-fg-muted);border-bottom:2px solid transparent}.admin-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-tenants-toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.admin-detail-modal{max-width:40rem;max-height:85vh;overflow-y:auto}.admin-detail-section{border-top:1px solid var(--color-border-soft);padding-top:var(--space-5);margin-top:var(--space-5)}.admin-detail-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.admin-save-confirmation{color:var(--color-success);font-size:.85rem}.admin-quota-full-badge{margin-left:var(--space-2)}.admin-enter-company-confirm{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface-alt);display:flex;flex-direction:column;gap:var(--space-3)}.impersonation-banner{display:flex;align-items:center;gap:var(--space-3);background:var(--color-warning-bg);color:var(--color-warning-fg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.85rem}.demo-creds{margin-top:var(--space-6);max-width:34rem;width:100%;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-4)}.demo-creds h2{margin:0 0 var(--space-3);font-size:.85rem;color:var(--color-fg-muted);font-weight:600}.demo-creds table{width:100%;border-collapse:collapse;font-size:.82rem}.demo-creds th{text-align:left;color:var(--color-fg-subtle);font-size:.72rem;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border)}.demo-creds td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-soft)}.demo-creds tbody tr{cursor:pointer}.demo-creds tbody tr:hover{background:var(--color-surface-hover)}.demo-creds code{color:var(--color-primary);font-weight:600}