html:not([data-cx-theme]),
html[data-cx-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0f0d;
  --bg-soft: #111613;
  --panel: rgba(20, 25, 23, 0.92);
  --panel-strong: #171d19;
  --panel-alt: #222925;
  --line: rgba(237, 242, 235, 0.1);
  --line-strong: rgba(237, 242, 235, 0.18);
  --text: #edf2eb;
  --muted: #9eaca2;
  --accent: #3ad6ff;
  --accent-2: #8c5cff;
  --accent-3: #8cf45a;
  --danger: #ff9a78;
  --warning: #8c5cff;
  --success: #8cf45a;
  --shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
  --surface-stroke: rgba(237, 242, 235, 0.14);
  --surface-stroke-strong: rgba(237, 242, 235, 0.24);

  --mail-bg: #0b0f0d;
  --mail-panel: rgba(20, 25, 23, 0.92);
  --mail-panel-strong: #171d19;
  --mail-panel-soft: rgba(28, 35, 31, 0.88);
  --mail-line: rgba(237, 242, 235, 0.1);
  --mail-line-strong: rgba(237, 242, 235, 0.18);
  --mail-text: #edf2eb;
  --mail-muted: #9eaca2;
  --mail-dim: #819084;
  --mail-accent: #3ad6ff;
  --mail-accent-2: #8c5cff;
  --mail-accent-3: #8cf45a;
  --mail-danger: #ff9a78;
  --mail-warning: #8c5cff;
  --mail-success: #8cf45a;
  --mail-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);

  --bg-base: #0b0f0d;
  --bg-panel: rgba(20, 25, 23, 0.92);
  --bg-panel-soft: rgba(28, 35, 31, 0.88);
  --bg-panel-alt: #222925;
  --bg-panel-strong: #171d19;
  --text-main: #edf2eb;
  --text-soft: #9eaca2;
  --text-muted: #819084;
  --accent-a: #3ad6ff;
  --accent-b: #8c5cff;
  --accent-c: #8cf45a;
  --shadow-panel: 0 18px 38px rgba(0, 0, 0, 0.22);
  --shadow-glow: 0 0 24px rgba(58, 214, 255, 0.14);

  --vault-bg: #0b0f0d;
  --vault-bg-soft: #111613;
  --vault-panel: rgba(20, 25, 23, 0.92);
  --vault-panel-2: #171d19;
  --vault-panel-3: #222925;
  --vault-border: rgba(237, 242, 235, 0.1);
  --vault-border-strong: rgba(237, 242, 235, 0.18);
  --vault-text: #edf2eb;
  --vault-text-soft: #9eaca2;
  --vault-text-dim: #819084;
  --vault-accent-a: #3ad6ff;
  --vault-accent-b: #8c5cff;
  --vault-accent-c: #8cf45a;
  --vault-danger: #ff9a78;
  --vault-warning: #8c5cff;
  --vault-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
}

html[data-cx-theme="light"] {
  color-scheme: light;
  --bg: #f3ecdf;
  --bg-soft: #faf4eb;
  --panel: rgba(255, 250, 244, 0.92);
  --panel-strong: #fffaf4;
  --panel-alt: #ede0d1;
  --line: rgba(30, 40, 36, 0.12);
  --line-strong: rgba(30, 40, 36, 0.2);
  --text: #1e2824;
  --muted: #5d695f;
  --accent: #177fa6;
  --accent-2: #6d4fe3;
  --accent-3: #57b84c;
  --danger: #cf6c46;
  --warning: #6d4fe3;
  --success: #57b84c;
  --shadow: 0 16px 32px rgba(54, 39, 27, 0.08);
  --surface-stroke: rgba(30, 40, 36, 0.16);
  --surface-stroke-strong: rgba(30, 40, 36, 0.24);

  --mail-bg: #f3ecdf;
  --mail-panel: rgba(255, 250, 244, 0.92);
  --mail-panel-strong: #fffaf4;
  --mail-panel-soft: rgba(249, 241, 230, 0.92);
  --mail-line: rgba(30, 40, 36, 0.12);
  --mail-line-strong: rgba(30, 40, 36, 0.2);
  --mail-text: #1e2824;
  --mail-muted: #5d695f;
  --mail-dim: #7a877d;
  --mail-accent: #177fa6;
  --mail-accent-2: #6d4fe3;
  --mail-accent-3: #57b84c;
  --mail-danger: #cf6c46;
  --mail-warning: #6d4fe3;
  --mail-success: #57b84c;
  --mail-shadow: 0 16px 32px rgba(54, 39, 27, 0.08);

  --bg-base: #f3ecdf;
  --bg-panel: rgba(255, 250, 244, 0.92);
  --bg-panel-soft: rgba(249, 241, 230, 0.92);
  --bg-panel-alt: #ede0d1;
  --bg-panel-strong: #fffaf4;
  --text-main: #1e2824;
  --text-soft: #5d695f;
  --text-muted: #7a877d;
  --accent-a: #177fa6;
  --accent-b: #6d4fe3;
  --accent-c: #57b84c;
  --shadow-panel: 0 16px 32px rgba(54, 39, 27, 0.08);
  --shadow-glow: 0 0 24px rgba(23, 127, 166, 0.12);

  --vault-bg: #f3ecdf;
  --vault-bg-soft: #faf4eb;
  --vault-panel: rgba(255, 250, 244, 0.92);
  --vault-panel-2: #fffaf4;
  --vault-panel-3: #ede0d1;
  --vault-border: rgba(30, 40, 36, 0.12);
  --vault-border-strong: rgba(30, 40, 36, 0.2);
  --vault-text: #1e2824;
  --vault-text-soft: #5d695f;
  --vault-text-dim: #7a877d;
  --vault-accent-a: #177fa6;
  --vault-accent-b: #6d4fe3;
  --vault-accent-c: #57b84c;
  --vault-danger: #cf6c46;
  --vault-warning: #6d4fe3;
  --vault-shadow: 0 16px 32px rgba(54, 39, 27, 0.08);
}

html:not([data-cx-theme]) body,
html[data-cx-theme="dark"] body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0) 160px),
    linear-gradient(180deg, #101412 0%, #0f1412 42%, #0b0f0d 100%) !important;
  color: #edf2eb !important;
}

