/* FB Toolkit Luminous Ops theme
   Shared visual language for every workspace except the high-density monitor. */

:root {
  --bg-app: #07100e;
  --bg-sidebar: #081210;
  --bg-surface-1: #0c1714;
  --bg-surface-2: #101d19;
  --bg-surface-3: #14231e;
  --bg-elevated: #162620;
  --bg-input: #091411;
  --bg-hover: rgba(255, 255, 255, 0.035);
  --bg-selected: rgba(73, 230, 126, 0.075);
  --border-subtle: rgba(132, 164, 150, 0.13);
  --border-default: rgba(132, 164, 150, 0.21);
  --border-hover: rgba(90, 220, 135, 0.34);
  --border-active: rgba(73, 230, 126, 0.58);
  --text-primary: #f1f6f3;
  --text-secondary: #a7b7b0;
  --text-muted: #74857e;
  --text-disabled: #53615b;
  --text-inverse: #07100e;
  --accent-primary: #49e67e;
  --accent-primary-hover: #5ded8d;
  --accent-primary-active: #36d66d;
  --accent-soft: rgba(73, 230, 126, 0.1);
  --accent-soft-strong: rgba(73, 230, 126, 0.17);
  --success: #51de8b;
  --success-soft: rgba(81, 222, 139, 0.12);
  --warning: #ebc55b;
  --warning-soft: rgba(235, 197, 91, 0.12);
  --danger: #ed6c78;
  --danger-soft: rgba(237, 108, 120, 0.12);
  --info: #69b9ff;
  --info-soft: rgba(105, 185, 255, 0.12);
  --purple: #b387f2;
  --purple-soft: rgba(179, 135, 242, 0.12);
  --cyan: #4bc6d7;
  --cyan-soft: rgba(75, 198, 215, 0.12);
  --orange: #f29a65;
  --orange-soft: rgba(242, 154, 101, 0.12);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-sm: 0 7px 20px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 16px 38px rgba(0, 0, 0, 0.24);
  --shadow-accent: 0 0 0 1px rgba(73, 230, 126, 0.13), 0 10px 30px rgba(22, 135, 69, 0.08);
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --transition-fast: 160ms;
  --transition-default: 190ms;

  --tk-bg: #090d0f;
  --tk-bg-raised: #0d1316;
  --tk-surface: #11191c;
  --tk-surface-2: #162126;
  --tk-surface-3: #1b2930;
  --tk-border: rgba(181, 215, 224, 0.14);
  --tk-border-strong: rgba(181, 215, 224, 0.24);
  --tk-text: #f4fbf8;
  --tk-text-soft: #c7d8d3;
  --tk-muted: #8da39e;
  --tk-primary: #43e6a7;
  --tk-primary-strong: #22c987;
  --tk-cyan: #56c8ff;
  --tk-violet: #a889ff;
  --tk-amber: #f6c85f;
  --tk-coral: #ff7894;
  --tk-orange: #ff9d62;
  --tk-pink: #f27bb8;
  --tk-blue: #70a5ff;
  --tk-danger: #ff667d;
  --tk-radius: 8px;
  --tk-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
  --tk-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.2);
  --tk-duration: 200ms;
  --tk-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-toolkit-theme]:not(.monitor-page) {
  --tk-accent: var(--tk-primary);
  --tk-accent-rgb: 67, 230, 167;
  min-height: 100vh;
  color: var(--tk-text);
  background-color: var(--tk-bg) !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.021) 1px, transparent 1px),
    linear-gradient(135deg, #090d0f 0%, #0d1517 52%, #10151b 100%) !important;
  background-size: 48px 48px, 48px 48px, auto !important;
  background-attachment: fixed;
  font-family: 'Manrope', sans-serif;
  letter-spacing: 0;
  color-scheme: dark;
}

body[data-toolkit-page='accounts'] { --tk-accent: var(--tk-cyan); --tk-accent-rgb: 86, 200, 255; }
body[data-toolkit-page='fp-builder'] { --tk-accent: #76e88f; --tk-accent-rgb: 118, 232, 143; }
body[data-toolkit-page='autozaliv'],
body[data-toolkit-page='autozaliv-presets'],
body[data-toolkit-page='autozaliv-uploaded'],
body[data-toolkit-page='loadpreset'] { --tk-accent: var(--tk-amber); --tk-accent-rgb: 246, 200, 95; }
body[data-toolkit-page='traffic-analytics'],
body[data-toolkit-page='analytics'] { --tk-accent: var(--tk-violet); --tk-accent-rgb: 168, 137, 255; }
body[data-toolkit-page='rk-dashboard'] { --tk-accent: var(--tk-coral); --tk-accent-rgb: 255, 120, 148; }
body[data-toolkit-page='binom-spend-sync'] { --tk-accent: var(--tk-primary); --tk-accent-rgb: 67, 230, 167; }
body[data-toolkit-page='lander-builder'] { --tk-accent: var(--tk-orange); --tk-accent-rgb: 255, 157, 98; }
body[data-toolkit-page='coment'] { --tk-accent: var(--tk-pink); --tk-accent-rgb: 242, 123, 184; }
body[data-toolkit-page='settings'] { --tk-accent: var(--tk-blue); --tk-accent-rgb: 112, 165, 255; }

body[data-toolkit-theme]:not(.monitor-page)::before,
body[data-toolkit-theme]:not(.monitor-page)::after {
  display: none !important;
}

body[data-toolkit-theme]:not(.monitor-page) ::selection {
  color: #06110d;
  background: var(--tk-accent);
}

body[data-toolkit-theme]:not(.monitor-page) * {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--tk-accent-rgb), 0.38) rgba(255, 255, 255, 0.035);
}

body[data-toolkit-theme]:not(.monitor-page) *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body[data-toolkit-theme]:not(.monitor-page) *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.035);
}

body[data-toolkit-theme]:not(.monitor-page) *::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(var(--tk-accent-rgb), 0.42);
  background-clip: padding-box;
}

body[data-toolkit-theme]:not(.monitor-page) :where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--tk-accent) !important;
  outline-offset: 2px !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(button, [role='button'], a[class]) {
  touch-action: manipulation;
}

body[data-toolkit-theme]:not(.monitor-page) :where(button, [role='button']):active:not(:disabled),
body[data-toolkit-theme]:not(.monitor-page) a[class]:active {
  transform: translateY(1px) scale(0.985);
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea) {
  color: var(--tk-text) !important;
  border-color: var(--tk-border) !important;
  border-radius: var(--tk-radius) !important;
  background: rgba(5, 10, 12, 0.72) !important;
  transition: border-color var(--tk-duration) var(--tk-ease), background var(--tk-duration) var(--tk-ease), box-shadow var(--tk-duration) var(--tk-ease);
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea):hover:not(:disabled) {
  border-color: var(--tk-border-strong) !important;
  background: rgba(9, 16, 19, 0.9) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea):focus {
  border-color: rgba(var(--tk-accent-rgb), 0.72) !important;
  box-shadow: 0 0 0 3px rgba(var(--tk-accent-rgb), 0.12) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, textarea)::placeholder {
  color: #687d79 !important;
  opacity: 1;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, button, textarea):disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

