:root{color-scheme:light;--brand-cream: #f7f4ef;--brand-wordmark: #17191a;--brand-charcoal: #17191a;--brand-charcoal-soft: #252728;--brand-text-on-dark: #f7f4ef;--brand-orange-25: #fbf8f5;--brand-orange-50: #f6eee9;--brand-orange-100: #ead8cd;--brand-orange-200: #d3b3a0;--brand-orange-300: #bd8a6b;--brand-orange-400: #aa6334;--brand-orange-500: #9b4915;--brand-orange-600: #843d13;--brand-orange-700: #673114;--brand-orange-800: #462315;--brand-orange-900: #2c1811;--brand-orange-950: #170d09;--green-25: var(--brand-orange-25);--green-50: var(--brand-orange-50);--green-100: var(--brand-orange-100);--green-200: var(--brand-orange-200);--green-300: var(--brand-orange-300);--green-400: var(--brand-orange-400);--green-500: var(--brand-orange-500);--green-600: var(--brand-orange-600);--green-700: var(--brand-orange-700);--green-800: var(--brand-orange-800);--green-900: var(--brand-orange-900);--green-950: var(--brand-orange-950);--neutral-25: #fbfcfe;--neutral-50: #f8fafc;--neutral-100: #f1f4f8;--neutral-200: #e4e7ec;--neutral-300: #d7e0ee;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #33312d;--neutral-900: #272624;--neutral-950: #171615;--shell-900: var(--brand-charcoal);--shell-950: #1d1b19;--shell-975: #141312;--white: #ffffff;--red-600: #b42318;--amber-600: #b54708;--success-600: #027a48;--blue-500: #2f7fd0;--blue-50: #eef6ff;--purple-500: #8f5bd2;--purple-50: #f5efff;--orange-500: #c47a1b;--orange-50: #fff6e8;--red-50: #fff1f0;--font-brand-ui: "Avenir Next", "Nunito Sans", Nunito, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand-display: "Avenir Next", "Nunito Sans", Nunito, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: var(--font-brand-ui);--color-canvas: var(--white);--color-surface: var(--white);--color-surface-raised: var(--neutral-25);--color-surface-muted: var(--neutral-100);--color-text: var(--neutral-800);--color-text-strong: var(--neutral-900);--color-text-muted: var(--neutral-500);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-300);--color-accent: var(--brand-orange-600);--color-accent-hover: var(--brand-orange-700);--color-accent-strong: var(--brand-orange-700);--color-accent-soft: var(--brand-orange-100);--color-accent-surface: var(--brand-orange-50);--color-accent-surface-strong: var(--brand-orange-200);--color-danger: var(--red-600);--color-warning: var(--amber-600);--color-warning-soft: color-mix(in srgb, var(--amber-600) 11%, var(--white));--color-warning-strong: var(--amber-600);--color-success: var(--success-600);--effect-brand-border: color-mix(in srgb, var(--brand-orange-600) 32%, transparent);--effect-brand-border-strong: color-mix(in srgb, var(--brand-orange-600) 68%, transparent);--effect-brand-focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand-orange-500) 18%, transparent);--effect-brand-soft-shadow: 0 14px 28px color-mix(in srgb, var(--brand-orange-700) 13%, transparent);--effect-brand-strong-shadow: 0 18px 34px color-mix(in srgb, var(--brand-orange-700) 22%, transparent);--effect-brand-gradient: linear-gradient(180deg, var(--brand-orange-500) 0%, var(--brand-orange-600) 100%);--effect-green-border: var(--effect-brand-border);--effect-green-border-strong: var(--effect-brand-border-strong);--effect-green-focus-ring: var(--effect-brand-focus-ring);--effect-green-soft-shadow: var(--effect-brand-soft-shadow);--effect-green-strong-shadow: var(--effect-brand-strong-shadow);--effect-green-gradient: var(--effect-brand-gradient);--space-1: 4px;--space-hairline: 1px;--space-hairline-strong: 3px;--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-panel: none;--shadow-menu: 0 18px 40px color-mix(in srgb, var(--neutral-950) 12%, transparent);--font-size-label: 10.5px;--font-size-small: 12px;--font-size-body: 13.5px;--font-size-section: 15.5px;--font-size-brand: 20px;--font-size-title: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 560;--font-weight-bold: 650;--font-weight-heavy: 700;--line-height-tight: 1.1;--line-height-flat: 1;--line-height-title: 1.12;--line-height-label: 1.2;--line-height-body: 1.4;--control-height: 38px;--control-height-sm: 34px;--app-viewport-height: 100svh;--table-row-height: 44px;--table-footer-height: 48px;--table-thumbnail-size: 34px;--modal-header-height: 54px;--icon-size-sm: 16px;--icon-size-md: 18px;--icon-button-size: var(--control-height);--icon-button-icon-size: var(--icon-size-sm);--icon-button-icon-stroke-width: 1.75;--layout-page-max: 1180px;--layout-readable-max: 720px;--layout-content-padding: var(--space-6);--layout-content-padding-mobile: var(--space-4);--component-preview-column-min: 220px;--layout-sidebar-width: 248px;--sidebar-width: 304px;--sidebar-collapsed-width: 84px;--sidebar-padding-block: 18px;--sidebar-padding-inline: 14px;--sidebar-padding-inline-collapsed: 10px;--sidebar-brand-mark-size: 32px;--sidebar-brand-logo-height: 46px;--sidebar-brand-logo-padding: var(--space-2);--sidebar-brand-wordmark-width: 92px;--sidebar-brand-wordmark-height: 22px;--sidebar-link-height: 40px;--sidebar-link-width-collapsed: 44px;--sidebar-collapsed-icon-size: 20px;--sidebar-collapsed-business-avatar-size: 24px;--sidebar-mobile-close-size: 32px;--sidebar-flyout-min-width: 220px;--sidebar-subnav-padding-left: 40px;--sidebar-subnav-rail-left: 25px;--menu-min-width: 180px;--modal-width-sm: 380px;--modal-width-md: 560px;--modal-width-lg: 760px;--modal-width-xl: 960px;--modal-viewport-margin: var(--space-6);--modal-mobile-top-offset: var(--topbar-height);--modal-mobile-radius: 16px 16px 0 0;--modal-mobile-max-height: calc(100dvh - var(--modal-mobile-top-offset));--modal-mobile-footer-padding: var(--space-4);--table-select-column: 24px;--table-primary-column: minmax(0, 1.16fr);--table-middle-column: minmax(0, 1fr);--table-actions-column: 56px;--table-cell-min: minmax(0, .78fr);--table-selection-summary-column: minmax(0, 1fr);--table-selection-actions-column: auto;--table-shell-radius: var(--radius-md);--table-shell-shadow: 0 14px 28px color-mix(in srgb, var(--neutral-950) 6%, transparent);--table-mobile-primary-column: minmax(0, 1fr);--table-mobile-secondary-column: minmax(0, 1fr);--table-mobile-actions-column: 54px;--table-mobile-actions-inset: var(--space-2);--table-mobile-row-height: 48px;--table-empty-min-height: 220px;--toolbar-search-width: 220px;--tooltip-trigger-size: 20px;--tooltip-icon-size: var(--icon-size-sm);--tooltip-icon-stroke-width: 1.8;--tooltip-max-width: 240px;--tooltip-radius: var(--radius-md);--tooltip-offset: var(--space-1);--toast-top-offset: 76px;--toast-mobile-top-offset: 68px;--toast-inline-offset: var(--space-7);--toast-max-width: 448px;--toast-radius: 13px;--toast-icon-box-size: 44px;--toast-icon-radius: var(--radius-lg);--toast-icon-size: var(--icon-size-md);--toast-icon-stroke-width: 2.1;--toast-close-size: 24px;--toast-progress-height: 6px;--toast-progress-offset: 20px;--toast-duration: 4s;--toast-halo-opacity: .6;--notifications-feed-main-column: minmax(0, 1fr);--notifications-feed-state-column: var(--topbar-notification-dot-size);--notifications-feed-icon-column: var(--topbar-control-size);--notifications-feed-type-column: minmax(0, .34fr);--notifications-feed-time-column: minmax(0, .28fr);--notifications-feed-actions-column: var(--table-actions-column);--notifications-feed-row-min-height: calc(var(--table-row-height) * 1.45);--notifications-feed-empty-min-height: calc(var(--table-row-height) * 4);--dashboard-page-gap: var(--space-5);--dashboard-header-gap: var(--space-5);--dashboard-card-gap: var(--space-4);--dashboard-heading-text: var(--color-text-strong);--dashboard-text: var(--color-text);--dashboard-muted-text: var(--color-text-muted);--dashboard-heading-size: var(--font-size-title);--dashboard-heading-weight: var(--font-weight-bold);--dashboard-card-bg: var(--color-surface);--dashboard-card-border: var(--color-border);--dashboard-card-radius: var(--radius-md);--dashboard-card-padding: var(--space-5);--dashboard-card-shadow: 0 12px 28px color-mix(in srgb, var(--neutral-950) 5%, transparent);--dashboard-kpi-min-height: 96px;--dashboard-kpi-value-size: 22px;--dashboard-icon-box: 34px;--dashboard-action-icon-size: 34px;--dashboard-device-icon-size: 30px;--dashboard-icon-stroke-width: 1.85;--dashboard-mini-icon-size: 12px;--dashboard-dot-size: 4px;--dashboard-dot-offset: 20px;--dashboard-empty-min-height: 228px;--dashboard-empty-border: var(--color-border-strong);--dashboard-chart-bg: var(--color-surface-raised);--dashboard-chart-height: 242px;--dashboard-chart-mobile-height: 178px;--dashboard-bar-height: 8%;--dashboard-chart-axis-width: 42px;--dashboard-chart-label-space: 26px;--dashboard-chart-label-offset: -50%;--dashboard-chart-label-font-size: 11px;--dashboard-chart-grid: var(--color-border);--dashboard-chart-grid-stroke: 1;--dashboard-chart-line-stroke: 2;--dashboard-chart-point-stroke: 2;--dashboard-chart-run-duration: .9s;--dashboard-chart-point-delay: .7s;--dashboard-payment-min-width: 360px;--dashboard-payment-dot-size: 10px;--dashboard-donut-size: 156px;--dashboard-donut-inner-size: 108px;--dashboard-donut-fill: 0deg;--dashboard-donut-card-end: 0deg;--dashboard-donut-cash-end: 0deg;--dashboard-donut-mobile-end: 0deg;--dashboard-donut-reveal: 0deg;--dashboard-donut-run-duration: .9s;--dashboard-donut-empty: var(--neutral-200);--dashboard-list-row-height: 54px;--dashboard-rank-size: 20px;--dashboard-thumb-size: 34px;--dashboard-status-dot-size: 6px;--dashboard-action-tile-height: 72px;--dashboard-menu-min-width: 180px;--dashboard-customize-width: 240px;--dashboard-date-popover-width: 500px;--dashboard-date-sidebar-width: 142px;--dashboard-date-preset-height: 30px;--dashboard-mobile-popover-top: calc(var(--topbar-height) + var(--space-5));--dashboard-mobile-popover-inset: var(--space-4);--dashboard-mobile-popover-max-height: calc(100dvh - var(--dashboard-mobile-popover-top) - var(--space-5));--dashboard-mobile-customize-max-height: calc(100dvh - var(--dashboard-mobile-popover-top) - var(--space-5));--dashboard-calendar-control-size: 30px;--dashboard-calendar-day-size: 30px;--dashboard-customize-popover-width: 284px;--dashboard-customize-list-height: 280px;--dashboard-customize-row-height: 32px;--dashboard-check-size: 16px;--dashboard-green: var(--green-600);--dashboard-green-soft: var(--green-50);--dashboard-blue: var(--blue-500);--dashboard-blue-soft: var(--blue-50);--dashboard-purple: var(--purple-500);--dashboard-purple-soft: var(--purple-50);--dashboard-amber: var(--orange-500);--dashboard-amber-soft: var(--orange-50);--dashboard-red: var(--red-600);--dashboard-red-soft: var(--red-50);--z-modal: 2000;--z-popover: 2100;--z-toast: 2147483647;--z-loading-screen: 2147483600;--z-topbar: 100;--z-topbar-menu: 110;--z-table-sticky-header: 20;--z-sidebar-backdrop: 120;--z-sidebar-mobile: 130;--duration-fast: .14s;--duration-base: .2s;--duration-bell: .4s;--duration-slow: .7s;--ease-standard: ease;--component-border-width: 1px;--component-border-width-strong: 2px;--interaction-lift: -1px;--letter-spacing-base: 0;--letter-spacing-label: .1em;--blur-panel: 16px;--rotate-zero: 0deg;--rotate-positive-sm: 10deg;--rotate-positive-xs: 6deg;--rotate-negative-sm: -8deg;--scale-pop-start: .6;--scale-pop-overshoot: 1.15;--scale-base: 1;--rotate-full: 360deg;--loading-screen-bg: var(--color-canvas);--loading-screen-overlay-bg: color-mix(in srgb, var(--color-canvas) 94%, transparent);--loading-screen-card-bg: var(--color-surface);--loading-screen-card-border: var(--color-border);--loading-screen-card-shadow: var(--shadow-menu);--loading-screen-text: var(--color-text);--loading-screen-heading: var(--color-text-strong);--loading-screen-muted: var(--color-text-muted);--loading-screen-spinner: var(--color-accent);--loading-screen-padding: var(--space-7);--loading-screen-gap: var(--space-5);--loading-screen-card-width: 320px;--loading-screen-card-padding: var(--space-7);--loading-screen-card-radius: var(--radius-md);--loading-screen-inline-min-height: 320px;--loading-screen-mark-size: 54px;--loading-screen-mark-icon-size: 26px;--loading-screen-spinner-size: 28px;--loading-screen-icon-stroke-width: 2;--loading-screen-title-size: var(--font-size-section);--loading-screen-spin-duration: var(--duration-slow);--button-height: var(--control-height);--button-radius: var(--radius-md);--button-primary-bg: var(--effect-green-gradient);--button-primary-text: var(--white);--button-primary-shadow: var(--effect-green-soft-shadow);--button-secondary-bg: var(--color-surface);--button-secondary-border: var(--color-border-strong);--button-secondary-text: var(--color-text);--button-ghost-bg: transparent;--button-ghost-text: var(--color-text-muted);--button-danger-bg: var(--color-danger);--button-danger-text: var(--white);--button-disabled-opacity: .58;--action-menu-trigger-size: 24px;--action-menu-trigger-radius: var(--radius-pill);--action-menu-trigger-bg: transparent;--action-menu-trigger-border: transparent;--action-menu-trigger-color: var(--color-text-muted);--action-menu-trigger-hover-bg: var(--action-menu-trigger-bg);--action-menu-trigger-hover-border: var(--action-menu-trigger-border);--action-menu-trigger-hover-color: var(--color-text);--action-menu-trigger-focus-ring: none;--action-menu-icon-size: 16px;--action-menu-icon-stroke-width: 1.75;--bulk-action-menu-height: var(--control-height-sm);--bulk-action-menu-radius: var(--radius-md);--input-height: var(--control-height);--input-radius: var(--radius-sm);--input-bg: var(--color-surface);--input-border: var(--color-border-strong);--input-hover-border: var(--color-border-strong);--input-focus-border: color-mix(in srgb, var(--color-text-muted) 54%, var(--color-border-strong));--input-focus-ring: none;--input-touch-font-size: 16px;--input-placeholder: var(--neutral-400);--select-icon-color: var(--color-text-muted);--toggle-width: 44px;--toggle-height: 24px;--toggle-thumb-size: 18px;--toggle-thumb-offset: 20px;--toggle-padding: 2px;--toggle-off-bg: color-mix(in srgb, var(--neutral-900) 8%, transparent);--toggle-off-border: color-mix(in srgb, var(--neutral-900) 12%, transparent);--toggle-off-shadow: inset 0 1px 1px color-mix(in srgb, var(--white) 42%, transparent);--toggle-on-bg: var(--effect-green-gradient);--toggle-on-border: color-mix(in srgb, var(--green-600) 32%, transparent);--toggle-on-shadow: inset 0 1px 1px color-mix(in srgb, var(--white) 18%, transparent), 0 10px 18px color-mix(in srgb, var(--green-600) 18%, transparent);--toggle-thumb-bg: linear-gradient(180deg, var(--white) 0%, var(--neutral-50) 100%);--toggle-thumb-shadow: 0 2px 6px color-mix(in srgb, var(--neutral-950) 18%, transparent);--table-shell-bg: var(--color-surface);--table-shell-border: color-mix(in srgb, var(--color-border) 86%, var(--white));--table-sticky-header-top: calc(var(--layout-content-padding) * -1);--table-header-bg: linear-gradient(180deg, var(--neutral-25) 0%, var(--neutral-50) 100%);--table-header-text: var(--neutral-600);--table-row-bg: var(--color-surface);--table-row-hover-bg: color-mix(in srgb, var(--green-50) 58%, var(--white));--table-row-hover-shadow: inset var(--component-border-width-strong) 0 0 var(--effect-green-border);--table-row-selected-bg: color-mix(in srgb, var(--green-50) 72%, var(--white));--table-row-selected-border: var(--effect-green-border);--table-row-active-bg: var(--color-accent-surface);--table-row-active-border: var(--effect-green-border);--table-border: color-mix(in srgb, var(--color-border) 88%, var(--white));--table-footer-bg: var(--color-surface);--table-footer-control-bg: var(--color-surface-raised);--table-checkbox-bg: var(--color-surface);--table-checkbox-border: var(--color-border-strong);--table-checkbox-radius: var(--radius-sm);--table-empty-icon-bg: var(--color-surface-muted);--tabs-bg: var(--color-surface);--tabs-border: var(--color-border);--tabs-radius: var(--radius-lg);--tabs-padding: var(--space-1);--tabs-item-height: var(--control-height-sm);--tabs-item-radius: var(--radius-md);--tabs-item-text: var(--color-text-muted);--tabs-item-hover-bg: var(--color-surface-muted);--tabs-item-hover-text: var(--color-text);--tabs-item-active-bg: var(--color-accent-surface);--tabs-item-active-border: var(--effect-green-border);--tabs-item-active-text: var(--color-accent-strong);--tabs-item-font-weight: var(--font-weight-medium);--tabs-item-active-font-weight: var(--font-weight-semibold);--tabs-vertical-gap: var(--space-3);--tabs-vertical-item-height: 40px;--tabs-vertical-item-padding-inline: var(--space-4);--modal-bg: var(--color-surface);--modal-header-bg: var(--color-surface-raised);--modal-footer-bg: var(--color-surface-raised);--modal-border: var(--color-border);--modal-radius: var(--radius-lg);--modal-overlay-bg: color-mix(in srgb, var(--neutral-950) 22%, transparent);--tooltip-bg: var(--neutral-950);--tooltip-text: var(--white);--tooltip-border: color-mix(in srgb, var(--white) 10%, transparent);--tooltip-shadow: var(--shadow-menu);--tooltip-trigger-bg: transparent;--tooltip-trigger-color: var(--color-text-muted);--tooltip-trigger-hover-color: var(--color-text);--toast-bg: linear-gradient( 180deg, color-mix(in srgb, var(--white) 98%, transparent) 0%, color-mix(in srgb, var(--neutral-50) 98%, transparent) 100% );--toast-border: color-mix(in srgb, var(--neutral-900) 8%, transparent);--toast-shadow: 0 10px 24px color-mix(in srgb, var(--neutral-950) 6%, transparent);--toast-message-text: var(--neutral-700);--toast-close-color: var(--neutral-400);--toast-close-hover-bg: color-mix(in srgb, var(--green-600) 8%, transparent);--toast-info-accent: #1f7a8c;--toast-info-accent-strong: #1f6c7d;--toast-info-bg: #dff2f7;--toast-info-border: color-mix(in srgb, var(--toast-info-accent) 16%, transparent);--toast-error-accent-strong: #9f3f3f;--toast-error-bg: #fceaea;--toast-error-border: color-mix(in srgb, var(--color-danger) 16%, transparent);--auth-card-width: 430px;--auth-card-wide-width: 760px;--auth-card-padding: var(--space-7);--auth-card-mobile-padding: var(--space-5);--auth-card-radius: 18px;--auth-card-shadow: 0 18px 44px color-mix(in srgb, var(--neutral-950) 7%, transparent);--auth-page-bg: var(--color-canvas);--auth-card-bg: var(--color-surface);--auth-card-border: var(--color-border);--auth-brand-width: 176px;--auth-brand-height: 58px;--auth-brand-radius: var(--radius-lg);--auth-brand-bg: color-mix(in srgb, var(--brand-cream) 96%, var(--white));--auth-brand-border: color-mix(in srgb, var(--brand-orange-500) 14%, transparent);--auth-hero-gap: var(--space-2);--auth-title-size: 22px;--auth-title-weight: var(--font-weight-bold);--auth-subtitle-size: var(--font-size-body);--auth-label-weight: var(--font-weight-medium);--auth-link-weight: var(--font-weight-medium);--auth-control-font-weight: var(--font-weight-regular);--auth-hero-icon-size: 56px;--auth-alert-radius: var(--radius-md);--auth-alert-info-bg: var(--color-surface-muted);--auth-alert-success-bg: var(--color-accent-surface);--auth-alert-error-bg: var(--toast-error-bg);--auth-alert-error-border: var(--toast-error-border);--auth-input-action-size: 32px;--auth-otp-size: 44px;--auth-progress-height: 8px;--auth-spinner-size: 72px;--auth-status-icon-size: 62px;--auth-link-color: var(--color-accent-strong);--account-avatar-size: 64px;--account-avatar-bg: var(--color-accent-surface);--account-avatar-border: var(--effect-green-border);--account-avatar-text: var(--color-accent-strong);--account-section-icon-size: 34px;--account-row-min-height: 62px;--account-row-action-min: 148px;--account-select-width: 170px;--account-content-width: 920px;--account-detail-field-width: 468px;--account-detail-avatar-size: 88px;--account-detail-avatar-icon-size: 38px;--account-avatar-edit-size: 34px;--account-settings-card-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 6%, transparent);--account-twofactor-qr-size: 220px;--account-twofactor-qr-mobile-size: 188px;--account-twofactor-qr-bg: var(--color-accent-surface);--account-twofactor-qr-border: var(--effect-green-border);--account-twofactor-qr-image-bg: var(--color-surface);--account-twofactor-qr-shadow: 0 10px 24px color-mix(in srgb, var(--neutral-950) 8%, transparent);--billing-card-bg: var(--color-surface);--billing-card-border: var(--color-border);--billing-card-radius: var(--radius-lg);--billing-card-shadow: 0 18px 40px color-mix(in srgb, var(--neutral-950) 5%, transparent);--billing-heading-text: var(--neutral-900);--billing-body-text: var(--neutral-700);--billing-label-text: var(--neutral-600);--billing-value-text: var(--neutral-800);--billing-heading-weight: var(--font-weight-semibold);--billing-label-weight: var(--font-weight-medium);--billing-value-weight: var(--font-weight-semibold);--billing-workspace-sidebar-width: 240px;--billing-workspace-nav-padding: var(--space-6);--billing-workspace-nav-padding-tablet: var(--space-4);--billing-workspace-content-padding: var(--space-6);--billing-workspace-content-padding-tablet: var(--space-5);--billing-workspace-content-padding-mobile: var(--space-4);--billing-workspace-min-height: calc(var(--app-viewport-height) - var(--topbar-height) - (var(--space-6) * 2));--billing-workspace-divider: var(--color-border);--billing-icon-box-size: 34px;--billing-row-min-height: 58px;--billing-overview-column-min: 320px;--billing-progress-height: 7px;--billing-progress-bg: var(--color-surface-muted);--billing-progress-fill: var(--effect-green-gradient);--billing-plan-featured-bg: color-mix(in srgb, var(--color-accent-surface) 42%, var(--color-surface));--billing-plan-featured-border: var(--effect-green-border-strong);--billing-plan-badge-bg: var(--effect-green-gradient);--billing-plan-badge-text: var(--white);--billing-subscription-actions-min: 280px;--billing-subscription-action-min-height: 86px;--billing-detail-label-column: 180px;--billing-detail-action-column: 72px;--billing-cancel-option-min-height: 78px;--billing-cancel-icon-size: 42px;--billing-address-card-min-height: 300px;--billing-pill-height: 24px;--billing-pill-bg: var(--color-surface-muted);--billing-pill-border: var(--color-border);--billing-pill-text: var(--color-text-muted);--billing-pill-success-bg: var(--color-accent-surface);--billing-pill-success-border: var(--effect-green-border);--billing-pill-success-text: var(--color-accent-strong);--billing-pill-warning-bg: var(--color-warning-soft);--billing-pill-warning-border: color-mix(in srgb, var(--color-warning) 28%, transparent);--billing-pill-warning-text: var(--color-warning-strong);--billing-pill-muted-bg: var(--color-surface-muted);--billing-pill-muted-border: var(--color-border-strong);--billing-pill-muted-text: var(--color-text-muted);--billing-payment-card-bg: radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--white) 12%, transparent) 0 24%, transparent 25%), linear-gradient(145deg, var(--green-700) 0%, var(--green-900) 100%);--billing-payment-card-border: color-mix(in srgb, var(--white) 14%, transparent);--billing-payment-card-text: var(--white);--billing-payment-card-muted-text: color-mix(in srgb, var(--white) 68%, transparent);--billing-payment-card-chip-bg: color-mix(in srgb, var(--white) 16%, transparent);--billing-payment-card-shadow: 0 18px 38px color-mix(in srgb, var(--green-900) 18%, transparent);--billing-payment-card-width: 340px;--billing-payment-card-min-height: 184px;--billing-payment-card-radius: 18px;--devices-content-gap: var(--space-5);--devices-card-bg: var(--color-surface);--devices-card-border: var(--color-border);--devices-card-radius: var(--radius-lg);--devices-card-shadow: 0 16px 36px color-mix(in srgb, var(--neutral-950) 5%, transparent);--devices-heading-text: var(--color-text-strong);--devices-body-text: var(--neutral-700);--devices-muted-text: var(--color-text-muted);--devices-icon-box-size: 38px;--devices-summary-min: 220px;--devices-image-height: 92px;--devices-add-type-min: 170px;--devices-step-progress-height: 5px;--devices-code-entry-width: 360px;--devices-code-slot-size: 26px;--devices-code-caret-width: 2px;--devices-code-caret-height: 18px;--devices-connect-sidebar-width: 300px;--devices-connect-panel-min-height: 560px;--devices-connect-action-width: 360px;--devices-step-rail-width: var(--component-border-width);--devices-scanner-width: 560px;--devices-scanner-height: 320px;--devices-scanner-orb-size: 138px;--devices-success-bg: var(--color-accent-surface);--devices-success-border: var(--effect-brand-border);--devices-success-text: var(--color-accent-strong);--devices-danger-bg: var(--red-50);--devices-danger-border: color-mix(in srgb, var(--color-danger) 24%, transparent);--devices-danger-text: var(--color-danger);--devices-muted-bg: var(--color-surface-muted);--devices-muted-border: var(--color-border);--devices-muted-pill-text: var(--color-text-muted);--sidebar-bg: linear-gradient( 145deg, color-mix(in srgb, var(--brand-charcoal-soft) 54%, var(--shell-975)) 0%, var(--brand-charcoal) 46%, var(--shell-975) 100% );--sidebar-bg-highlight: linear-gradient( 180deg, color-mix(in srgb, var(--brand-orange-500) 10%, transparent), transparent 30% );--sidebar-border: color-mix(in srgb, var(--brand-orange-100) 12%, transparent);--sidebar-divider: color-mix(in srgb, var(--brand-orange-100) 9%, transparent);--sidebar-text: color-mix(in srgb, var(--brand-text-on-dark) 86%, transparent);--sidebar-text-strong: var(--brand-text-on-dark);--sidebar-text-muted: color-mix(in srgb, var(--brand-text-on-dark) 58%, transparent);--sidebar-warm-muted: color-mix(in srgb, var(--brand-text-on-dark) 76%, transparent);--sidebar-warm-soft: color-mix(in srgb, var(--brand-text-on-dark) 62%, transparent);--sidebar-hover-bg: color-mix(in srgb, var(--white) 7%, transparent);--sidebar-active-bg: linear-gradient( 90deg, color-mix(in srgb, var(--brand-orange-500) 10%, var(--brand-charcoal-soft)) 0%, color-mix(in srgb, var(--brand-orange-700) 5%, transparent) 100% );--sidebar-active-border: color-mix(in srgb, var(--brand-orange-500) 34%, transparent);--sidebar-active-shadow: inset 2px 0 0 color-mix(in srgb, var(--brand-orange-500) 46%, transparent), 0 0 14px color-mix(in srgb, var(--brand-orange-500) 6%, transparent);--sidebar-brand-bg: transparent;--sidebar-brand-border: transparent;--sidebar-brand-shadow: none;--sidebar-rail: color-mix(in srgb, var(--brand-orange-200) 20%, transparent);--sidebar-dropdown-bg: color-mix(in srgb, var(--brand-charcoal-soft) 32%, var(--shell-975));--sidebar-dropdown-border: color-mix(in srgb, var(--brand-orange-500) 14%, transparent);--sidebar-dropdown-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 4%, transparent);--sidebar-flyout-bg: color-mix(in srgb, var(--shell-900) 98%, transparent);--sidebar-flyout-shadow: 0 22px 44px color-mix(in srgb, var(--shell-975) 28%, transparent);--sidebar-transition: var(--duration-fast) var(--ease-standard);--sidebar-mobile-transition: .22s var(--ease-standard);--sidebar-backdrop-bg: color-mix(in srgb, var(--neutral-950) 24%, transparent);--topbar-height: 56px;--topbar-padding-inline: var(--space-4);--topbar-bg: var(--color-surface);--topbar-border: var(--color-border);--topbar-shadow: 0 1px 2px color-mix(in srgb, var(--neutral-950) 6%, transparent);--topbar-control-size: 36px;--topbar-control-radius: var(--radius-md);--topbar-control-bg: var(--color-surface-muted);--topbar-control-border: color-mix(in srgb, var(--neutral-950) 5%, transparent);--topbar-control-hover-bg: color-mix(in srgb, var(--neutral-950) 6%, transparent);--topbar-title-max-width: 260px;--topbar-dropdown-width: 296px;--topbar-notification-width: 380px;--topbar-dropdown-radius: 16px;--topbar-dropdown-bg: linear-gradient(180deg, var(--neutral-25) 0%, var(--neutral-100) 100%);--topbar-dropdown-border: color-mix(in srgb, var(--neutral-900) 8%, transparent);--topbar-dropdown-shadow: 0 24px 56px color-mix(in srgb, var(--neutral-950) 14%, transparent), 0 8px 22px color-mix(in srgb, var(--neutral-950) 8%, transparent);--topbar-avatar-size: 36px;--topbar-dropdown-avatar-size: 40px;--topbar-menu-item-icon-size: 30px;--topbar-menu-item-height: 46px;--topbar-notification-dot-size: 9px;--topbar-badge-size: 16px;--topbar-panel-max-height: 72vh;--topbar-backdrop-bg: color-mix(in srgb, var(--neutral-950) 35%, transparent);--topbar-danger-soft: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface))}:root{--support-sidebar-width: var(--sidebar-width);--support-sidebar-collapsed-width: var(--sidebar-collapsed-width);--support-topbar-height: var(--topbar-height);--support-content-padding: var(--layout-content-padding);--support-page-max: 1440px;--support-panel-gap: var(--space-5);--support-panel-padding: var(--space-5);--support-panel-radius: var(--radius-lg);--support-card-min: 260px;--support-list-column: 300px;--support-context-column: 304px;--support-icon-box: 40px;--support-avatar-size: var(--control-height);--support-transition: var(--duration-fast) var(--ease-standard);--support-chart-height: 260px}html,body,#root{overflow:hidden}.support-shell{width:100%;height:var(--app-viewport-height);min-height:var(--app-viewport-height);display:grid;grid-template-columns:var(--support-sidebar-width) minmax(0,1fr);background:var(--color-canvas);color:var(--color-text);overflow:hidden}.support-shell--collapsed{grid-template-columns:var(--support-sidebar-collapsed-width) minmax(0,1fr)}.support-sidebar{min-width:0;min-height:0;padding:var(--sidebar-padding-block) var(--sidebar-padding-inline) var(--sidebar-padding-inline);border-right:var(--component-border-width) solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;background:var(--sidebar-bg-highlight),var(--sidebar-bg);color:var(--sidebar-text)}.support-shell--collapsed .support-sidebar{padding-left:var(--sidebar-padding-inline-collapsed);padding-right:var(--sidebar-padding-inline-collapsed)}.support-sidebar-header{position:relative;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-5)}.support-sidebar-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--component-border-width);background:var(--sidebar-divider)}.support-shell--collapsed .support-sidebar-header{flex-direction:column}.support-shell--collapsed .support-sidebar-header:after{left:50%;right:auto;width:var(--sidebar-link-width-collapsed);transform:translate(-50%)}.support-brand{min-width:0;flex:1 1 auto;min-height:var(--sidebar-brand-logo-height);border:0;padding:var(--space-3) var(--space-2);display:flex;align-items:center;justify-content:flex-start;background:transparent;cursor:pointer}.support-brand-logo{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.support-brand-mark{width:var(--sidebar-brand-mark-size);height:var(--sidebar-brand-mark-size);display:block;object-fit:contain}.support-brand-wordmark{width:var(--sidebar-brand-wordmark-width);height:var(--sidebar-brand-wordmark-height);display:block;object-fit:contain}.support-shell--collapsed .support-brand{width:var(--sidebar-link-width-collapsed);min-height:var(--sidebar-link-width-collapsed);justify-content:center;padding:var(--space-1)}.support-shell--collapsed .support-brand-wordmark,.support-shell--collapsed .support-sidebar-copy,.support-shell--collapsed .support-agent-copy,.support-shell--collapsed .support-sidebar-version{display:none}.support-shell--collapsed .support-brand-logo{gap:0}.support-sidebar-nav{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-hairline-strong);overflow:auto;scrollbar-width:none}.support-sidebar-nav::-webkit-scrollbar{display:none}.support-sidebar-link{position:relative;min-height:var(--sidebar-link-height);border:var(--component-border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-4);background:transparent;color:var(--sidebar-text);font-family:var(--font-brand-display);text-align:left;cursor:pointer;transition:background var(--support-transition),border-color var(--support-transition),box-shadow var(--support-transition),color var(--support-transition)}.support-sidebar-badge{min-width:var(--topbar-badge-size);height:var(--topbar-badge-size);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:var(--color-accent);color:var(--white);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-flat)}.support-sidebar-link:hover{border-color:color-mix(in srgb,var(--brand-orange-500) 26%,transparent);background:var(--sidebar-hover-bg);color:var(--sidebar-text-strong)}.support-sidebar-link.is-active{border-color:var(--sidebar-active-border);background:var(--sidebar-active-bg);color:var(--sidebar-text-strong);box-shadow:var(--sidebar-active-shadow)}.support-sidebar-icon,.support-button-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.support-sidebar-icon,.support-sidebar-icon svg{width:var(--icon-size-md);height:var(--icon-size-md)}.support-sidebar-icon svg,.support-button svg,.support-icon-button svg,.support-topbar-title svg,.support-topbar-status svg,.support-action-tile svg{stroke-width:var(--icon-button-icon-stroke-width)}.support-sidebar-copy{min-width:0;display:grid;gap:var(--space-hairline)}.support-sidebar-copy strong{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-label)}.support-sidebar-copy small{color:var(--sidebar-text-muted);font-size:var(--font-size-label);line-height:var(--line-height-label)}.support-shell--collapsed .support-sidebar-link{width:var(--sidebar-link-width-collapsed);min-width:var(--sidebar-link-width-collapsed);justify-content:center;margin:0 auto;padding-left:0;padding-right:0}.support-shell--collapsed .support-sidebar-badge{position:absolute;top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);margin-left:0}.support-shell--collapsed .support-sidebar-link:after{content:attr(data-label);position:absolute;top:50%;left:calc(100% + var(--space-4));z-index:var(--z-popover);padding:var(--space-2) var(--space-3);border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-flat);white-space:nowrap;box-shadow:var(--shadow-menu);opacity:0;pointer-events:none;transform:translateY(-50%) translate(calc(var(--space-1) * -1));transition:opacity var(--support-transition),transform var(--support-transition)}.support-shell--collapsed .support-sidebar-link:hover:after,.support-shell--collapsed .support-sidebar-link:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.support-sidebar-footer{margin-top:auto;padding-top:var(--space-5);display:grid;gap:var(--space-3)}.support-agent-card{border:var(--component-border-width) solid var(--sidebar-dropdown-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);background:var(--sidebar-dropdown-bg)}.support-agent-avatar,.support-user-avatar,.support-customer-avatar{width:var(--support-avatar-size);height:var(--support-avatar-size);border:var(--component-border-width) solid var(--effect-brand-border);border-radius:var(--radius-pill);display:inline-grid;place-items:center;background:var(--color-accent-surface);color:var(--color-accent-strong);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.support-agent-copy,.support-user-copy{min-width:0;display:grid;gap:var(--space-hairline)}.support-agent-copy strong,.support-user-copy strong{color:var(--sidebar-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.support-agent-copy small,.support-user-copy small{color:var(--sidebar-text-muted);font-size:var(--font-size-label)}.support-sidebar-version{color:var(--sidebar-text-muted);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.support-main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.support-topbar{min-height:var(--support-topbar-height);border-bottom:var(--component-border-width) solid var(--topbar-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:0 var(--topbar-padding-inline);background:var(--topbar-bg);box-shadow:var(--topbar-shadow);z-index:var(--z-topbar)}.support-topbar-left,.support-topbar-actions{min-width:0;display:flex;align-items:center;gap:var(--space-4)}.support-topbar-title,.support-topbar-status{min-width:0;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-topbar-title svg,.support-topbar-status svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.support-topbar-status{color:var(--color-text-muted)}.support-topbar-search{position:relative;min-width:min(32vw,320px);height:var(--topbar-control-size);border:var(--component-border-width) solid var(--input-border);border-radius:var(--input-radius);display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--input-bg);color:var(--color-text-muted)}.support-topbar-search:focus-within{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring)}.support-topbar-search>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex:0 0 auto}.support-topbar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.support-topbar-search input::placeholder{color:var(--input-placeholder)}.support-search-menu,.support-user-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-popover);border:var(--component-border-width) solid var(--topbar-dropdown-border);border-radius:var(--topbar-dropdown-radius);overflow:hidden;background:var(--topbar-dropdown-bg);box-shadow:var(--topbar-dropdown-shadow)}.support-search-menu{width:min(420px,calc(100vw - var(--space-6)))}.support-search-menu header,.support-user-menu header{padding:var(--space-4);border-bottom:var(--component-border-width) solid var(--topbar-dropdown-border)}.support-search-menu header{display:grid;gap:var(--space-1)}.support-search-menu header strong,.support-user-menu header strong{color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-search-menu header small,.support-user-menu header small,.support-search-list small,.support-search-empty small{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.support-search-list{max-height:360px;overflow:auto;display:grid;padding:var(--space-2)}.support-search-list button{min-width:0;border:0;border-radius:var(--radius-md);padding:var(--space-3);display:grid;gap:var(--space-1);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.support-search-list button:hover,.support-search-list button:focus-visible{background:var(--color-accent-surface);outline:none}.support-search-list button span{overflow:hidden;color:var(--color-text-strong);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.support-search-empty{min-height:calc(var(--control-height) * 2);display:grid;place-items:center;gap:var(--space-1);padding:var(--space-5);text-align:center}.support-user-trigger{border:0;padding:0;display:inline-flex;align-items:center;gap:var(--space-3);background:transparent;color:var(--color-text);cursor:pointer}.support-user-wrap{position:relative;display:inline-flex}.support-user-trigger .support-user-copy{text-align:right}.support-user-trigger .support-user-copy strong{color:var(--color-text)}.support-user-trigger .support-user-copy small{color:var(--color-text-muted)}.support-notification-button,.support-notification-wrap{position:relative}.support-notification-button span{position:absolute;top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);min-width:var(--topbar-badge-size);height:var(--topbar-badge-size);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--white);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.support-notification-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-popover);width:min(360px,calc(100vw - var(--space-6)));border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);display:grid;overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-menu)}.support-notification-menu header{padding:var(--space-4);border-bottom:var(--component-border-width) solid var(--color-border);display:grid;gap:var(--space-1)}.support-notification-menu header strong,.support-list-panel-header strong{color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-notification-menu header small,.support-list-panel-header small,.support-notification-row small,.support-notification-empty small{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.support-notification-list{display:grid;max-height:360px;overflow:auto}.support-notification-footer{border-top:var(--component-border-width) solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.support-notification-footer button{border:0;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-accent-strong);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer}.support-notification-footer button:hover,.support-notification-footer button:focus-visible{background:var(--color-accent-surface);outline:none}.support-notification-row{border:0;border-bottom:var(--component-border-width) solid var(--color-border);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);background:transparent;color:inherit;text-align:left;cursor:pointer}.support-notification-row:hover{background:var(--table-row-hover-bg)}.support-notification-row>span:first-child{width:var(--topbar-notification-dot-size);height:var(--topbar-notification-dot-size);border-radius:var(--radius-pill);margin-top:var(--space-2);background:var(--color-text-muted)}.support-notification-row--warning>span:first-child{background:var(--color-warning)}.support-notification-row--danger>span:first-child{background:var(--devices-danger-text)}.support-notification-row--success>span:first-child{background:var(--color-success)}.support-notification-row strong{display:block;color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label)}.support-notification-empty{padding:var(--space-5);display:grid;gap:var(--space-1);text-align:center}.support-user-menu{width:var(--topbar-dropdown-width);padding:var(--space-2);display:grid}.support-user-menu header{display:grid;grid-template-columns:var(--topbar-avatar-size) minmax(0,1fr);align-items:center;gap:var(--space-3)}.support-user-menu header span:last-child{min-width:0;display:grid;gap:var(--space-1)}.support-user-menu header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-user-menu button{min-height:var(--topbar-menu-item-height);border:0;border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);background:transparent;color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer}.support-user-menu button:hover,.support-user-menu button:focus-visible{background:var(--color-accent-surface);outline:none}.support-user-menu button svg{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-muted)}.support-user-menu-danger{color:var(--color-danger)!important}.support-mobile-menu,.support-mobile-backdrop{display:none}.support-content{min-height:0;flex:1 1 auto;overflow:auto;padding:var(--support-content-padding)}.support-page{width:min(100%,var(--support-page-max));display:grid;gap:var(--support-panel-gap)}.support-state-page,.support-auth-page{min-height:var(--app-viewport-height);display:grid;place-items:center;padding:var(--space-7);background:var(--color-canvas)}.support-state-page .support-panel,.support-auth-card{width:min(100%,420px)}.support-workspace-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.support-auth-card{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);display:grid;gap:var(--space-4);background:var(--color-surface);box-shadow:var(--auth-card-shadow)}.support-auth-card h1{margin:var(--space-2) 0;color:var(--color-text-strong);font-size:var(--font-size-title);line-height:var(--line-height-title)}.support-auth-card p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.support-auth-card .support-field{width:100%;max-width:none}.support-auth-message{padding:var(--space-3);border:var(--component-border-width) solid var(--devices-danger-border);border-radius:var(--radius-md);background:var(--devices-danger-bg);color:var(--devices-danger-text)!important}.support-page--inbox{width:100%;max-width:none}.support-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.support-page-header-copy{display:grid;gap:var(--space-2)}.support-page-header h1,.support-panel-heading h2,.support-conversation-header h2{margin:0;color:var(--color-text-strong);font-family:var(--font-brand-display);line-height:var(--line-height-title)}.support-page-header h1{font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.support-page-header p,.support-panel-heading p,.support-conversation-header p,.support-muted-copy,.support-action-tile p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.support-page-eyebrow{margin:0;color:var(--color-accent-strong);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.support-page-header-actions{display:flex;align-items:center;gap:var(--space-3)}.support-panel{min-width:0;border:var(--component-border-width) solid var(--color-border);border-radius:var(--support-panel-radius);padding:var(--support-panel-padding);display:grid;gap:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-panel)}.support-panel--flush{padding:0;overflow:hidden}.support-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.support-panel-heading h2{font-size:var(--font-size-section);font-weight:var(--font-weight-semibold)}.support-button,.support-icon-button{border:var(--component-border-width) solid transparent;border-radius:var(--button-radius);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;transition:background var(--support-transition),border-color var(--support-transition),color var(--support-transition),box-shadow var(--support-transition)}.support-button{min-height:var(--button-height);padding:0 var(--space-5);gap:var(--space-2);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-button--primary{border-color:transparent;background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow)}.support-button--secondary{border-color:var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}.support-button--ghost{background:var(--button-ghost-bg);color:var(--button-ghost-text)}.support-button--danger{background:var(--button-danger-bg);color:var(--button-danger-text)}.support-button:hover,.support-icon-button:hover{border-color:var(--effect-brand-border);color:var(--color-accent-strong)}.support-button-link{text-decoration:none}.support-icon-button{width:var(--topbar-control-size);height:var(--topbar-control-size);padding:0;background:var(--topbar-control-bg);color:var(--color-text-muted)}.support-sidebar-toggle{flex:0 0 auto;border-radius:var(--topbar-control-radius);background:var(--topbar-control-bg);color:var(--color-text-muted)}.support-sidebar-toggle:hover,.support-sidebar-toggle:focus-visible{border-color:var(--effect-brand-border);background:var(--topbar-control-bg);color:var(--color-accent-strong);outline:none}.support-icon-button svg,.support-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.support-field,.support-select{min-height:var(--input-height);border:var(--component-border-width) solid var(--input-border);border-radius:var(--input-radius);display:flex;align-items:center;gap:var(--space-3);background:var(--input-bg);color:var(--color-text)}.support-field{min-width:min(100%,var(--toolbar-search-width));padding:0 var(--space-3)}.support-field:focus-within,.support-select:focus-within{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring)}.support-field svg{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-muted)}.support-field input,.support-select select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text)}.support-select{padding:0 var(--space-3)}.support-select select{min-height:calc(var(--input-height) - (var(--component-border-width) * 2));cursor:pointer}.support-segmented{display:inline-flex;align-items:center;gap:var(--tabs-padding);padding:var(--tabs-padding);border:var(--component-border-width) solid var(--tabs-border);border-radius:var(--tabs-radius);background:var(--tabs-bg)}.support-segmented-item{min-height:var(--tabs-item-height);border:var(--component-border-width) solid transparent;border-radius:var(--tabs-item-radius);padding:0 var(--space-4);background:transparent;color:var(--tabs-item-text);font-size:var(--font-size-small);font-weight:var(--tabs-item-font-weight);cursor:pointer}.support-segmented-item:hover{background:var(--tabs-item-hover-bg);color:var(--tabs-item-hover-text)}.support-segmented-item.is-active{border-color:var(--tabs-item-active-border);background:var(--tabs-item-active-bg);color:var(--tabs-item-active-text);font-weight:var(--tabs-item-active-font-weight)}.support-badge{min-height:var(--billing-pill-height);border:var(--component-border-width) solid var(--billing-pill-border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);display:inline-flex;align-items:center;justify-content:center;background:var(--billing-pill-bg);color:var(--billing-pill-text);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-label);text-transform:capitalize}.support-badge--accent,.support-badge--success{border-color:var(--billing-pill-success-border);background:var(--billing-pill-success-bg);color:var(--billing-pill-success-text)}.support-badge--warning{border-color:var(--billing-pill-warning-border);background:var(--billing-pill-warning-bg);color:var(--billing-pill-warning-text)}.support-badge--danger{border-color:var(--devices-danger-border);background:var(--devices-danger-bg);color:var(--devices-danger-text)}.support-metric-grid,.support-card-grid,.support-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--support-card-min)),1fr));gap:var(--space-4)}.support-metric{min-height:var(--dashboard-kpi-min-height);border:var(--component-border-width) solid var(--dashboard-card-border);border-radius:var(--dashboard-card-radius);padding:var(--dashboard-card-padding);display:grid;gap:var(--space-2);background:var(--dashboard-card-bg);box-shadow:var(--dashboard-card-shadow)}.support-metric strong{color:var(--color-text-strong);font-size:var(--dashboard-kpi-value-size);font-weight:var(--font-weight-bold)}.support-metric-label,.support-metric-helper{color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.support-metric--danger{border-color:var(--devices-danger-border);background:color-mix(in srgb,var(--devices-danger-bg) 62%,var(--color-surface))}.support-metric--warning{border-color:var(--billing-pill-warning-border);background:color-mix(in srgb,var(--billing-pill-warning-bg) 52%,var(--color-surface))}.support-metric--success{border-color:var(--effect-brand-border);background:color-mix(in srgb,var(--color-accent-surface) 44%,var(--color-surface))}.support-dashboard-grid,.support-two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(var(--support-card-min),.65fr);gap:var(--space-4)}.support-two-column--editor{grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);align-items:start}.support-ticket-list{min-height:0;display:grid;align-content:start;align-items:start;grid-auto-rows:max-content;gap:var(--space-2);overflow:auto}.support-empty-state{min-height:calc(var(--table-row-height) * 2);border:var(--component-border-width) dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:grid;place-items:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center}.support-empty-state strong{color:var(--color-text-strong);font-size:var(--font-size-body)}.support-empty-state span{font-size:var(--font-size-small);line-height:var(--line-height-body)}.support-ticket-list--compact{overflow:visible}.support-ticket-row,.support-ticket-card,.support-table-row,.support-device-list article,.support-agent-load-row{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.support-ticket-row{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);text-align:left;cursor:pointer}.support-ticket-row-main,.support-ticket-row-meta,.support-ticket-card,.support-ticket-card-top,.support-ticket-card-footer{min-width:0;display:flex}.support-ticket-row-main{flex-direction:column;gap:var(--space-1)}.support-ticket-row-main strong,.support-ticket-card-title,.support-table-row strong,.support-device-list strong,.support-agent-load-row strong,.support-customer-card strong,.support-action-tile strong{color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-ticket-row-main small,.support-ticket-card-copy,.support-table-row small,.support-device-list small,.support-agent-load-row small,.support-customer-card small{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.support-ticket-row-meta{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-small)}.support-agent-load{display:grid;gap:var(--space-3)}.support-agent-load-row{padding:var(--space-3);display:grid;grid-template-columns:var(--support-avatar-size) minmax(0,1fr) minmax(88px,.6fr) auto;align-items:center;gap:var(--space-3)}.support-agent-load-row>span:nth-child(2){min-width:0;display:grid;gap:var(--space-1)}.support-agent-load-row em{color:var(--color-text-strong);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-bold)}.support-progress{height:var(--dashboard-progress-height, 7px);border-radius:var(--radius-pill);overflow:hidden;background:var(--color-surface-muted)}.support-progress span{width:var(--support-progress);height:100%;display:block;border-radius:inherit;background:var(--effect-brand-gradient)}.support-action-tile{min-height:var(--dashboard-action-tile-height);border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2);background:var(--color-surface-raised)}.support-action-tile>span{width:var(--support-icon-box);height:var(--support-icon-box);border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-accent-surface);color:var(--color-accent-strong)}.support-action-tile svg{width:var(--icon-size-md);height:var(--icon-size-md)}.support-inbox-layout{min-height:calc(var(--app-viewport-height) - var(--topbar-height) - (var(--support-content-padding) * 2) - 96px);display:grid;grid-template-columns:minmax(300px,var(--support-list-column)) minmax(0,1fr) minmax(280px,var(--support-context-column));gap:var(--space-4);align-items:start}.support-inbox-list,.support-conversation,.support-customer-context{min-height:0}.support-inbox-list{align-self:start;grid-template-rows:auto minmax(0,1fr);max-height:calc(var(--app-viewport-height) - var(--topbar-height) - (var(--support-content-padding) * 2) - 96px);overflow:hidden}.support-inbox-list-header{padding:var(--space-4);border-bottom:var(--component-border-width) solid var(--color-border);display:grid;align-content:start;align-items:start;grid-auto-rows:max-content;gap:var(--space-3)}.support-inbox-list-header .support-field{box-sizing:border-box;height:var(--input-height);min-height:var(--input-height);width:100%;min-width:0}.support-inbox-list-header .support-segmented{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;overflow:visible}.support-inbox-list-header .support-segmented-item{min-width:0;padding-left:var(--space-2);padding-right:var(--space-2);white-space:nowrap}.support-inbox-list-header .support-segmented-item:first-child{grid-column:1 / -1}.support-ticket-card{margin:0 var(--space-4);padding:var(--space-4);flex-direction:column;gap:var(--space-2);text-align:left;cursor:pointer}.support-ticket-card:first-child{margin-top:var(--space-4)}.support-ticket-card:last-child{margin-bottom:var(--space-4)}.support-ticket-card.is-active,.support-table-row.is-active{border-color:var(--effect-brand-border-strong);background:var(--color-accent-surface)}.support-ticket-card-top,.support-ticket-card-footer{align-items:center;justify-content:space-between;gap:var(--space-3)}.support-ticket-card-title{display:block}.support-ticket-card-copy{display:-webkit-box;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.support-conversation,.support-customer-context{overflow:hidden}.support-conversation{grid-template-rows:auto auto minmax(0,1fr) auto}.support-conversation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.support-conversation-header h2{margin-top:var(--space-1);font-size:var(--font-size-title)}.support-ticket-id{color:var(--color-accent-strong);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label)}.support-conversation-actions{display:flex;align-items:center;gap:var(--space-3)}.support-ticket-summary-strip{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.support-ticket-summary-strip span{min-width:0;padding:var(--space-3);display:grid;gap:var(--space-1);color:var(--color-text);font-size:var(--font-size-small)}.support-ticket-summary-strip span+span{border-left:var(--component-border-width) solid var(--color-border)}.support-ticket-summary-strip strong,.support-detail-list dt{color:var(--color-text-muted);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.support-message-timeline{min-height:0;overflow:auto;display:grid;align-content:start;gap:var(--space-3);padding-right:var(--space-1)}.support-message{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2);background:var(--color-surface-raised)}.support-message--note{border-color:var(--effect-brand-border);background:var(--color-accent-surface)}.support-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.support-message-meta strong{color:var(--color-text-strong);font-size:var(--font-size-body)}.support-message-meta span,.support-message p{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.support-message p{margin:0;color:var(--color-text)}.support-composer{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3);background:var(--color-surface-raised)}.support-composer-tools,.support-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.support-composer textarea{width:100%;min-height:110px;resize:vertical;border:var(--component-border-width) solid var(--input-border);border-radius:var(--input-radius);padding:var(--space-4);background:var(--input-bg);color:var(--color-text);outline:none}.support-create-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.6fr) minmax(140px,.4fr);gap:var(--space-3)}.support-create-form textarea{grid-column:1 / -1;min-height:92px;resize:vertical;border:var(--component-border-width) solid var(--input-border);border-radius:var(--input-radius);padding:var(--space-4);background:var(--input-bg);color:var(--color-text)}.support-create-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-3)}.support-editor-form{display:grid;gap:var(--space-4)}.support-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.support-editor-textarea{min-height:240px;resize:vertical;border:var(--component-border-width) solid var(--input-border);border-radius:var(--input-radius);padding:var(--space-4);background:var(--input-bg);color:var(--color-text);font:inherit;line-height:var(--line-height-body);outline:none}.support-editor-textarea:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring)}.support-composer textarea:focus{border-color:var(--input-focus-border)}.support-composer-footer span{color:var(--color-text-muted);font-size:var(--font-size-small)}.support-customer-card{display:flex;align-items:center;gap:var(--space-3)}.support-customer-card>span:last-child{display:grid;gap:var(--space-1)}.support-detail-list{margin:0;display:grid;gap:var(--space-2)}.support-detail-list div{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--component-border-width) solid var(--color-border)}.support-detail-list dd{margin:0;color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-align:right}.support-tag-list,.support-pill-grid{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.support-settings-form{display:grid;gap:var(--space-3)}.support-settings-form .support-field{min-width:0}.support-permission-grid{display:grid;gap:var(--space-2)}.support-permission-option{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:var(--space-3);background:var(--color-surface)}.support-permission-option input{margin-top:3px}.support-permission-option span{min-width:0;display:grid;gap:var(--space-1)}.support-permission-option small{color:var(--color-text-muted);line-height:var(--line-height-body)}.support-staff-table .support-table-row{grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr) minmax(120px,.5fr) minmax(104px,.4fr);align-items:start}.support-staff-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.support-staff-permissions label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-small)}.support-staff-status{display:flex;flex-wrap:wrap;gap:var(--space-2)}.support-row-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.support-row-actions .support-button{min-height:34px;padding:0 var(--space-3);font-size:var(--font-size-small)}.support-device-list{display:grid;gap:var(--space-2)}.support-device-list article{padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.support-device-list article>span{display:grid;gap:var(--space-1)}.support-table{display:grid;gap:0}.support-list-panel-header{padding:var(--space-4);border-bottom:var(--component-border-width) solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.support-list-panel-header>div{min-width:0;display:grid;gap:var(--space-1)}.support-list-panel-header--operations{padding:var(--space-5)}.support-list-panel-header--operations h2{margin:0;color:var(--color-text-strong);font-size:var(--font-size-section);font-weight:var(--font-weight-semibold)}.support-list-panel-header--operations p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.support-table-row{min-height:var(--table-row-height);border-width:0 0 var(--component-border-width);border-radius:0;padding:var(--space-4);display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.7fr));align-items:center;gap:var(--space-4);text-align:left}button.support-table-row{cursor:pointer}.support-table-row--button{width:100%;border-color:var(--color-border);background:transparent;color:inherit}.support-table-row--button:hover{background:var(--color-surface-muted)}.support-table-row>span:first-child{min-width:0;display:grid;gap:var(--space-1)}.support-table-row>span:not(:first-child){color:var(--color-text-muted);font-size:var(--font-size-small)}.support-table-head{min-height:var(--table-row-height);border-bottom:var(--component-border-width) solid var(--color-border);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.7fr));align-items:center;gap:var(--space-4);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.support-action-table .support-table-row{background:var(--color-surface)}.support-action-table .support-badge{justify-self:start;min-width:calc(var(--input-height) * 2.4)}.support-signup-row .support-badge{justify-self:start}.support-signup-detail-list{padding:var(--space-1) 0}.support-signup-detail-list dd{overflow-wrap:anywhere}.support-signup-message{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2);background:var(--color-surface-raised)}.support-signup-message strong{color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-signup-message p{margin:0;color:var(--color-text);font-size:var(--font-size-body);line-height:var(--line-height-body);white-space:pre-wrap}.support-signup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.support-operations-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(var(--support-card-min),.65fr);gap:var(--space-4);align-items:start}.support-operations-grid--even{grid-template-columns:repeat(2,minmax(0,1fr))}.support-page--operations .support-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.support-risk-board,.support-action-queue{gap:0}.support-risk-table{min-width:0;display:grid}.support-risk-table-head,.support-risk-table-row{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(180px,1fr) minmax(240px,1.28fr);align-items:center;gap:var(--space-4)}.support-risk-table-head{min-height:var(--table-row-height);border-bottom:var(--component-border-width) solid var(--color-border);padding:var(--space-3) var(--space-5);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.support-risk-table-row{--risk-row-accent: var(--color-border-strong);min-height:calc(var(--table-row-height) * 1.45);border-bottom:var(--component-border-width) solid var(--color-border);padding:var(--space-4) var(--space-5);background:var(--color-surface);box-shadow:inset var(--space-hairline-strong) 0 0 var(--risk-row-accent)}.support-risk-table-row:last-child{border-bottom:0}.support-risk-table-row:hover{background:var(--color-surface-raised)}.support-risk-table-row--success{--risk-row-accent: var(--color-success)}.support-risk-table-row--warning{--risk-row-accent: var(--color-warning)}.support-risk-table-row--danger{--risk-row-accent: var(--color-danger)}.support-risk-score-cell{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.support-risk-score-cell strong{width:calc(var(--space-8) + var(--space-4));height:calc(var(--space-8) + var(--space-4));border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-md);display:grid;place-items:center;flex:0 0 auto;background:var(--color-surface-muted);color:var(--color-text-strong);font-size:var(--font-size-section);font-weight:var(--font-weight-bold)}.support-risk-account{min-width:0}.support-risk-account{display:grid;gap:var(--space-1)}.support-risk-account strong{overflow:hidden;color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.support-risk-account small{overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body);text-overflow:ellipsis;white-space:nowrap}.support-health-list{display:grid;gap:var(--space-3)}.support-health-row{min-width:0;display:grid;grid-template-columns:auto minmax(0,.7fr) minmax(120px,1fr);align-items:center;gap:var(--space-3)}.support-health-row>span:nth-child(2){min-width:0;display:grid;gap:var(--space-1)}.support-health-row strong{color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.support-health-row small{color:var(--color-text-muted);font-size:var(--font-size-small)}.support-health-dot{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-text-muted)}.support-health-dot--success{background:var(--color-success)}.support-health-dot--warning{background:var(--color-warning)}.support-health-dot--danger{background:var(--color-danger)}.support-risk-list,.support-bar-list{display:grid;gap:var(--space-3)}.support-risk-row{min-width:0;border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);background:var(--color-surface-muted)}.support-risk-score{width:calc(var(--space-8) + var(--space-7));height:calc(var(--space-8) + var(--space-7));border:var(--component-border-width) solid var(--billing-pill-warning-border);border-radius:var(--radius-lg);display:grid;place-items:center;align-content:center;background:color-mix(in srgb,var(--billing-pill-warning-bg) 58%,var(--color-surface))}.support-risk-score strong{color:var(--color-text-strong);font-size:var(--font-size-title);line-height:var(--line-height-tight)}.support-risk-score small,.support-risk-main small,.support-signal-card small,.support-bar-row small{color:var(--color-text-muted);font-size:var(--font-size-small)}.support-risk-main{min-width:0;display:grid;gap:var(--space-2)}.support-risk-main>strong{color:var(--color-text-strong);font-size:var(--font-size-body)}.support-risk-signals{display:flex;flex-wrap:wrap;gap:var(--space-2)}.support-risk-table .support-risk-signals{min-width:0;overflow:hidden;row-gap:var(--space-1)}.support-risk-table .support-badge{max-width:100%}.support-signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.support-signal-card{border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-1);background:var(--color-surface-muted)}.support-signal-card strong{color:var(--color-text-strong);font-size:var(--dashboard-kpi-value-size);line-height:var(--line-height-tight)}.support-signal-card span{color:var(--color-text);font-weight:var(--font-weight-semibold)}.support-signal-card--success{border-color:var(--effect-brand-border);background:color-mix(in srgb,var(--color-accent-surface) 42%,var(--color-surface))}.support-signal-card--warning{border-color:var(--billing-pill-warning-border);background:color-mix(in srgb,var(--billing-pill-warning-bg) 48%,var(--color-surface))}.support-signal-card--danger{border-color:var(--devices-danger-border);background:color-mix(in srgb,var(--devices-danger-bg) 48%,var(--color-surface))}.support-bar-row{min-width:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(120px,1fr) auto;align-items:center;gap:var(--space-3)}.support-bar-row>span:first-child{min-width:0;display:grid;gap:var(--space-1)}.support-bar-row strong{color:var(--color-text-strong);font-size:var(--font-size-body)}.support-bar-row em{color:var(--color-text-muted);font-style:normal;font-weight:var(--font-weight-semibold)}.support-bar{min-width:0;height:var(--space-2);border-radius:var(--radius-pill);overflow:hidden;background:var(--color-surface-muted)}.support-bar>span{display:block;width:var(--support-bar);height:100%;border-radius:inherit;background:var(--effect-brand-gradient)}.support-bar--neutral>span{background:var(--color-text-muted)}.support-bar--success>span{background:var(--color-accent-strong)}.support-bar--warning>span{background:var(--color-warning)}.support-bar--danger>span{background:var(--devices-danger-text)}.support-chart{min-height:var(--support-chart-height);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:var(--space-4);padding:var(--space-5);border:var(--component-border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--dashboard-chart-bg)}.support-chart article{min-height:calc(var(--support-chart-height) - var(--space-8));display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:var(--space-2)}.support-chart article>span{width:100%;max-width:var(--space-8);height:var(--support-bar);align-self:end;border-radius:var(--radius-pill) var(--radius-pill) 0 0;background:var(--effect-brand-gradient)}.support-chart strong,.support-chart small{color:var(--color-text-muted);font-size:var(--font-size-small)}@media(max-width:1360px){.support-inbox-layout{grid-template-columns:minmax(280px,var(--support-list-column)) minmax(0,1fr)}.support-customer-context{grid-column:1 / -1}}@media(max-width:1180px){.support-inbox-layout,.support-dashboard-grid,.support-operations-grid,.support-operations-grid--even,.support-two-column{grid-template-columns:1fr}.support-inbox-layout{min-height:auto}.support-page--operations .support-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){:root{--support-content-padding: var(--layout-content-padding-mobile)}.support-shell,.support-shell--collapsed{grid-template-columns:1fr}.support-sidebar{position:fixed;top:var(--topbar-height);left:0;z-index:var(--z-sidebar-mobile);width:var(--sidebar-width);height:calc(var(--app-viewport-height) - var(--topbar-height));display:flex;transform:translate(-100%);transition:transform var(--sidebar-mobile-transition)}.support-shell--mobile-open .support-sidebar{transform:translate(0)}.support-mobile-backdrop{position:fixed;top:var(--topbar-height);left:0;right:0;bottom:0;z-index:var(--z-sidebar-backdrop);display:block;border:0;padding:0;background:var(--sidebar-backdrop-bg)}.support-mobile-menu{display:inline-flex}.support-topbar-status,.support-user-copy{display:none}.support-topbar-search{min-width:0;flex:1 1 160px}.support-search-menu{position:fixed;top:calc(var(--topbar-height) + var(--space-2));left:var(--space-3);right:var(--space-3);width:auto}.support-page-header,.support-conversation-header,.support-composer-tools,.support-composer-footer{align-items:stretch;flex-direction:column}.support-ticket-summary-strip,.support-table-row{grid-template-columns:1fr}.support-table-head,.support-risk-table-head{display:none}.support-list-panel-header--operations{align-items:flex-start;flex-direction:column}.support-risk-table-row{grid-template-columns:1fr;gap:var(--space-3)}.support-risk-score-cell{justify-content:space-between}.support-risk-account strong,.support-risk-account small{white-space:normal}.support-health-row{grid-template-columns:auto minmax(0,1fr)}.support-health-row .support-bar{grid-column:1 / -1}.support-ticket-summary-strip span+span{border-left:0;border-top:var(--component-border-width) solid var(--color-border)}.support-chart{overflow-x:auto;grid-template-columns:repeat(7,minmax(72px,1fr))}}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans)}button,input,select,textarea{font:inherit}