html:not([data-cx-theme]) body::before,
html[data-cx-theme="dark"] body::before {
  background-image:
    linear-gradient(rgba(237, 242, 235, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(237, 242, 235, 0.03) 1px, transparent 1px);
  background-size: 84px 84px;
  opacity: 0.14;
}

html:not([data-cx-theme]) .workspace-app-shell,
html:not([data-cx-theme]) #mailApp,
html:not([data-cx-theme]) #calendarApp,
html:not([data-cx-theme]) #vaultApp,
html[data-cx-theme="dark"] .workspace-app-shell,
html[data-cx-theme="dark"] #mailApp,
html[data-cx-theme="dark"] #calendarApp,
html[data-cx-theme="dark"] #vaultApp {
  color: #edf2eb;
}

html[data-cx-theme="light"] body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 180px),
    linear-gradient(180deg, #f9f4eb 0%, #f3ecdf 42%, #ede3d4 100%) !important;
  color: #1e2824 !important;
}

html[data-cx-theme="light"] body::before {
  background-image:
    linear-gradient(rgba(30, 40, 36, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 40, 36, 0.035) 1px, transparent 1px);
  background-size: 84px 84px;
  opacity: 0.16;
}

html[data-cx-theme="light"] .workspace-app-shell,
html[data-cx-theme="light"] #mailApp,
html[data-cx-theme="light"] #calendarApp,
html[data-cx-theme="light"] #vaultApp {
  color: #10222f;
}

html[data-cx-theme="light"] .workspace-ambience,
html[data-cx-theme="light"] .workspace-ambience .ambience-grid,
html[data-cx-theme="light"] .workspace-ambience .ambience-scan {
  opacity: 0.22;
}

html[data-cx-theme="light"] #calendarApp button,
html[data-cx-theme="light"] #calendarApp .auth-submit,
html[data-cx-theme="light"] #calendarApp .ghost-btn,
html[data-cx-theme="light"] #calendarApp .control-btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 232, 0.98));
  border-color: rgba(16, 34, 47, 0.16);
  color: #10222f;
}

html[data-cx-theme="light"] .cx-app-header {
  background:
    linear-gradient(180deg, rgba(244, 239, 229, 0.98), rgba(244, 239, 229, 0.92)),
    rgba(244, 239, 229, 0.96);
  border-bottom: 1px solid rgba(16, 34, 47, 0.12);
  box-shadow: 0 16px 32px rgba(16, 34, 47, 0.06);
}

html[data-cx-theme="light"] .cx-app-header__mark {
  background: linear-gradient(135deg, #177fa6, #6d4fe3);
  color: #fff9f4;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

html[data-cx-theme="light"] .cx-app-header__copy strong,
html[data-cx-theme="light"] .cx-app-header__user-copy strong,
html[data-cx-theme="light"] .cx-app-drawer__title strong,
html[data-cx-theme="light"] .cx-user-menu__summary strong,
html[data-cx-theme="light"] .cx-theme-menu__title strong {
  color: #10222f;
}

html[data-cx-theme="light"] .cx-app-header__copy small,
html[data-cx-theme="light"] .cx-app-header__user-copy span,
html[data-cx-theme="light"] .cx-app-drawer__title span,
html[data-cx-theme="light"] .cx-user-menu__summary span,
html[data-cx-theme="light"] .cx-theme-menu__title span,
html[data-cx-theme="light"] .cx-app-drawer__tile-copy small {
  color: #50616f;
}

html[data-cx-theme="light"] .cx-app-header__launcher,
html[data-cx-theme="light"] .cx-app-header__mobile-user-toggle,
html[data-cx-theme="light"] .cx-app-header__theme-toggle,
html[data-cx-theme="light"] .cx-app-header__user {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(16, 34, 47, 0.12);
  box-shadow: 0 12px 24px rgba(16, 34, 47, 0.06);
}

html[data-cx-theme="light"] .cx-app-header__launcher-grid span {
  background: #10222f;
}

html[data-cx-theme="light"] .cx-app-header__mobile-user-toggle svg,
html[data-cx-theme="light"] .cx-app-header__logout-icon svg,
html[data-cx-theme="light"] .cx-app-header__theme-toggle svg {
  stroke: #10222f;
}

html[data-cx-theme="light"] .cx-app-drawer,
html[data-cx-theme="light"] .cx-user-menu,
html[data-cx-theme="light"] .cx-theme-menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 250, 246, 0.98)),
    rgba(255, 255, 255, 0.98);
  border-color: rgba(16, 34, 47, 0.12);
  box-shadow: 0 22px 48px rgba(16, 34, 47, 0.1);
}

html[data-cx-theme="light"] .cx-app-drawer__close,
html[data-cx-theme="light"] .cx-user-menu__link,
html[data-cx-theme="light"] .cx-theme-menu__option {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(16, 34, 47, 0.12);
  color: #10222f;
}

html[data-cx-theme="light"] .cx-app-drawer__tile {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 232, 0.98));
  border-color: rgba(16, 34, 47, 0.12);
  box-shadow: 0 12px 24px rgba(16, 34, 47, 0.05);
}

html[data-cx-theme="light"] .cx-app-drawer__tile:hover,
html[data-cx-theme="light"] .cx-app-drawer__tile:focus-visible,
html[data-cx-theme="light"] .cx-theme-menu__option:hover,
html[data-cx-theme="light"] .cx-theme-menu__option:focus-visible,
html[data-cx-theme="light"] .cx-user-menu__link:hover,
html[data-cx-theme="light"] .cx-user-menu__link:focus-visible {
  background: rgba(255, 247, 240, 0.98);
  border-color: rgba(23, 127, 166, 0.24);
}

html[data-cx-theme="light"] .cx-app-drawer__tile.is-active,
html[data-cx-theme="light"] .cx-theme-menu__option.is-active {
  background:
    linear-gradient(135deg, rgba(13, 148, 136, 0.12), rgba(14, 165, 233, 0.08)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 232, 0.98));
  border-color: rgba(13, 148, 136, 0.28);
  box-shadow: inset 0 0 0 1px rgba(13, 148, 136, 0.08);
}