body[data-toolkit-theme]:not(.monitor-page) :where(h1, h2, h3, h4, p, span, strong, small) {
  letter-spacing: 0;
}

/* Calm page entrance. Dynamic app content remains immediately interactive. */
body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):not([hidden]) {
  animation: tk-enter 360ms var(--tk-ease) both;
}

body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):nth-child(2) { animation-delay: 45ms; }
body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):nth-child(3) { animation-delay: 90ms; }
body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):nth-child(4) { animation-delay: 135ms; }

@keyframes tk-enter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes tk-live-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--tk-accent-rgb), 0); }
  45% { box-shadow: 0 0 0 5px rgba(var(--tk-accent-rgb), 0.11); }
}

/* Shared workspace surfaces */
body[data-toolkit-theme]:not(.monitor-page) :where(
  .dashboard-identity-card,
  .dashboard-command-main,
  .dashboard-command-side,
  .signal-card,
  .dashboard-card,
  .accounts-panel,
  .accounts-table-card,
  .accounts-modal-dialog,
  .an-toolbar,
  .an-progress,
  .an-panel,
  .an-results-section,
  .rk-toolbar,
  .rk-progress,
  .rk-panel,
  .rk-table-section,
  .traffic-command-bar,
  .analytics-panel,
  .analytics-quality-card,
  .scope-access-card,
  .scope-step-card,
  .scope-calendar-shell,
  .studio-commandbar,
  .studio-library,
  .studio-preview,
  .studio-inspector,
  .fp-commandbar,
  .fp-clone-lane,
  .fp-library,
  .fp-preview,
  .fp-inspector,
  .card,
  .team-messages-hero,
  .team-panel,
  .settings-hero-copy,
  .settings-defaults,
  .settings-card,
  .footer-strip
) {
  border-color: var(--tk-border) !important;
  border-radius: var(--tk-radius) !important;
  background: rgba(15, 23, 26, 0.91) !important;
  box-shadow: var(--tk-shadow-soft) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .dashboard-command-main,
  .accounts-panel,
  .an-toolbar,
  .rk-toolbar,
  .traffic-command-bar,
  .studio-commandbar,
  .fp-commandbar,
  .team-messages-hero,
  .settings-hero-copy
) {
  border-top-color: rgba(var(--tk-accent-rgb), 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(var(--tk-accent-rgb), 0.1), var(--tk-shadow) !important;
}

/* Dashboard */
body.dashboard-page[data-toolkit-theme] {
  --dashboard-bg: var(--tk-bg);
  --dashboard-bg-alt: var(--tk-bg-raised);
  --dashboard-surface: rgba(15, 23, 26, 0.9);
  --dashboard-surface-strong: rgba(18, 28, 32, 0.97);
  --dashboard-border: var(--tk-border);
  --dashboard-text: var(--tk-text);
  --dashboard-muted: var(--tk-muted);
  --dashboard-accent: var(--tk-primary);
  --dashboard-success: var(--tk-primary);
  --dashboard-warning: var(--tk-amber);
  --dashboard-danger: var(--tk-coral);
}

body.dashboard-page[data-toolkit-theme] .dashboard-main {
  width: min(1540px, calc(100% - 32px));
  padding-top: 18px;
}

body.dashboard-page[data-toolkit-theme] .dashboard-command-main::after {
  height: 2px;
  background: linear-gradient(90deg, var(--tk-primary), var(--tk-cyan), var(--tk-violet), var(--tk-amber), var(--tk-coral));
}

body.dashboard-page[data-toolkit-theme] .command-kicker,
body.dashboard-page[data-toolkit-theme] .identity-chip {
  color: #a8f5d4;
  border-color: rgba(67, 230, 167, 0.28);
  background: rgba(67, 230, 167, 0.08);
}

body.dashboard-page[data-toolkit-theme] .command-head h1 {
  margin-top: 12px;
  color: var(--tk-text);
  font-size: 2.45rem;
  line-height: 1.08;
}

body.dashboard-page[data-toolkit-theme] .command-metric,
body.dashboard-page[data-toolkit-theme] .signal-card {
  border-radius: var(--tk-radius);
  background: rgba(255, 255, 255, 0.035);
}

body.dashboard-page[data-toolkit-theme] .command-metric:hover,
body.dashboard-page[data-toolkit-theme] .signal-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--tk-accent-rgb), 0.32);
  background: rgba(var(--tk-accent-rgb), 0.065);
}

body.dashboard-page[data-toolkit-theme] .command-action {
  min-height: 44px;
  border-radius: var(--tk-radius);
  background: rgba(255, 255, 255, 0.045);
}

body.dashboard-page[data-toolkit-theme] .command-action.primary {
  color: #07130e;
  border-color: transparent;
  background: var(--tk-primary);
  box-shadow: 0 10px 24px rgba(67, 230, 167, 0.16);
}

body.dashboard-page[data-toolkit-theme] .command-action:nth-child(2) .material-symbols-outlined { color: var(--tk-coral); }
body.dashboard-page[data-toolkit-theme] .command-action:nth-child(3) .material-symbols-outlined { color: var(--tk-cyan); }
body.dashboard-page[data-toolkit-theme] .command-action:nth-child(4) .material-symbols-outlined { color: #8da6ff; }
body.dashboard-page[data-toolkit-theme] .command-action:nth-child(5) .material-symbols-outlined { color: #76e88f; }

body.dashboard-page[data-toolkit-theme] .dashboard-card {
  --module-accent: var(--tk-cyan);
  position: relative;
  overflow: hidden;
  background: rgba(15, 23, 26, 0.9) !important;
  transition: transform var(--tk-duration) var(--tk-ease), border-color var(--tk-duration) var(--tk-ease), background var(--tk-duration) var(--tk-ease);
}

body.dashboard-page[data-toolkit-theme] .dashboard-card::after {
  display: block;
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--module-accent);
  opacity: 0.82;
}

body.dashboard-page[data-toolkit-theme] .dashboard-card:hover,
body.dashboard-page[data-toolkit-theme] .dashboard-card:focus-visible {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--module-accent) 44%, transparent) !important;
  background: color-mix(in srgb, var(--module-accent) 7%, #0f171a) !important;
}

body.dashboard-page[data-toolkit-theme] .dashboard-card-icon {
  color: var(--module-accent) !important;
  border-radius: var(--tk-radius);
  background: color-mix(in srgb, var(--module-accent) 13%, transparent) !important;
}