html[data-cx-theme="light"] .cx-app-drawer__tile-icon {
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.16), rgba(14, 165, 233, 0.14));
  border-color: rgba(16, 34, 47, 0.1);
}

html[data-cx-theme="light"] .cx-app-drawer__tile-icon svg {
  stroke: #10222f;
}

html[data-cx-theme="light"] .cx-app-drawer__tile-copy strong {
  color: #10222f;
}

html[data-cx-theme="light"] .cx-theme-dock__trigger {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 232, 0.98)),
    rgba(255, 255, 255, 0.98);
  border-color: rgba(16, 34, 47, 0.12);
  box-shadow: 0 20px 38px rgba(16, 34, 47, 0.08);
}

html[data-cx-theme="light"] .cx-theme-dock__trigger:hover,
html[data-cx-theme="light"] .cx-theme-dock__trigger:focus-visible,
html[data-cx-theme="light"] .cx-app-header__panel-wrap.is-open > .cx-theme-dock__trigger {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 239, 229, 0.98)),
    rgba(255, 255, 255, 0.98);
  border-color: rgba(13, 148, 136, 0.24);
  box-shadow: 0 20px 42px rgba(16, 34, 47, 0.1);
}

html[data-cx-theme="light"] .cx-theme-dock__trigger-icon svg,
html[data-cx-theme="light"] .cx-theme-menu__icon svg {
  stroke: #10222f;
}

html[data-cx-theme="light"] .cx-theme-menu--dock {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 237, 0.96)),
    rgba(255, 255, 255, 0.96);
  border-color: rgba(16, 34, 47, 0.12);
  box-shadow: 0 18px 40px rgba(16, 34, 47, 0.08);
}

html[data-cx-theme="light"] .cx-theme-menu__icon {
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.12), rgba(14, 165, 233, 0.12));
  border-color: rgba(16, 34, 47, 0.1);
}

html[data-cx-theme="light"] .cx-theme-menu__option--icon {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 241, 232, 0.98)),
    rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(16, 34, 47, 0.12) !important;
  box-shadow: none !important;
}

html[data-cx-theme="light"] .cx-theme-menu__option--icon:hover,
html[data-cx-theme="light"] .cx-theme-menu__option--icon:focus-visible {
  background:
    linear-gradient(180deg, rgba(242, 252, 250, 0.98), rgba(235, 248, 246, 0.98)),
    rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(13, 148, 136, 0.22) !important;
}

html[data-cx-theme="light"] .cx-theme-menu__option--icon.is-active {
  background:
    linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(14, 165, 233, 0.1)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 241, 232, 0.98)) !important;
  border-color: rgba(13, 148, 136, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(13, 148, 136, 0.08) !important;
}

html[data-cx-theme="light"] .workspace-app-root,
html[data-cx-theme="light"] .workspace-layout,
html[data-cx-theme="light"] .workspace-sidebar,
html[data-cx-theme="light"] .workspace-command-band,
html[data-cx-theme="light"] .detail-zone,
html[data-cx-theme="light"] .meeting-module-grid,
html[data-cx-theme="light"] .meeting-highlights,
html[data-cx-theme="light"] .meeting-stage-summary,
html[data-cx-theme="light"] .meeting-stage-overview,
html[data-cx-theme="light"] .meeting-controls,
html[data-cx-theme="light"] .meeting-dock-body,
html[data-cx-theme="light"] .chat-form,
html[data-cx-theme="light"] .empty-state,
html[data-cx-theme="light"] .command-grid,
html[data-cx-theme="light"] .mail-layout,
html[data-cx-theme="light"] .mail-message-scroll,
html[data-cx-theme="light"] .mail-detail-scroll,
html[data-cx-theme="light"] .orbit-layout,
html[data-cx-theme="light"] .vault-app-grid,
html[data-cx-theme="light"] .vault-main,
html[data-cx-theme="light"] .vault-side {
  color: #10222f;
}

html[data-cx-theme="light"] .workspace-live-chip,
html[data-cx-theme="light"] .meeting-card,
html[data-cx-theme="light"] .context-card,
html[data-cx-theme="light"] .auth-panel,
html[data-cx-theme="light"] .panel-block,
html[data-cx-theme="light"] .meeting-form,
html[data-cx-theme="light"] .chat-drawer,
html[data-cx-theme="light"] .list-panel,
html[data-cx-theme="light"] .detail-panel,
html[data-cx-theme="light"] .meeting-highlight,
html[data-cx-theme="light"] .panel-tab,
html[data-cx-theme="light"] .mini-stat,
html[data-cx-theme="light"] .focus-stat-card,
html[data-cx-theme="light"] .command-deck,
html[data-cx-theme="light"] .command-card,
html[data-cx-theme="light"] .empty-state-card,
html[data-cx-theme="light"] .hint-banner,
html[data-cx-theme="light"] .invite-banner,
html[data-cx-theme="light"] .app-modal-dialog,
html[data-cx-theme="light"] .create-form-section,
html[data-cx-theme="light"] .create-side-section,
html[data-cx-theme="light"] .invite-picked-card,
html[data-cx-theme="light"] .create-submit-row,
html[data-cx-theme="light"] .intel-hero-copy,
html[data-cx-theme="light"] .intel-kpi-grid,
html[data-cx-theme="light"] .intel-kpi-card,
html[data-cx-theme="light"] .mini-stat,
html[data-cx-theme="light"] .notes-item,
html[data-cx-theme="light"] .message-bubble,
html[data-cx-theme="light"] .modal-side-card,
html[data-cx-theme="light"] .invite-link-card,
html[data-cx-theme="light"] .timeline-item,
html[data-cx-theme="light"] .presence-row,
html[data-cx-theme="light"] .intel-action-strip,
html[data-cx-theme="light"] .compact-row,
html[data-cx-theme="light"] .empty-state-card--workspace,
html[data-cx-theme="light"] .empty-state-card,
html[data-cx-theme="light"] .command-kpi,
html[data-cx-theme="light"] .command-deck,
html[data-cx-theme="light"] .meeting-floating-controls,
html[data-cx-theme="light"] .meeting-fab--ghost,
html[data-cx-theme="light"] .mail-surface,
html[data-cx-theme="light"] .mail-sidebar,
html[data-cx-theme="light"] .mail-list-panel,
html[data-cx-theme="light"] .mail-detail-panel,
html[data-cx-theme="light"] .mail-card,
html[data-cx-theme="light"] .mail-account-item,
html[data-cx-theme="light"] .mail-folder-item,
html[data-cx-theme="light"] .mail-message-item,
html[data-cx-theme="light"] .mail-auth-card,
html[data-cx-theme="light"] .mail-empty-card,
html[data-cx-theme="light"] .mail-inline-setup-card,
html[data-cx-theme="light"] .mail-modal-card,
html[data-cx-theme="light"] .mail-compose-window,
html[data-cx-theme="light"] .mail-banner,
html[data-cx-theme="light"] .mail-bulk-toolbar,
html[data-cx-theme="light"] .mail-html-frame,
html[data-cx-theme="light"] .mail-plain-body,
html[data-cx-theme="light"] .mail-thread-main,
html[data-cx-theme="light"] .mail-compose-line,
html[data-cx-theme="light"] .orbit-shell,
html[data-cx-theme="light"] .orbit-panel,
html[data-cx-theme="light"] .orbit-modal-card,
html[data-cx-theme="light"] .orbit-event-chip,
html[data-cx-theme="light"] .orbit-stat-card,
html[data-cx-theme="light"] .orbit-month-cell,
html[data-cx-theme="light"] .orbit-week-card,
html[data-cx-theme="light"] .orbit-day-slot,
html[data-cx-theme="light"] .orbit-upcoming-item,
html[data-cx-theme="light"] .orbit-task-item,
html[data-cx-theme="light"] .orbit-invite-card,
html[data-cx-theme="light"] .orbit-command-deck,
html[data-cx-theme="light"] .orbit-metric-card,
html[data-cx-theme="light"] .orbit-discovery-block,
html[data-cx-theme="light"] .orbit-app-link-card,
html[data-cx-theme="light"] .orbit-source-pill,
html[data-cx-theme="light"] .orbit-context-menu,
html[data-cx-theme="light"] .orbit-auth-shell,
html[data-cx-theme="light"] .orbit-auth-form-shell,
html[data-cx-theme="light"] .orbit-auth-story,
html[data-cx-theme="light"] .orbit-auth-point,
html[data-cx-theme="light"] .orbit-auth-app,
html[data-cx-theme="light"] .vault-shell,
html[data-cx-theme="light"] .vault-panel,
html[data-cx-theme="light"] .vault-command,
html[data-cx-theme="light"] .vault-context-bar,
html[data-cx-theme="light"] .vault-browser-bar,
html[data-cx-theme="light"] .vault-item,
html[data-cx-theme="light"] .vault-side-card,
html[data-cx-theme="light"] .vault-auth-panel,
html[data-cx-theme="light"] .vault-auth-card,
html[data-cx-theme="light"] .vault-modal-panel,
html[data-cx-theme="light"] .vault-context-menu,
html[data-cx-theme="light"] .vault-file-drop,
html[data-cx-theme="light"] .vault-file-row,
html[data-cx-theme="light"] .vault-editor-toolbar,
html[data-cx-theme="light"] .vault-toolbar-label,
html[data-cx-theme="light"] .vault-db-result,
html[data-cx-theme="light"] .vault-preview-shell,
html[data-cx-theme="light"] .vault-doc-widget,
html[data-cx-theme="light"] .vault-sheet-table {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(16, 34, 47, 0.12) !important;
  box-shadow: 0 16px 32px rgba(16, 34, 47, 0.06) !important;
  color: #10222f !important;
}

html[data-cx-theme="light"] .action-btn,
html[data-cx-theme="light"] .ghost-btn,
html[data-cx-theme="light"] .control-btn,
html[data-cx-theme="light"] .panel-tab,
html[data-cx-theme="light"] .meeting-card-delete,
html[data-cx-theme="light"] .field input,
html[data-cx-theme="light"] .field select,
html[data-cx-theme="light"] .field textarea,
html[data-cx-theme="light"] .multi-select,
html[data-cx-theme="light"] .tile-caption,
html[data-cx-theme="light"] .mail-input,
html[data-cx-theme="light"] .mail-textarea,
html[data-cx-theme="light"] .mail-select,
html[data-cx-theme="light"] .mail-compose-input,
html[data-cx-theme="light"] .mail-compose-subject-input,
html[data-cx-theme="light"] .mail-compose-editor,
html[data-cx-theme="light"] .mail-bulk-move-select,
html[data-cx-theme="light"] .mail-close,
html[data-cx-theme="light"] .mail-compose-close,
html[data-cx-theme="light"] .mail-button-ghost,
html[data-cx-theme="light"] .orbit-field input,
html[data-cx-theme="light"] .orbit-field select,
html[data-cx-theme="light"] .orbit-field textarea,
html[data-cx-theme="light"] .orbit-filter-chip,
html[data-cx-theme="light"] .orbit-segment button,
html[data-cx-theme="light"] .orbit-ghost-btn,
html[data-cx-theme="light"] .orbit-inline-btn,
html[data-cx-theme="light"] .orbit-mini-btn,
html[data-cx-theme="light"] .orbit-context-item,
html[data-cx-theme="light"] .vault-action,
html[data-cx-theme="light"] .vault-secondary,
html[data-cx-theme="light"] .vault-ghost,
html[data-cx-theme="light"] .vault-toolbar-btn,
html[data-cx-theme="light"] .vault-input,
html[data-cx-theme="light"] .vault-select,
html[data-cx-theme="light"] .vault-textarea,
html[data-cx-theme="light"] .vault-context-menu__item,
html[data-cx-theme="light"] .vault-inline-open,
html[data-cx-theme="light"] .vault-pill,
html[data-cx-theme="light"] .vault-sheet-input,
html[data-cx-theme="light"] .vault-sheet-value,
html[data-cx-theme="light"] .vault-sheet-widget-select,
html[data-cx-theme="light"] .vault-sheet-widget-input,
html[data-cx-theme="light"] .vault-doc-widget--field select,
html[data-cx-theme="light"] .vault-doc-widget--field input {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(16, 34, 47, 0.14) !important;
  color: #10222f !important;
}