body.dashboard-page[data-toolkit-theme] .tone-accounts { --module-accent: var(--tk-cyan); }
body.dashboard-page[data-toolkit-theme] .tone-monitor { --module-accent: #778fff; }
body.dashboard-page[data-toolkit-theme] .tone-analytics { --module-accent: var(--tk-violet); }
body.dashboard-page[data-toolkit-theme] .tone-rk { --module-accent: var(--tk-coral); }
body.dashboard-page[data-toolkit-theme] .tone-lander { --module-accent: var(--tk-orange); }
body.dashboard-page[data-toolkit-theme] .tone-autozaliv { --module-accent: var(--tk-amber); }
body.dashboard-page[data-toolkit-theme] .tone-coment { --module-accent: var(--tk-pink); }
body.dashboard-page[data-toolkit-theme] .tone-settings { --module-accent: var(--tk-blue); }
body.dashboard-page[data-toolkit-theme] .tone-admin { --module-accent: #e4ed76; }

/* Accounts */
body.accounts-page[data-toolkit-theme] {
  --accounts-bg: var(--tk-bg);
  --accounts-surface: rgba(15, 23, 26, 0.91);
  --accounts-surface-strong: rgba(18, 28, 32, 0.98);
  --accounts-surface-soft: rgba(7, 13, 15, 0.75);
  --accounts-border: var(--tk-border);
  --accounts-border-strong: rgba(86, 200, 255, 0.34);
  --accounts-text: var(--tk-text);
  --accounts-muted: var(--tk-muted);
  --accounts-accent: var(--tk-cyan);
}

body.accounts-page[data-toolkit-theme] .accounts-main {
  width: min(1540px, calc(100% - 32px));
}

body.accounts-page[data-toolkit-theme] .accounts-health-card,
body.accounts-page[data-toolkit-theme] .accounts-stat-card,
body.accounts-page[data-toolkit-theme] .accounts-search,
body.accounts-page[data-toolkit-theme] .accounts-select-wrap select,
body.accounts-page[data-toolkit-theme] .accounts-table-scroll {
  border-radius: var(--tk-radius) !important;
  background: rgba(4, 10, 12, 0.56) !important;
}

body.accounts-page[data-toolkit-theme] .accounts-health-card:nth-child(1) { border-top-color: rgba(86, 200, 255, 0.65) !important; }
body.accounts-page[data-toolkit-theme] .accounts-health-card:nth-child(2) { border-top-color: rgba(67, 230, 167, 0.65) !important; }
body.accounts-page[data-toolkit-theme] .accounts-health-card:nth-child(3) { border-top-color: rgba(246, 200, 95, 0.65) !important; }
body.accounts-page[data-toolkit-theme] .accounts-health-card:nth-child(4) { border-top-color: rgba(255, 120, 148, 0.65) !important; }

body.accounts-page[data-toolkit-theme] .accounts-primary-btn,
body.accounts-page[data-toolkit-theme] .accounts-table-btn--primary {
  color: #061117;
  border-color: transparent;
  border-radius: var(--tk-radius);
  background: var(--tk-cyan);
  box-shadow: 0 10px 24px rgba(86, 200, 255, 0.16);
}

body.accounts-page[data-toolkit-theme] .accounts-row:hover td {
  background: rgba(86, 200, 255, 0.055) !important;
}

/* Analytics and RK */
body.analytics-page[data-toolkit-theme],
body.traffic-analytics-page[data-toolkit-theme],
body.rk-page[data-toolkit-theme] {
  --an-bg: var(--tk-bg);
  --an-panel: var(--tk-surface);
  --an-panel-2: var(--tk-bg-raised);
  --an-border: var(--tk-border);
  --an-text: var(--tk-text);
  --an-muted: var(--tk-muted);
  --an-primary: var(--tk-violet);
  --rk-bg: var(--tk-bg);
  --rk-panel: var(--tk-surface);
  --rk-panel-2: var(--tk-bg-raised);
  --rk-border: var(--tk-border);
  --rk-text: var(--tk-text);
  --rk-muted: var(--tk-muted);
  --rk-primary: var(--tk-coral);
  --ta-bg: var(--tk-bg);
  --ta-panel: var(--tk-surface);
  --ta-panel-2: var(--tk-bg-raised);
  --ta-border: var(--tk-border);
  --ta-text: var(--tk-text);
  --ta-muted: var(--tk-muted);
  --ta-primary: var(--tk-violet);
}

body[data-toolkit-theme]:not(.monitor-page) :where(.an-btn-primary, .rk-btn-primary, .scope-confirm-btn, .run-analysis-btn, #runAnalysisBtn, #computeBtn, #rkAnalyzeBtn) {
  color: #0d0915 !important;
  border-color: transparent !important;
  border-radius: var(--tk-radius) !important;
  background: var(--tk-accent) !important;
  box-shadow: 0 10px 24px rgba(var(--tk-accent-rgb), 0.16) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.an-btn, .an-icon-btn, .an-mini-btn, .rk-btn, .rk-icon-btn, .rk-mini-btn, .scope-buyer-action-btn, .scope-clear-btn) {
  min-height: 42px;
  border-radius: var(--tk-radius) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.an-title-icon, .rk-title-icon, .traffic-command-title > .material-symbols-outlined) {
  color: var(--tk-accent) !important;
  border-color: rgba(var(--tk-accent-rgb), 0.26) !important;
  border-radius: var(--tk-radius) !important;
  background: rgba(var(--tk-accent-rgb), 0.1) !important;
}

body.rk-page[data-toolkit-theme] .rk-quality-card,
body.traffic-analytics-page[data-toolkit-theme] .analytics-quality-card,
body.traffic-analytics-page[data-toolkit-theme] .scope-access-card {
  border-radius: var(--tk-radius) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

body.rk-page[data-toolkit-theme] .rk-quality-card:nth-child(1),
body.traffic-analytics-page[data-toolkit-theme] .analytics-quality-card:nth-child(1),
body.traffic-analytics-page[data-toolkit-theme] .scope-access-card:nth-child(1) { border-top-color: rgba(86, 200, 255, 0.58) !important; }
body.rk-page[data-toolkit-theme] .rk-quality-card:nth-child(2),
body.traffic-analytics-page[data-toolkit-theme] .analytics-quality-card:nth-child(2),
body.traffic-analytics-page[data-toolkit-theme] .scope-access-card:nth-child(2) { border-top-color: rgba(67, 230, 167, 0.58) !important; }
body.rk-page[data-toolkit-theme] .rk-quality-card:nth-child(3),
body.traffic-analytics-page[data-toolkit-theme] .analytics-quality-card:nth-child(3),
body.traffic-analytics-page[data-toolkit-theme] .scope-access-card:nth-child(3) { border-top-color: rgba(246, 200, 95, 0.58) !important; }
body.rk-page[data-toolkit-theme] .rk-quality-card:nth-child(4),
body.traffic-analytics-page[data-toolkit-theme] .analytics-quality-card:nth-child(4),
body.traffic-analytics-page[data-toolkit-theme] .scope-access-card:nth-child(4) { border-top-color: rgba(255, 120, 148, 0.58) !important; }

body[data-toolkit-theme]:not(.monitor-page) :where(.rk-list, .rk-table-wrap, .an-list, .an-table-wrap, .analytics-panel .custom-scrollbar, .scope-buyer-checkboxes) {
  border-radius: var(--tk-radius) !important;
  background: rgba(4, 10, 12, 0.56) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.rk-list-item, .an-list-item, .scope-buyer-option):hover {
  background: rgba(var(--tk-accent-rgb), 0.075) !important;
}

body.traffic-analytics-page[data-toolkit-theme] .analytics-progress-bunny {
  display: none !important;
}

body.traffic-analytics-page[data-toolkit-theme] :where(.analytics-progress-fill, .scope-progress-fill) {
  background: linear-gradient(90deg, var(--tk-violet), var(--tk-cyan), var(--tk-primary)) !important;
}

/* Builder workspaces */
body.lander-builder-page[data-toolkit-theme] {
  --lb-bg: var(--tk-bg);
  --lb-panel: var(--tk-surface);
  --lb-panel-2: var(--tk-surface-2);
  --lb-panel-3: var(--tk-surface-3);
  --lb-line: var(--tk-border);
  --lb-line-strong: var(--tk-border-strong);
  --lb-text: var(--tk-text);
  --lb-muted: var(--tk-muted);
  --lb-teal: var(--tk-orange);
  --lb-teal-strong: #f07e3e;
}

body.fp-builder-page[data-toolkit-theme] {
  --fp-bg: var(--tk-bg);
  --fp-panel: var(--tk-surface);
  --fp-panel-2: var(--tk-surface-2);
  --fp-panel-3: var(--tk-surface-3);
  --fp-line: var(--tk-border);
  --fp-line-strong: var(--tk-border-strong);
  --fp-text: var(--tk-text);
  --fp-muted: var(--tk-muted);
  --fp-teal: #76e88f;
  --fp-teal-strong: #4dcc70;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.studio-library, .studio-preview, .studio-inspector, .fp-library, .fp-preview, .fp-inspector) {
  overflow: clip;
}

body.lander-builder-page[data-toolkit-theme] :where(.studio-tab.is-active, .icon-button.primary, .primary-button),
body.fp-builder-page[data-toolkit-theme] :where(.fp-library-tab.is-active, .fp-editor-tab.is-active, .fp-primary-button) {
  color: #0d0b08 !important;
  border-color: transparent !important;
  background: var(--tk-accent) !important;
}

body.lander-builder-page[data-toolkit-theme] .tab-btn {
  flex: 0 0 auto;
  min-height: 44px;
}

body.lander-builder-page[data-toolkit-theme] :where(.template-card, .project-card, .asset-card),
body.fp-builder-page[data-toolkit-theme] :where(.fp-page-card, .fp-template-card, .fp-post-editor, .fp-field-card) {
  border-radius: var(--tk-radius) !important;
  background: rgba(4, 10, 12, 0.52) !important;
  transition: transform var(--tk-duration) var(--tk-ease), border-color var(--tk-duration) var(--tk-ease), background var(--tk-duration) var(--tk-ease);
}

body.lander-builder-page[data-toolkit-theme] :where(.template-card, .project-card, .asset-card):hover,
body.fp-builder-page[data-toolkit-theme] :where(.fp-page-card, .fp-template-card, .fp-post-editor):hover {
  transform: translateY(-2px);
  border-color: rgba(var(--tk-accent-rgb), 0.34) !important;
  background: rgba(var(--tk-accent-rgb), 0.055) !important;
}

body.lander-builder-page[data-toolkit-theme] .studio-preview { border-top-color: rgba(86, 200, 255, 0.55) !important; }
body.lander-builder-page[data-toolkit-theme] .studio-inspector { border-top-color: rgba(255, 157, 98, 0.62) !important; }
body.fp-builder-page[data-toolkit-theme] .fp-preview { border-top-color: rgba(86, 200, 255, 0.55) !important; }
body.fp-builder-page[data-toolkit-theme] .fp-inspector { border-top-color: rgba(118, 232, 143, 0.62) !important; }

/* Comments and team messages */
body[data-toolkit-page='coment'] {
  --bg: var(--tk-bg);
  --surface: var(--tk-surface);
  --surface-2: var(--tk-surface-2);
  --line: var(--tk-border);
  --text: var(--tk-text);
  --muted: var(--tk-muted);
  --primary: var(--tk-pink);
}

body[data-toolkit-page='coment'] :where(.hero-icon, .btn.primary, .chip.active) {
  color: #160b11 !important;
  border-color: transparent !important;
  background: var(--tk-pink) !important;
}

body[data-toolkit-page='coment'] :where(.campaign-card, .ad-item, .empty) {
  border-radius: var(--tk-radius) !important;
  background: rgba(4, 10, 12, 0.54) !important;
}

body[data-toolkit-page='team-messages'] .team-primary-btn,
body[data-toolkit-page='team-messages'] .team-link-btn {
  color: #07130e;
  border-radius: var(--tk-radius);
  background: var(--tk-primary);
}

body[data-toolkit-page='team-messages'] .team-messages-hero h1 {
  font-size: 2.2rem;
  line-height: 1.12;
}

body[data-toolkit-page='team-messages'] .team-recipient-card {
  border-radius: var(--tk-radius);
  border-color: var(--tk-border);
  background: rgba(4, 10, 12, 0.5);
}

/* Settings */
body.settings-page[data-toolkit-theme] {
  --settings-card: rgba(15, 23, 26, 0.92);
  --settings-card-strong: rgba(18, 28, 32, 0.98);
  --settings-border: var(--tk-border);
  --settings-border-strong: rgba(112, 165, 255, 0.34);
  --settings-text: var(--tk-text);
  --settings-muted: var(--tk-muted);
}

body.settings-page[data-toolkit-theme] .settings-shell {
  width: min(1500px, calc(100% - 32px));
  margin-top: 28px;
}

body.settings-page[data-toolkit-theme] :where(.settings-hero-copy, .settings-defaults, .settings-card, .footer-strip)::before {
  display: none;
}

body.settings-page[data-toolkit-theme] .settings-hero-copy h1 {
  max-width: 860px;
  font-size: 2.35rem;
  line-height: 1.12;
}

body.settings-page[data-toolkit-theme] :where(.eyebrow, .card-kicker) {
  color: #a9c9ff;
}

body.settings-page[data-toolkit-theme] :where(.setting-row, .defaults-row, .field-card) {
  border-radius: var(--tk-radius) !important;
  border-color: var(--tk-border) !important;
  background: rgba(4, 10, 12, 0.52) !important;
}

body.settings-page[data-toolkit-theme] .settings-btn.warn {
  color: #161004;
  border-color: rgba(246, 200, 95, 0.5);
  border-radius: var(--tk-radius);
  background: var(--tk-amber);
  box-shadow: 0 10px 24px rgba(246, 200, 95, 0.14);
}

/* Tailwind-based Autozaliv family */
body[data-toolkit-page='autozaliv'],
body[data-toolkit-page='autozaliv-presets'],
body[data-toolkit-page='autozaliv-uploaded'],
body[data-toolkit-page='loadpreset'] {
  color: var(--tk-text) !important;
  background-color: var(--tk-bg) !important;
}

body[data-toolkit-page='autozaliv'] main,
body[data-toolkit-page='autozaliv-presets'] main,
body[data-toolkit-page='autozaliv-uploaded'] main,
body[data-toolkit-page='loadpreset'] main {
  padding-top: 32px !important;
}

body[data-toolkit-page='autozaliv'] :where([class*='bg-card'], [class*='dark:bg-card'], .group),
body[data-toolkit-page='autozaliv-presets'] :where([class*='bg-card'], [class*='dark:bg-card']),
body[data-toolkit-page='autozaliv-uploaded'] :where([class*='bg-card'], [class*='dark:bg-card']),
body[data-toolkit-page='loadpreset'] :where([class*='bg-card'], [class*='dark:bg-card']) {
  color: var(--tk-text) !important;
  border-color: var(--tk-border) !important;
  border-radius: var(--tk-radius) !important;
  background: rgba(15, 23, 26, 0.91) !important;
  box-shadow: var(--tk-shadow-soft) !important;
}

body[data-toolkit-page='autozaliv'] main a[class*='bg-card'] {
  position: relative;
  overflow: hidden;
  min-height: 142px;
  border-top: 1px solid rgba(246, 200, 95, 0.62) !important;
  transition: transform var(--tk-duration) var(--tk-ease), border-color var(--tk-duration) var(--tk-ease), background var(--tk-duration) var(--tk-ease);
}

body[data-toolkit-page='autozaliv'] main a[class*='bg-card']:nth-child(2) {
  border-top-color: rgba(86, 200, 255, 0.62) !important;
}

body[data-toolkit-page='autozaliv'] main a[class*='bg-card']:hover {
  transform: translateY(-3px) !important;
  background: rgba(246, 200, 95, 0.055) !important;
}

body[data-toolkit-page='autozaliv'] main a[class*='bg-card']:nth-child(2):hover {
  background: rgba(86, 200, 255, 0.055) !important;
}

body[data-toolkit-page='autozaliv'] main a[class*='bg-card']:first-child .text-primary {
  color: var(--tk-amber) !important;
}

body[data-toolkit-page='autozaliv'] main a[class*='bg-card']:nth-child(2) .text-primary {
  color: var(--tk-cyan) !important;
}

body[data-toolkit-page='autozaliv'] :where(.text-gray-900, .dark\:text-white),
body[data-toolkit-page='autozaliv-presets'] :where(.text-gray-900, .dark\:text-white),
body[data-toolkit-page='autozaliv-uploaded'] :where(.text-gray-900, .dark\:text-white),
body[data-toolkit-page='loadpreset'] :where(.text-gray-900, .dark\:text-white) {
  color: var(--tk-text) !important;
}

body[data-toolkit-page='autozaliv'] :where(.text-gray-500, .text-gray-600, .dark\:text-gray-300, .dark\:text-gray-400),
body[data-toolkit-page='autozaliv-presets'] :where(.text-gray-500, .text-gray-600, .dark\:text-gray-300, .dark\:text-gray-400),
body[data-toolkit-page='autozaliv-uploaded'] :where(.text-gray-500, .text-gray-600, .dark\:text-gray-300, .dark\:text-gray-400),
body[data-toolkit-page='loadpreset'] :where(.text-gray-500, .text-gray-600, .dark\:text-gray-300, .dark\:text-gray-400) {
  color: var(--tk-muted) !important;
}

body[data-toolkit-page='autozaliv'] :where(.bg-primary, button.bg-primary),
body[data-toolkit-page='autozaliv-presets'] :where(.bg-primary, button.bg-primary),
body[data-toolkit-page='autozaliv-uploaded'] :where(.bg-primary, button.bg-primary),
body[data-toolkit-page='loadpreset'] :where(.bg-primary, button.bg-primary) {
  color: #161004 !important;
  background: var(--tk-amber) !important;
}

/* Login and standalone admin receive this stylesheet directly. */
body.login-page[data-toolkit-theme] {
  min-height: 100vh;
  color: var(--tk-text);
  background:
    linear-gradient(90deg, rgba(67, 230, 167, 0.14) 0 4px, transparent 4px 100%),
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    #090d0f !important;
  background-size: auto, 48px 48px, 48px 48px, auto !important;
}

body.login-page[data-toolkit-theme] .glow { display: none; }

body.login-page[data-toolkit-theme] .login-card {
  border: 1px solid var(--tk-border);
  border-top-color: rgba(67, 230, 167, 0.66);
  border-radius: var(--tk-radius);
  background: rgba(15, 23, 26, 0.96);
  box-shadow: var(--tk-shadow);
}

body.login-page[data-toolkit-theme] .login-chip {
  color: #a8f5d4;
  border-color: rgba(67, 230, 167, 0.28);
  background: rgba(67, 230, 167, 0.08);
}

body.login-page[data-toolkit-theme] #loginSubmitBtn {
  color: #06110d;
  border-radius: var(--tk-radius);
  background: var(--tk-primary);
  box-shadow: 0 12px 28px rgba(67, 230, 167, 0.18);
}

body[data-toolkit-page='admin'] {
  color: var(--tk-text) !important;
  background: var(--tk-bg) !important;
}

body[data-toolkit-page='admin'] :where(header, aside, main > section, [class*='rounded-xl'], [class*='rounded-2xl']) {
  border-color: var(--tk-border) !important;
  border-radius: var(--tk-radius) !important;
  background-color: rgba(15, 23, 26, 0.94) !important;
}

body[data-toolkit-page='admin'] button[type='submit'] {
  color: #06110d !important;
  border-color: transparent !important;
  border-radius: var(--tk-radius) !important;
  background: var(--tk-primary) !important;
  box-shadow: 0 12px 28px rgba(67, 230, 167, 0.16) !important;
}

@media (max-width: 900px) {
  body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div) {
    animation-delay: 0ms !important;
  }

  body.dashboard-page[data-toolkit-theme] .command-head h1,
  body.settings-page[data-toolkit-theme] .settings-hero-copy h1 {
    font-size: 1.75rem;
    line-height: 1.15;
  }

  body.dashboard-page[data-toolkit-theme] .dashboard-main,
  body.accounts-page[data-toolkit-theme] .accounts-main,
  body.settings-page[data-toolkit-theme] .settings-shell {
    width: min(100% - 16px, 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-toolkit-theme]:not(.monitor-page) *,
  body[data-toolkit-theme]:not(.monitor-page) *::before,
  body[data-toolkit-theme]:not(.monitor-page) *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}

/* ========================================================================== */
/* Green Ops v2: shared presentation layer                                    */
/* ========================================================================== */

body[data-toolkit-theme]:not(.monitor-page) {
  --tk-bg: var(--bg-app);
  --tk-bg-raised: var(--bg-surface-1);
  --tk-surface: var(--bg-surface-1);
  --tk-surface-2: var(--bg-surface-2);
  --tk-surface-3: var(--bg-surface-3);
  --tk-border: var(--border-subtle);
  --tk-border-strong: var(--border-default);
  --tk-text: var(--text-primary);
  --tk-text-soft: var(--text-secondary);
  --tk-muted: var(--text-muted);
  --tk-primary: var(--accent-primary);
  --tk-primary-strong: var(--accent-primary-active);
  --tk-danger: var(--danger);
  --tk-radius: var(--radius-sm);
  --tk-shadow: var(--shadow-md);
  --tk-shadow-soft: var(--shadow-sm);
  --tk-duration: var(--transition-default);
  --tk-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --tk-accent: var(--accent-primary);
  --tk-accent-rgb: 73, 230, 126;
  min-height: 100vh;
  color: var(--text-primary) !important;
  background-color: var(--bg-app) !important;
  background-image:
    radial-gradient(circle at 52% 0%, rgba(28, 105, 69, 0.1), transparent 38%),
    linear-gradient(180deg, #08110f 0%, #07100e 100%) !important;
  background-size: auto !important;
  background-attachment: fixed;
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-variant-numeric: tabular-nums;
  color-scheme: dark;
}

body[data-toolkit-theme]:not(.monitor-page)::before,
body[data-toolkit-theme]:not(.monitor-page)::after {
  display: none !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--text-primary);
  letter-spacing: 0 !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(p, small, .muted, .subtitle, .description) {
  color: var(--text-secondary);
}

body[data-toolkit-theme]:not(.monitor-page) :where(button, [role='button'], a[class]) {
  cursor: pointer;
  touch-action: manipulation;
  transition:
    background-color var(--transition-default) ease,
    border-color var(--transition-default) ease,
    color var(--transition-default) ease,
    box-shadow var(--transition-default) ease,
    transform var(--transition-default) ease,
    opacity var(--transition-default) ease !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(button, [role='button'], a[class]):active:not(:disabled) {
  transform: translateY(0) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(button, [role='button'], a[class]):focus-visible,
body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea):focus-visible {
  outline: 2px solid rgba(73, 230, 126, 0.55) !important;
  outline-offset: 2px !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea) {
  min-height: 40px;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: 9px !important;
  background: var(--bg-input) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea):hover:not(:disabled) {
  border-color: var(--border-hover) !important;
  background: #0b1814 !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea):focus {
  border-color: var(--border-active) !important;
  box-shadow: 0 0 0 3px rgba(73, 230, 126, 0.1) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, textarea)::placeholder {
  color: var(--text-muted) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(input, select, textarea, button):disabled {
  color: var(--text-disabled) !important;
  cursor: not-allowed !important;
  opacity: 0.48 !important;
  box-shadow: none !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .dashboard-identity-card,
  .dashboard-command-main,
  .dashboard-command-side,
  .signal-card,
  .dashboard-card,
  .accounts-panel,
  .accounts-table-card,
  .accounts-modal-dialog,
  .an-toolbar,
  .an-progress,
  .an-panel,
  .an-results-section,
  .rk-toolbar,
  .rk-progress,
  .rk-panel,
  .rk-table-section,
  .traffic-command-bar,
  .analytics-panel,
  .analytics-quality-card,
  .scope-access-card,
  .scope-step-card,
  .scope-calendar-shell,
  .studio-commandbar,
  .studio-library,
  .studio-preview,
  .studio-inspector,
  .fp-commandbar,
  .fp-clone-lane,
  .fp-library,
  .fp-preview,
  .fp-inspector,
  .card,
  .panel,
  .team-messages-hero,
  .team-panel,
  .settings-hero-copy,
  .settings-defaults,
  .settings-card,
  .footer-strip
) {
  border-color: var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  background-color: rgba(12, 23, 20, 0.9) !important;
  background-image: none !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .dashboard-card,
  .analytics-quality-card,
  .scope-access-card,
  .template-card,
  .project-card,
  .asset-card,
  .fp-page-card,
  .fp-template-card,
  .fp-post-editor,
  .campaign-card
):hover {
  transform: translateY(-1px) !important;
  border-color: var(--border-hover) !important;
  background-color: var(--bg-surface-2) !important;
  box-shadow: var(--shadow-sm) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .btn-primary,
  .primary-button,
  .fp-primary-button,
  .an-btn-primary,
  .rk-btn-primary,
  .scope-confirm-btn,
  .run-analysis-btn,
  #runAnalysisBtn,
  #computeBtn,
  #rkAnalyzeBtn,
  button.bg-primary,
  a.bg-primary
) {
  color: var(--text-inverse) !important;
  border-color: transparent !important;
  border-radius: 9px !important;
  background: var(--accent-primary) !important;
  box-shadow: 0 7px 18px rgba(22, 135, 69, 0.13) !important;
  font-weight: 650 !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .btn-primary,
  .primary-button,
  .fp-primary-button,
  .an-btn-primary,
  .rk-btn-primary,
  .scope-confirm-btn,
  .run-analysis-btn,
  #runAnalysisBtn,
  #computeBtn,
  #rkAnalyzeBtn,
  button.bg-primary,
  a.bg-primary
):hover:not(:disabled) {
  color: var(--text-inverse) !important;
  background: var(--accent-primary-hover) !important;
  transform: translateY(-1px) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .an-btn,
  .an-icon-btn,
  .an-mini-btn,
  .rk-btn,
  .rk-icon-btn,
  .rk-mini-btn,
  .scope-buyer-action-btn,
  .scope-clear-btn,
  .icon-button,
  .settings-btn
) {
  min-height: 38px;
  border-radius: 9px !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .badge,
  .status-badge,
  .status-pill,
  .chip,
  .identity-chip,
  .command-status-pill,
  [class*='status-chip']
) {
  min-height: 25px;
  border-radius: 999px !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.is-good, .success, .status-success, .badge-success) {
  color: var(--success) !important;
  border-color: rgba(81, 222, 139, 0.28) !important;
  background-color: var(--success-soft) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.is-warn, .warning, .status-warning, .badge-warning) {
  color: var(--warning) !important;
  border-color: rgba(235, 197, 91, 0.28) !important;
  background-color: var(--warning-soft) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(.is-danger, .danger, .status-danger, .badge-danger) {
  color: var(--danger) !important;
  border-color: rgba(237, 108, 120, 0.28) !important;
  background-color: var(--danger-soft) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(table) {
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

body[data-toolkit-theme]:not(.monitor-page) :where(thead, thead tr, thead th) {
  color: var(--text-secondary) !important;
  border-color: var(--border-subtle) !important;
  background: #0a1512 !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(tbody tr, tbody td) {
  border-color: var(--border-subtle) !important;
}

body[data-toolkit-theme]:not(.monitor-page) tbody tr:hover {
  background: var(--bg-hover) !important;
}

body[data-toolkit-theme]:not(.monitor-page) :where(
  .modal,
  .modal-content,
  .modal-card,
  [role='dialog']
) {
  border-color: var(--border-default) !important;
  color: var(--text-primary);
}

body[data-toolkit-theme]:not(.monitor-page) :where(.modal-overlay, .modal-backdrop, [class*='modal'][class*='fixed'][class*='inset']) {
  backdrop-filter: blur(4px);
}

body[data-toolkit-theme]:not(.monitor-page) * {
  scrollbar-width: thin;
  scrollbar-color: rgba(132, 164, 150, 0.28) transparent;
}

body[data-toolkit-theme]:not(.monitor-page) *::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

body[data-toolkit-theme]:not(.monitor-page) *::-webkit-scrollbar-track {
  background: transparent;
}

body[data-toolkit-theme]:not(.monitor-page) *::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(132, 164, 150, 0.32);
  background-clip: padding-box;
}

body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):not([hidden]) {
  animation: tk-green-enter 300ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):nth-child(2) { animation-delay: 35ms; }
body[data-toolkit-theme]:not(.monitor-page) main > :where(section, header, div):nth-child(3) { animation-delay: 70ms; }

@keyframes tk-green-enter {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  body[data-toolkit-theme]:not(.monitor-page) main {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-toolkit-theme] *,
  body[data-toolkit-theme] *::before,
  body[data-toolkit-theme] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (min-width: 761px) and (max-width: 1400px) {
  body.dashboard-page .dashboard-support-button {
    width: 58px;
    min-width: 58px;
    padding-inline: 0;
    justify-content: center;
  }

  body.dashboard-page .dashboard-support-copy,
  body.dashboard-page .dashboard-support-external {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

body.accounts-page[data-toolkit-theme] {
  --tk-accent: var(--accent-primary);
  --tk-accent-rgb: 73, 230, 126;
  --accounts-accent: var(--accent-primary);
  --accounts-border-strong: rgba(73, 230, 126, .34);
}

body.accounts-page[data-toolkit-theme] .accounts-health-card:nth-child(1) {
  border-top-color: rgba(73, 230, 126, .65) !important;
}

body.accounts-page[data-toolkit-theme] .accounts-primary-btn,
body.accounts-page[data-toolkit-theme] .accounts-table-btn--primary {
  color: var(--text-inverse, #031109);
  border-color: rgba(73, 230, 126, .4);
  background: var(--accent-primary, #49e67e);
  box-shadow: 0 10px 24px rgba(22, 135, 69, .16);
}

body.accounts-page[data-toolkit-theme] .accounts-primary-btn:hover,
body.accounts-page[data-toolkit-theme] .accounts-primary-btn:focus-visible,
body.accounts-page[data-toolkit-theme] .accounts-table-btn--primary:hover,
body.accounts-page[data-toolkit-theme] .accounts-table-btn--primary:focus-visible {
  color: var(--text-inverse, #031109);
  border-color: rgba(116, 239, 158, .55);
  background: var(--accent-primary-hover, #5ded8d);
}

body.accounts-page[data-toolkit-theme] .accounts-row:hover td {
  background: rgba(73, 230, 126, .045) !important;
}

body.traffic-analytics-page[data-toolkit-theme] {
  --tk-accent: var(--accent-primary);
  --tk-accent-rgb: 73, 230, 126;
}

body.traffic-analytics-page[data-toolkit-theme] #computeBtn,
body.traffic-analytics-page[data-toolkit-theme] #loadAccountsBtn,
body.traffic-analytics-page[data-toolkit-theme] #loadAdAccountsBtn,
body.traffic-analytics-page[data-toolkit-theme] #saveBinomKeyBtn,
body.traffic-analytics-page[data-toolkit-theme] .scope-confirm-btn {
  color: var(--text-inverse, #031109) !important;
  border-color: rgba(73, 230, 126, .4) !important;
  background: var(--accent-primary, #49e67e) !important;
  box-shadow: 0 10px 24px rgba(22, 135, 69, .14) !important;
}

body.traffic-analytics-page[data-toolkit-theme] #computeBtn:hover,
body.traffic-analytics-page[data-toolkit-theme] #loadAccountsBtn:hover,
body.traffic-analytics-page[data-toolkit-theme] #loadAdAccountsBtn:hover,
body.traffic-analytics-page[data-toolkit-theme] #saveBinomKeyBtn:hover,
body.traffic-analytics-page[data-toolkit-theme] .scope-confirm-btn:hover {
  color: var(--text-inverse, #031109) !important;
  background: var(--accent-primary-hover, #5ded8d) !important;
  transform: none !important;
}

body.traffic-analytics-page[data-toolkit-theme] .mode-btn.active,
body.traffic-analytics-page[data-toolkit-theme] .data-mode-btn.active,
body.traffic-analytics-page[data-toolkit-theme] .platform-toggle.active,
body.traffic-analytics-page[data-toolkit-theme] .density-btn.active,
body.traffic-analytics-page[data-toolkit-theme] .checkbox-label:has(input:checked) {
  border-color: rgba(73, 230, 126, .34) !important;
  background: rgba(73, 230, 126, .11) !important;
  color: #c8f8d8 !important;
}

body.traffic-analytics-page[data-toolkit-theme] :where(
  .list-item,
  .checkbox-label,
  .mode-btn,
  .data-mode-btn,
  .platform-toggle,
  #exportXlsxBtn,
  #openLastParseBtn,
  #refreshLastParseBtn,
  #selectAllBtn,
  #clearSelectionBtn,
  #selectAllAdAccBtn,
  #clearAdAccBtn,
  #binomSettingsBtn
):hover {
  transform: none !important;
  border-color: rgba(73, 230, 126, .28) !important;
  background: rgba(73, 230, 126, .07) !important;
}

html:has(body[data-toolkit-theme]) {
  background: var(--bg-app, #07100e) !important;
}

body.settings-page[data-toolkit-theme] {
  --settings-card: rgba(12, 23, 20, .94);
  --settings-card-strong: rgba(8, 18, 15, .98);
  --settings-border: var(--border-subtle);
  --settings-border-strong: var(--border-default);
  --settings-text: var(--text-primary);
  --settings-muted: var(--text-secondary);
  --settings-shadow: var(--shadow-md);
}

body.settings-page[data-toolkit-theme] :where(
  .settings-hero-copy,
  .settings-defaults,
  .settings-card,
  .footer-strip
) {
  border-radius: var(--radius-md, 12px) !important;
  border-color: var(--border-subtle) !important;
  background: var(--bg-surface-1, #0c1714) !important;
  box-shadow: var(--shadow-sm) !important;
}

body.settings-page[data-toolkit-theme] :where(
  .settings-hero-copy,
  .settings-defaults,
  .settings-card,
  .footer-strip
)::before {
  display: none !important;
}

body.settings-page[data-toolkit-theme] .settings-btn.primary {
  color: var(--text-inverse) !important;
  border-color: rgba(73, 230, 126, .4) !important;
  background: var(--accent-primary) !important;
  box-shadow: 0 8px 20px rgba(22, 135, 69, .14) !important;
}

body.settings-page[data-toolkit-theme] .settings-btn.primary:hover:not(:disabled) {
  background: var(--accent-primary-hover) !important;
  transform: none !important;
}

body[data-toolkit-page='admin'] {
  --tk-accent: var(--accent-primary);
  --tk-accent-rgb: 73, 230, 126;
  background: var(--bg-app) !important;
}

body[data-toolkit-page='admin'] :where(.bg-primary, button.bg-primary) {
  color: var(--text-inverse) !important;
  background-color: var(--accent-primary) !important;
}

body[data-toolkit-page='admin'] :where(.bg-primary, button.bg-primary):hover:not(:disabled) {
  background-color: var(--accent-primary-hover) !important;
}

body[data-toolkit-page='admin'] [class~='bg-primary/10'] {
  color: var(--accent-primary) !important;
  background-color: var(--accent-soft) !important;
}

body[data-toolkit-page='admin'] :where(.text-primary, .hover\:text-primary:hover) {
  color: var(--accent-primary) !important;
}

body[data-toolkit-page='admin'] :where(input, select, textarea) {
  border-color: var(--border-default) !important;
  color: var(--text-primary) !important;
  background: var(--bg-input) !important;
}

body[data-toolkit-page='admin'] :where(input, select, textarea):focus {
  border-color: var(--border-active) !important;
  box-shadow: 0 0 0 2px rgba(73, 230, 126, .12) !important;
}

body.dashboard-page[data-toolkit-theme] :where(#dashboardParseStatus, #dashboardBinomSignal) {
  min-height: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Compact settings workspace: controls first, explanations on demand. */
body.settings-page[data-toolkit-theme] .settings-shell {
  width: min(1520px, calc(100% - 32px));
  margin-block: 28px 36px;
  gap: 14px;
}

body.settings-page[data-toolkit-theme] .settings-hero {
  align-items: start;
  gap: 14px;
}

body.settings-page[data-toolkit-theme] :where(
  .settings-hero-copy,
  .settings-defaults,
  .settings-card
) {
  padding: 16px !important;
}

body.settings-page[data-toolkit-theme] .settings-hero-copy h1 {
  margin-block: 12px 6px;
  font-size: clamp(1.9rem, 3vw, 2.55rem);
  line-height: 1.1;
}

body.settings-page[data-toolkit-theme] .settings-hero-copy p {
  max-width: 68ch;
  margin: 0;
  font-size: .84rem;
  line-height: 1.5;
}

body.settings-page[data-toolkit-theme] .settings-defaults {
  gap: 10px;
}

body.settings-page[data-toolkit-theme] .settings-defaults h2 {
  font-size: 1.25rem;
}

body.settings-page[data-toolkit-theme] .defaults-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.settings-page[data-toolkit-theme] .defaults-item {
  min-height: 42px;
  padding: 9px 11px;
  border-radius: var(--radius-sm) !important;
}

body.settings-page[data-toolkit-theme] .settings-grid,
body.settings-page[data-toolkit-theme] .settings-column {
  gap: 14px;
}

body.settings-page[data-toolkit-theme] .settings-card {
  gap: 12px;
}

body.settings-page[data-toolkit-theme] .card-head {
  gap: 10px;
}

body.settings-page[data-toolkit-theme] .card-subtitle {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: .78rem;
  line-height: 1.45;
}

body.settings-page[data-toolkit-theme] :where(.compact-grid, .stack-list, .verify-list) {
  gap: 8px;
}

body.settings-page[data-toolkit-theme] :where(.switch-row, .stack-item, .verify-item) {
  padding: 10px 12px;
  border-radius: var(--radius-sm) !important;
}

body.settings-page[data-toolkit-theme] .settings-disclosure {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, .025);
}

body.settings-page[data-toolkit-theme] .settings-disclosure > summary {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  color: var(--text-secondary);
  cursor: pointer;
  list-style: none;
  font-size: .76rem;
  font-weight: 700;
}

body.settings-page[data-toolkit-theme] .settings-disclosure > summary::-webkit-details-marker {
  display: none;
}

body.settings-page[data-toolkit-theme] .settings-disclosure .helper-note {
  margin: 0 8px 8px;
  padding: 9px 10px;
  font-size: .75rem;
}

@media (min-width: 1000px) {
  body.settings-page[data-toolkit-theme] .settings-hero {
    grid-template-columns: 1fr;
  }

  body.settings-page[data-toolkit-theme] .settings-defaults {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }

  body.settings-page[data-toolkit-theme] .settings-defaults h2 {
    white-space: nowrap;
  }

  body.settings-page[data-toolkit-theme] .defaults-list {
    grid-template-columns: repeat(5, minmax(96px, 1fr));
  }

  body.settings-page[data-toolkit-theme] .settings-defaults > .settings-disclosure {
    grid-column: 1 / 3;
  }

  body.settings-page[data-toolkit-theme] .settings-defaults > .settings-btn {
    grid-column: 3;
    grid-row: 1 / 3;
    min-width: 190px;
  }
}

@media (max-width: 760px) {
  body.settings-page[data-toolkit-theme] .settings-shell {
    width: min(100% - 18px, 100%);
    margin-top: 14px;
  }

  body.settings-page[data-toolkit-theme] .settings-hero-copy p,
  body.settings-page[data-toolkit-theme] .card-subtitle {
    display: none;
  }

  body.settings-page[data-toolkit-theme] .defaults-list {
    grid-template-columns: 1fr;
  }
}