html[data-cx-theme="light"] .mail-thread-row:hover,
html[data-cx-theme="light"] .mail-thread-row.is-active,
html[data-cx-theme="light"] .mail-thread-row.is-selected {
  background: rgba(247, 241, 232, 0.92) !important;
}

html[data-cx-theme="light"] .vault-sheet-table th,
html[data-cx-theme="light"] .vault-sheet-table td {
  border-color: rgba(16, 34, 47, 0.12) !important;
  background: rgba(252, 250, 246, 0.72) !important;
  color: #10222f !important;
}

html[data-cx-theme="light"] .workspace-sidebar,
html[data-cx-theme="light"] .meeting-stage,
html[data-cx-theme="light"] .meeting-stage-head,
html[data-cx-theme="light"] .meeting-stage-body,
html[data-cx-theme="light"] .meeting-stage-overview,
html[data-cx-theme="light"] .meeting-stage-summary,
html[data-cx-theme="light"] .meeting-highlights,
html[data-cx-theme="light"] .hero-point,
html[data-cx-theme="light"] .invite-entry-card,
html[data-cx-theme="light"] .video-tile,
html[data-cx-theme="light"] .workspace-sidebar-section,
html[data-cx-theme="light"] .meeting-context,
html[data-cx-theme="light"] .meeting-stage-actions {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(16, 34, 47, 0.12) !important;
  color: #10222f !important;
  box-shadow: 0 16px 32px rgba(16, 34, 47, 0.06) !important;
}

html[data-cx-theme="light"] .app-modal-backdrop {
  background: rgba(244, 239, 229, 0.76) !important;
  backdrop-filter: blur(18px) saturate(1.02) !important;
}

html[data-cx-theme="light"] .meeting-stage-head::before,
html[data-cx-theme="light"] .meeting-stage-head::after,
html[data-cx-theme="light"] .video-tile::before,
html[data-cx-theme="light"] .meeting-card::after,
html[data-cx-theme="light"] .video-tile::after,
html[data-cx-theme="light"] .list-panel::after,
html[data-cx-theme="light"] .detail-panel::after,
html[data-cx-theme="light"] .auth-panel::after,
html[data-cx-theme="light"] .invite-entry-card::after,
html[data-cx-theme="light"] .command-kpi::before,
html[data-cx-theme="light"] .command-card::before,
html[data-cx-theme="light"] .app-modal-dialog::before,
html[data-cx-theme="light"] .intel-hero-copy::before,
html[data-cx-theme="light"] .intel-kpi-grid::before,
html[data-cx-theme="light"] .intel-kpi-card::before,
html[data-cx-theme="light"] .modal-side-card::before,
html[data-cx-theme="light"] .invite-link-card::before,
html[data-cx-theme="light"] .timeline-item::before,
html[data-cx-theme="light"] .presence-row::before,
html[data-cx-theme="light"] .intel-action-strip::before,
html[data-cx-theme="light"] .hint-banner::before,
html[data-cx-theme="light"] .invite-banner::before,
html[data-cx-theme="light"] .create-form-section::before,
html[data-cx-theme="light"] .create-side-section::before {
  opacity: 0.06 !important;
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.08), transparent 38%, transparent 68%, rgba(14, 165, 233, 0.08)) !important;
}

html[data-cx-theme="light"] .command-kpi::after,
html[data-cx-theme="light"] .command-card::after,
html[data-cx-theme="light"] .intel-kpi-card::after,
html[data-cx-theme="light"] .modal-side-card::after,
html[data-cx-theme="light"] .invite-link-card::after,
html[data-cx-theme="light"] .timeline-item::after,
html[data-cx-theme="light"] .presence-row::after {
  opacity: 0.3 !important;
  background: linear-gradient(90deg, transparent, rgba(13, 148, 136, 0.48)) !important;
}

html[data-cx-theme="light"] .hero-point,
html[data-cx-theme="light"] .meeting-highlight,
html[data-cx-theme="light"] .compact-row {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 241, 232, 0.98)) !important;
  border-color: rgba(16, 34, 47, 0.1) !important;
}

html[data-cx-theme="light"] .section-head h2,
html[data-cx-theme="light"] .meeting-card-title,
html[data-cx-theme="light"] .section-title,
html[data-cx-theme="light"] .meeting-title,
html[data-cx-theme="light"] .meeting-card strong,
html[data-cx-theme="light"] .hero-point strong,
html[data-cx-theme="light"] .meeting-highlight strong,
html[data-cx-theme="light"] .compact-row strong,
html[data-cx-theme="light"] .notes-item strong,
html[data-cx-theme="light"] .message-author {
  color: #10222f !important;
}

html[data-cx-theme="light"] .meeting-card-copy,
html[data-cx-theme="light"] .meeting-copy,
html[data-cx-theme="light"] .muted-copy,
html[data-cx-theme="light"] .context-copy,
html[data-cx-theme="light"] .field-help,
html[data-cx-theme="light"] .empty-state p,
html[data-cx-theme="light"] .info-line,
html[data-cx-theme="light"] .workspace-brand-copy small,
html[data-cx-theme="light"] .create-inline-note,
html[data-cx-theme="light"] .create-step-hint,
html[data-cx-theme="light"] .invite-picked-meta,
html[data-cx-theme="light"] .intel-hero-copy p,
html[data-cx-theme="light"] .intel-kpi-card small,
html[data-cx-theme="light"] .intel-kpi-card span,
html[data-cx-theme="light"] .timeline-item span,
html[data-cx-theme="light"] .presence-row-copy span,
html[data-cx-theme="light"] .context-card p,
html[data-cx-theme="light"] .context-card li,
html[data-cx-theme="light"] .context-card span,
html[data-cx-theme="light"] .message-meta small,
html[data-cx-theme="light"] .notes-item small {
  color: #50616f !important;
}

html[data-cx-theme="light"] .field label {
  color: #425260 !important;
}

html[data-cx-theme="light"] .chip,
html[data-cx-theme="light"] .status-pill {
  background: rgba(240, 247, 246, 0.98) !important;
  border-color: rgba(16, 34, 47, 0.1) !important;
  color: #10222f !important;
}

html[data-cx-theme="light"] .chip.live,
html[data-cx-theme="light"] .status-pill.live {
  background: linear-gradient(135deg, #0d9488, #0ea5e9) !important;
  color: #f8fffe !important;
}

html[data-cx-theme="light"] .chip.client {
  background: rgba(14, 165, 233, 0.12) !important;
  color: #0f5f8b !important;
}

html[data-cx-theme="light"] .chip.lead {
  background: rgba(245, 158, 11, 0.14) !important;
  color: #9a5b07 !important;
}

html[data-cx-theme="light"] .chip.project {
  background: rgba(13, 148, 136, 0.14) !important;
  color: #0d746b !important;
}

html[data-cx-theme="light"] .meeting-card-delete {
  background: rgba(255, 245, 245, 0.98) !important;
  border-color: rgba(209, 67, 67, 0.22) !important;
  color: #b33131 !important;
}

html[data-cx-theme="light"] .meeting-card-delete:hover {
  background: rgba(255, 236, 236, 0.98) !important;
  border-color: rgba(209, 67, 67, 0.34) !important;
}

html[data-cx-theme="light"] .message-bubble.mine {
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(14, 165, 233, 0.1)) !important;
  color: #10222f !important;
}

html[data-cx-theme="light"] .invite-link-card code {
  background: rgba(247, 241, 232, 0.96) !important;
  border-color: rgba(16, 34, 47, 0.12) !important;
  color: #0d746b !important;
}

html[data-cx-theme="light"] .workspace-sidebar,
html[data-cx-theme="light"] .meeting-stage {
  box-shadow: 0 20px 40px rgba(16, 34, 47, 0.08) !important;
}

html[data-cx-theme="light"] .app-modal-backdrop {
  background:
    radial-gradient(circle at center, rgba(13, 148, 136, 0.08), transparent 22%),
    rgba(244, 239, 229, 0.78) !important;
  backdrop-filter: blur(18px) !important;
}

html[data-cx-theme="light"] .app-modal-dialog,
html[data-cx-theme="light"] .create-hero-card,
html[data-cx-theme="light"] .create-form-section,
html[data-cx-theme="light"] .create-side-section,
html[data-cx-theme="light"] .invite-picked-card,
html[data-cx-theme="light"] .create-submit-row,
html[data-cx-theme="light"] .intel-hero-copy,
html[data-cx-theme="light"] .intel-kpi-grid,
html[data-cx-theme="light"] .meeting-stage,
html[data-cx-theme="light"] .meeting-stage-head,
html[data-cx-theme="light"] .meeting-stage-body,
html[data-cx-theme="light"] .meeting-stage-summary,
html[data-cx-theme="light"] .meeting-stage-overview,
html[data-cx-theme="light"] .meeting-stage-actions,
html[data-cx-theme="light"] .meeting-context,
html[data-cx-theme="light"] .workspace-sidebar-section,
html[data-cx-theme="light"] .video-tile {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 244, 237, 0.98)) !important;
  border-color: rgba(16, 34, 47, 0.12) !important;
  box-shadow: 0 18px 36px rgba(16, 34, 47, 0.06) !important;
  color: #10222f !important;
}

html[data-cx-theme="light"] .app-modal-dialog::before,
html[data-cx-theme="light"] .create-hero-card::before,
html[data-cx-theme="light"] .create-form-section::before,
html[data-cx-theme="light"] .create-side-section::before,
html[data-cx-theme="light"] .meeting-stage-head::before,
html[data-cx-theme="light"] .meeting-stage-head::after,
html[data-cx-theme="light"] .video-tile::before,
html[data-cx-theme="light"] .video-tile::after {
  opacity: 0.1 !important;
  border-color: rgba(16, 34, 47, 0.06) !important;
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.06), transparent 42%, transparent 68%, rgba(14, 165, 233, 0.06)) !important;
}

html[data-cx-theme="light"] .create-hero-card small,
html[data-cx-theme="light"] .create-hero-card span,
html[data-cx-theme="light"] .create-submit-copy span,
html[data-cx-theme="light"] .meeting-stage-head p,
html[data-cx-theme="light"] .meeting-stage-body p,
html[data-cx-theme="light"] .meeting-stage-overview p,
html[data-cx-theme="light"] .meeting-stage-summary p,
html[data-cx-theme="light"] .workspace-sidebar-section p,
html[data-cx-theme="light"] .workspace-sidebar-section li,
html[data-cx-theme="light"] .video-tile p {
  color: #50616f !important;
}

html[data-cx-theme="light"] .create-hero-card strong,
html[data-cx-theme="light"] .create-section-head h3,
html[data-cx-theme="light"] .create-submit-copy strong,
html[data-cx-theme="light"] .meeting-stage-head h3,
html[data-cx-theme="light"] .meeting-stage-body h3,
html[data-cx-theme="light"] .meeting-stage-overview h3,
html[data-cx-theme="light"] .meeting-stage-summary h3,
html[data-cx-theme="light"] .workspace-sidebar-section h3,
html[data-cx-theme="light"] .video-tile strong {
  color: #10222f !important;
}

html[data-cx-theme="light"] .create-form-section .field input,
html[data-cx-theme="light"] .create-form-section .field select,
html[data-cx-theme="light"] .create-form-section .field textarea,
html[data-cx-theme="light"] .create-side-section .field input,
html[data-cx-theme="light"] .create-side-section .field select,
html[data-cx-theme="light"] .create-side-section .field textarea,
html[data-cx-theme="light"] .meeting-stage input,
html[data-cx-theme="light"] .meeting-stage select,
html[data-cx-theme="light"] .meeting-stage textarea {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(16, 34, 47, 0.12) !important;
  color: #10222f !important;
}

/* 20260417 premium cross-app pass */
html:not([data-cx-theme]),
html[data-cx-theme="dark"] {
  --cx-premium-bg: #08090c;
  --cx-premium-bg-soft: #111315;
  --cx-premium-panel: rgba(18, 20, 23, 0.92);
  --cx-premium-panel-soft: rgba(22, 25, 28, 0.88);
  --cx-premium-text: #f5f1e8;
  --cx-premium-muted: rgba(214, 208, 197, 0.72);
  --cx-premium-line: rgba(245, 241, 232, 0.12);
  --cx-premium-line-strong: rgba(245, 241, 232, 0.2);
  --cx-premium-accent: #3ad6ff;
  --cx-premium-accent-2: #8c5cff;
  --cx-premium-accent-3: #8cf45a;
}

html[data-cx-theme="light"] {
  --cx-premium-bg: #f4ede3;
  --cx-premium-bg-soft: #fffaf3;
  --cx-premium-panel: rgba(255, 250, 243, 0.94);
  --cx-premium-panel-soft: rgba(246, 239, 229, 0.92);
  --cx-premium-text: #191816;
  --cx-premium-muted: rgba(71, 67, 61, 0.72);
  --cx-premium-line: rgba(25, 24, 22, 0.12);
  --cx-premium-line-strong: rgba(25, 24, 22, 0.2);
  --cx-premium-accent: #177fa6;
  --cx-premium-accent-2: #6d4fe3;
  --cx-premium-accent-3: #57b84c;
}

html:not([data-cx-theme]) body,
html[data-cx-theme="dark"] body {
  background:
    radial-gradient(circle at 8% 12%, rgba(58, 214, 255, 0.14), transparent 22%),
    radial-gradient(circle at 88% 14%, rgba(140, 92, 255, 0.12), transparent 24%),
    linear-gradient(180deg, #060708 0%, #0b0d0f 54%, #101317 100%) !important;
  color: var(--cx-premium-text) !important;
}

html[data-cx-theme="light"] body {
  background:
    radial-gradient(circle at 8% 12%, rgba(188, 97, 55, 0.14), transparent 22%),
    radial-gradient(circle at 88% 14%, rgba(15, 142, 126, 0.12), transparent 24%),
    linear-gradient(180deg, #fffaf3 0%, #f6efe5 54%, #f1e6d7 100%) !important;
  color: var(--cx-premium-text) !important;
}

html:not([data-cx-theme]) body::before,
html[data-cx-theme="dark"] body::before,
html[data-cx-theme="light"] body::before {
  background-image:
    linear-gradient(var(--cx-premium-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--cx-premium-line) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  opacity: 0.12 !important;
}

html:not([data-cx-theme]) :is(
  .cx-panel,
  .cx-card,
  .cx-modal,
  .cb-card,
  .cb-table-card,
  .cb-create,
  .mail-surface,
  .mail-sidebar,
  .mail-list-panel,
  .mail-detail-panel,
  .mail-card,
  .orbit-shell,
  .orbit-panel,
  .vault-shell,
  .vault-panel,
  .workspace-sidebar,
  .meeting-stage,
  .meeting-stage-head,
  .meeting-stage-body,
  .meeting-stage-summary,
  .meeting-stage-overview,
  .meeting-stage-actions
),
html[data-cx-theme="dark"] :is(
  .cx-panel,
  .cx-card,
  .cx-modal,
  .cb-card,
  .cb-table-card,
  .cb-create,
  .mail-surface,
  .mail-sidebar,
  .mail-list-panel,
  .mail-detail-panel,
  .mail-card,
  .orbit-shell,
  .orbit-panel,
  .vault-shell,
  .vault-panel,
  .workspace-sidebar,
  .meeting-stage,
  .meeting-stage-head,
  .meeting-stage-body,
  .meeting-stage-summary,
  .meeting-stage-overview,
  .meeting-stage-actions
),
html[data-cx-theme="light"] :is(
  .cx-panel,
  .cx-card,
  .cx-modal,
  .cb-card,
  .cb-table-card,
  .cb-create,
  .mail-surface,
  .mail-sidebar,
  .mail-list-panel,
  .mail-detail-panel,
  .mail-card,
  .orbit-shell,
  .orbit-panel,
  .vault-shell,
  .vault-panel,
  .workspace-sidebar,
  .meeting-stage,
  .meeting-stage-head,
  .meeting-stage-body,
  .meeting-stage-summary,
  .meeting-stage-overview,
  .meeting-stage-actions
) {
  border-radius: 0 !important;
  clip-path: none !important;
  border-color: var(--cx-premium-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 26%),
    var(--cx-premium-panel) !important;
  color: var(--cx-premium-text) !important;
  box-shadow:
    0 20px 38px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html:not([data-cx-theme]) #app :is(
  button,
  .btn,
  .cx-btn,
  .cb-btn,
  .mail-button,
  .mail-button-ghost,
  .orbit-ghost-btn,
  .vault-action,
  .vault-secondary,
  .vault-ghost,
  input,
  select,
  textarea
),
html[data-cx-theme="dark"] #app :is(
  button,
  .btn,
  .cx-btn,
  .cb-btn,
  .mail-button,
  .mail-button-ghost,
  .orbit-ghost-btn,
  .vault-action,
  .vault-secondary,
  .vault-ghost,
  input,
  select,
  textarea
),
html[data-cx-theme="light"] #app :is(
  button,
  .btn,
  .cx-btn,
  .cb-btn,
  .mail-button,
  .mail-button-ghost,
  .orbit-ghost-btn,
  .vault-action,
  .vault-secondary,
  .vault-ghost,
  input,
  select,
  textarea
) {
  border-radius: 0 !important;
  clip-path: none !important;
}

html:not([data-cx-theme]) #app :is(.btn-primary, .cx-btn-primary, .cb-btn-primary, .mail-button, .vault-action),
html[data-cx-theme="dark"] #app :is(.btn-primary, .cx-btn-primary, .cb-btn-primary, .mail-button, .vault-action) {
  background: linear-gradient(135deg, #3ad6ff, #8c5cff) !important;
  border-color: rgba(58, 214, 255, 0.28) !important;
  color: #fff9f4 !important;
}

html[data-cx-theme="light"] #app :is(.btn-primary, .cx-btn-primary, .cb-btn-primary, .mail-button, .vault-action) {
  background: linear-gradient(135deg, #bc6137, #d0a361) !important;
  border-color: rgba(188, 97, 55, 0.24) !important;
  color: #fff9f4 !important;
}

/* 20260417 director cut */
html:not([data-cx-theme]),
html[data-cx-theme="dark"] {
  --cx-premium-bg: #050608;
  --cx-premium-bg-soft: #0b0d10;
  --cx-premium-panel: rgba(12, 15, 20, 0.92);
  --cx-premium-panel-soft: rgba(17, 21, 26, 0.88);
  --cx-premium-text: #f4ecdf;
  --cx-premium-muted: rgba(210, 198, 183, 0.72);
  --cx-premium-line: rgba(244, 236, 223, 0.12);
  --cx-premium-line-strong: rgba(244, 236, 223, 0.2);
  --cx-premium-accent: #3ad6ff;
  --cx-premium-accent-2: #8c5cff;
  --cx-premium-accent-3: #8cf45a;
}

html[data-cx-theme="light"] {
  --cx-premium-bg: #fbf4ea;
  --cx-premium-bg-soft: #f7eedf;
  --cx-premium-panel: rgba(255, 250, 244, 0.94);
  --cx-premium-panel-soft: rgba(244, 235, 222, 0.92);
  --cx-premium-text: #141412;
  --cx-premium-muted: rgba(78, 71, 61, 0.74);
  --cx-premium-line: rgba(20, 20, 18, 0.12);
  --cx-premium-line-strong: rgba(20, 20, 18, 0.2);
  --cx-premium-accent: #177fa6;
  --cx-premium-accent-2: #6d4fe3;
  --cx-premium-accent-3: #57b84c;
}

html:not([data-cx-theme]) body,
html[data-cx-theme="dark"] body {
  background:
    radial-gradient(circle at 0% 0%, rgba(58, 214, 255, 0.12), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(140, 92, 255, 0.1), transparent 24%),
    linear-gradient(180deg, #050608 0%, #0b0d10 54%, #11161b 100%) !important;
}

html[data-cx-theme="light"] body {
  background:
    radial-gradient(circle at 0% 0%, rgba(23, 127, 166, 0.12), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(109, 79, 227, 0.1), transparent 24%),
    linear-gradient(180deg, #fbf4ea 0%, #f7eedf 54%, #efe4d2 100%) !important;
}

html:not([data-cx-theme]) :is(
  .cx-panel,
  .cx-card,
  .cx-modal,
  .cb-card,
  .cb-table-card,
  .cb-create,
  .mail-surface,
  .mail-sidebar,
  .mail-list-panel,
  .mail-detail-panel,
  .mail-card,
  .orbit-shell,
  .orbit-panel,
  .vault-shell,
  .vault-panel,
  .workspace-sidebar,
  .meeting-stage,
  .meeting-stage-head,
  .meeting-stage-body,
  .meeting-stage-summary,
  .meeting-stage-overview,
  .meeting-stage-actions
),
html[data-cx-theme="dark"] :is(
  .cx-panel,
  .cx-card,
  .cx-modal,
  .cb-card,
  .cb-table-card,
  .cb-create,
  .mail-surface,
  .mail-sidebar,
  .mail-list-panel,
  .mail-detail-panel,
  .mail-card,
  .orbit-shell,
  .orbit-panel,
  .vault-shell,
  .vault-panel,
  .workspace-sidebar,
  .meeting-stage,
  .meeting-stage-head,
  .meeting-stage-body,
  .meeting-stage-summary,
  .meeting-stage-overview,
  .meeting-stage-actions
),
html[data-cx-theme="light"] :is(
  .cx-panel,
  .cx-card,
  .cx-modal,
  .cb-card,
  .cb-table-card,
  .cb-create,
  .mail-surface,
  .mail-sidebar,
  .mail-list-panel,
  .mail-detail-panel,
  .mail-card,
  .orbit-shell,
  .orbit-panel,
  .vault-shell,
  .vault-panel,
  .workspace-sidebar,
  .meeting-stage,
  .meeting-stage-head,
  .meeting-stage-body,
  .meeting-stage-summary,
  .meeting-stage-overview,
  .meeting-stage-actions
) {
  position: relative;
  overflow: hidden;
  border-color: var(--cx-premium-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 24%),
    linear-gradient(135deg, color-mix(in srgb, var(--cx-premium-accent) 8%, transparent), transparent 34%),
    var(--cx-premium-panel) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html:not([data-cx-theme]) :is(.cx-panel, .cx-card, .cb-card, .cb-table-card, .mail-card)::before,
html[data-cx-theme="dark"] :is(.cx-panel, .cx-card, .cb-card, .cb-table-card, .mail-card)::before,
html[data-cx-theme="light"] :is(.cx-panel, .cx-card, .cb-card, .cb-table-card, .mail-card)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--cx-premium-accent), var(--cx-premium-accent-2), transparent 72%);
  opacity: 0.9;
  pointer-events: none;
}

html:not([data-cx-theme]) :is(.cx-btn, .cb-btn, .mail-button, .vault-action, .vault-secondary, .vault-ghost),
html[data-cx-theme="dark"] :is(.cx-btn, .cb-btn, .mail-button, .vault-action, .vault-secondary, .vault-ghost),
html[data-cx-theme="light"] :is(.cx-btn, .cb-btn, .mail-button, .vault-action, .vault-secondary, .vault-ghost) {
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html:not([data-cx-theme]) :is(.btn-primary, .cx-btn-primary, .cb-btn-primary, .mail-button, .vault-action),
html[data-cx-theme="dark"] :is(.btn-primary, .cx-btn-primary, .cb-btn-primary, .mail-button, .vault-action) {
  background: linear-gradient(135deg, #3ad6ff, #8c5cff) !important;
  border-color: rgba(58, 214, 255, 0.26) !important;
}

html[data-cx-theme="light"] :is(.btn-primary, .cx-btn-primary, .cb-btn-primary, .mail-button, .vault-action) {
  background: linear-gradient(135deg, #177fa6, #6d4fe3) !important;
  border-color: rgba(23, 127, 166, 0.24) !important;
}