/*
 * Consumer Trends Digest Intelligence Platform
 * Enterprise Experience Platform v3.18.16
 * Presentation only. Canonical domain authority remains in application services.
 */
:root {
  --ux-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ux-font-display: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  --ux-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ux-bg: #f3f6fa;
  --ux-bg-elevated: #f8fafc;
  --ux-surface: #ffffff;
  --ux-surface-soft: #f7f9fc;
  --ux-surface-strong: #edf2f7;
  --ux-ink: #0e1b2d;
  --ux-ink-2: #26384f;
  --ux-muted: #64748b;
  --ux-muted-2: #8996a8;
  --ux-line: #dce4ee;
  --ux-line-strong: #c6d2df;
  --ux-navy: #071527;
  --ux-navy-2: #0a2440;
  --ux-teal: #0b806d;
  --ux-teal-2: #13a78b;
  --ux-cyan: #2a9dc4;
  --ux-gold: #d5a62d;
  --ux-purple: #7456d8;
  --ux-critical: #b32634;
  --ux-high: #d65d28;
  --ux-warning: #a96f09;
  --ux-success: #08745e;
  --ux-info: #2463b8;
  --ux-shadow-sm: 0 4px 12px rgba(14, 31, 53, .05);
  --ux-shadow: 0 18px 44px rgba(14, 31, 53, .09);
  --ux-shadow-lg: 0 32px 80px rgba(4, 18, 36, .18);
  --ux-radius-xs: 7px;
  --ux-radius-sm: 10px;
  --ux-radius: 16px;
  --ux-radius-lg: 24px;
  --ux-sidebar: 286px;
  --ux-sidebar-collapsed: 84px;
  --ux-topbar: 76px;
  --ux-transition: 180ms cubic-bezier(.2, .8, .2, 1);
  --ux-chart-1: #13a78b;
  --ux-chart-2: #4285d4;
  --ux-chart-3: #d5a62d;
  --ux-chart-4: #7456d8;
  --ux-chart-5: #d65d28;
  color-scheme: light;
}

html[data-theme="dark"] {
  --ux-bg: #08111e;
  --ux-bg-elevated: #0b1726;
  --ux-surface: #101f31;
  --ux-surface-soft: #122438;
  --ux-surface-strong: #172b41;
  --ux-ink: #edf5fc;
  --ux-ink-2: #c5d4e3;
  --ux-muted: #92a6bb;
  --ux-muted-2: #71859a;
  --ux-line: #243b52;
  --ux-line-strong: #36516a;
  --ux-shadow-sm: 0 4px 12px rgba(0, 0, 0, .18);
  --ux-shadow: 0 20px 50px rgba(0, 0, 0, .28);
  --ux-shadow-lg: 0 36px 90px rgba(0, 0, 0, .42);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    --ux-bg: #08111e;
    --ux-bg-elevated: #0b1726;
    --ux-surface: #101f31;
    --ux-surface-soft: #122438;
    --ux-surface-strong: #172b41;
    --ux-ink: #edf5fc;
    --ux-ink-2: #c5d4e3;
    --ux-muted: #92a6bb;
    --ux-muted-2: #71859a;
    --ux-line: #243b52;
    --ux-line-strong: #36516a;
    --ux-shadow-sm: 0 4px 12px rgba(0, 0, 0, .18);
    --ux-shadow: 0 20px 50px rgba(0, 0, 0, .28);
    --ux-shadow-lg: 0 36px 90px rgba(0, 0, 0, .42);
    color-scheme: dark;
  }
}

html[data-density="compact"] {
  --ux-topbar: 66px;
}

.enterprise-admin {
  margin: 0;
  background: var(--ux-bg);
  color: var(--ux-ink);
  font-family: var(--ux-font-sans);
  font-size: 14px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.enterprise-admin *,
.enterprise-admin *::before,
.enterprise-admin *::after { box-sizing: border-box; }
.enterprise-admin a { color: inherit; }
.enterprise-admin button,
.enterprise-admin input,
.enterprise-admin select,
.enterprise-admin textarea { font: inherit; }
.enterprise-admin .ui-icon { width: 20px; height: 20px; fill: currentColor; flex: 0 0 auto; }
.enterprise-admin .skip-link { z-index: 10000; }

.enterprise-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--ux-sidebar) minmax(0, 1fr);
  background:
    radial-gradient(circle at 76% -20%, rgba(42, 157, 196, .10), transparent 34rem),
    var(--ux-bg);
  transition: grid-template-columns var(--ux-transition);
}

body.sidebar-is-collapsed .enterprise-shell { grid-template-columns: var(--ux-sidebar-collapsed) minmax(0, 1fr); }

.enterprise-sidebar {
  position: sticky;
  inset: 0 auto 0 0;
  z-index: 40;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #dce8f4;
  background:
    radial-gradient(circle at 20% 0%, rgba(19, 167, 139, .16), transparent 22rem),
    linear-gradient(180deg, #061321 0%, #091b2e 58%, #071523 100%);
  border-right: 1px solid rgba(255,255,255,.07);
  box-shadow: 18px 0 44px rgba(3, 14, 28, .08);
}

.enterprise-brand {
  min-height: 86px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.enterprise-brand > a {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  flex: 1 1 auto;
}
.enterprise-brand img {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  box-shadow: 0 12px 26px rgba(0,0,0,.25);
}
.enterprise-brand strong,
.enterprise-brand small { display: block; white-space: nowrap; }
.enterprise-brand strong { font-size: 14px; letter-spacing: -.01em; }
.enterprise-brand small { margin-top: 2px; color: #8ea6bd; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }

.icon-button {
  width: 38px;
  height: 38px;
  min-width: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  color: var(--ux-ink-2);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: color var(--ux-transition), background var(--ux-transition), border-color var(--ux-transition), transform var(--ux-transition);
}
.icon-button:hover { background: var(--ux-surface-strong); border-color: var(--ux-line); color: var(--ux-ink); }
.icon-button:active { transform: translateY(1px); }
.enterprise-sidebar .icon-button { color: #8fa8c0; }
.enterprise-sidebar .icon-button:hover { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.08); }

.workspace-health {
  margin: 14px 14px 4px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;
  background: rgba(255,255,255,.045);
}
.workspace-health strong,
.workspace-health small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-health strong { color: #eef7ff; font-size: 12px; text-transform: capitalize; }
.workspace-health small { color: #8fa6bb; font-size: 10px; }
.health-orb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7e91a4;
  box-shadow: 0 0 0 5px rgba(126,145,164,.14);
}
.status-healthy .health-orb { background: #27d4aa; box-shadow: 0 0 0 5px rgba(39,212,170,.13); }
.status-degraded .health-orb { background: #f0ad3c; box-shadow: 0 0 0 5px rgba(240,173,60,.14); }
.status-critical .health-orb { background: #ff5f6d; box-shadow: 0 0 0 5px rgba(255,95,109,.14); }

.enterprise-nav {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 12px 24px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.18) transparent;
}
.enterprise-nav-group { margin-top: 15px; }
.enterprise-nav-label {
  margin: 0 10px 7px;
  color: #647f9a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}
.enterprise-nav-link {
  min-height: 40px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 2px 0;
  padding: 8px 10px;
  color: #aebfd0;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: background var(--ux-transition), color var(--ux-transition), border-color var(--ux-transition), transform var(--ux-transition);
}
.enterprise-nav-link:hover { color: #fff; background: rgba(255,255,255,.055); transform: translateX(2px); }
.enterprise-nav-link.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(19,167,139,.22), rgba(42,157,196,.10));
  border-color: rgba(67,208,181,.17);
  box-shadow: inset 3px 0 #2dd0a9;
}
.enterprise-nav-link .ui-icon { color: #7895ae; }
.enterprise-nav-link.active .ui-icon,
.enterprise-nav-link:hover .ui-icon { color: #4cdbb8; }
.enterprise-nav-link > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; font-size: 12px; }
.nav-count {
  min-width: 22px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 99px;
  color: #041a18;
  background: #47dbb8;
  font-size: 9px;
}
.enterprise-sidebar-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 18px 16px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: #6f879d;
  font-size: 10px;
}
.enterprise-sidebar-foot a { color: #8ea8bf; text-decoration: none; }
.enterprise-sidebar-foot a:hover { color: #fff; }

body.sidebar-is-collapsed .enterprise-brand span,
body.sidebar-is-collapsed .workspace-health div,
body.sidebar-is-collapsed .enterprise-nav-label,
body.sidebar-is-collapsed .enterprise-nav-link > span,
body.sidebar-is-collapsed .nav-count,
body.sidebar-is-collapsed .enterprise-sidebar-foot a { display: none; }
body.sidebar-is-collapsed .enterprise-brand { padding-inline: 18px; }
body.sidebar-is-collapsed .enterprise-brand > a { flex: 0 0 auto; }
body.sidebar-is-collapsed .enterprise-brand img { width: 42px; height: 42px; }
body.sidebar-is-collapsed .sidebar-collapse { transform: rotate(180deg); }
body.sidebar-is-collapsed .workspace-health { grid-template-columns: 1fr; justify-items: center; padding: 13px 8px; }
body.sidebar-is-collapsed .enterprise-nav-link { grid-template-columns: 1fr; justify-items: center; padding: 9px; }
body.sidebar-is-collapsed .enterprise-sidebar-foot { justify-content: center; }

.enterprise-main { min-width: 0; }
.enterprise-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: var(--ux-topbar);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 28px;
  color: var(--ux-ink);
  background: color-mix(in srgb, var(--ux-surface) 88%, transparent);
  border-bottom: 1px solid var(--ux-line);
  backdrop-filter: saturate(150%) blur(18px);
}
.topbar-leading,
.topbar-actions { display: flex; align-items: center; gap: 10px; min-width: 0; }
.enterprise-title { min-width: 0; }
.enterprise-title span { display: block; color: var(--ux-muted); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.enterprise-title h1 { margin: 2px 0 0; color: var(--ux-ink); font-size: 18px; line-height: 1.15; letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mobile-nav-toggle { display: none; }
.topbar-health {
  height: 42px;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  color: var(--ux-ink-2);
  text-decoration: none;
  border: 1px solid var(--ux-line);
  border-radius: 11px;
  background: var(--ux-surface-soft);
}
.topbar-health > span { width: 8px; height: 8px; border-radius: 50%; background: var(--ux-muted-2); }
.topbar-health.status-healthy > span { background: #1caf8d; }
.topbar-health.status-degraded > span { background: #e69f25; }
.topbar-health.status-critical > span { background: #d64550; }
.topbar-health strong { font-size: 13px; }
.topbar-health small { color: var(--ux-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
kbd {
  min-width: 23px;
  display: inline-grid;
  place-items: center;
  padding: 2px 5px;
  color: var(--ux-muted);
  background: var(--ux-surface-strong);
  border: 1px solid var(--ux-line);
  border-bottom-color: var(--ux-line-strong);
  border-radius: 5px;
  font: 10px/1.4 var(--ux-font-mono);
}
.user-menu { position: relative; }
.user-menu > summary {
  min-height: 44px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 3px 6px 3px 3px;
  list-style: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 12px;
}
.user-menu > summary::-webkit-details-marker { display: none; }
.user-menu[open] > summary,
.user-menu > summary:hover { background: var(--ux-surface-soft); border-color: var(--ux-line); }
.user-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--ux-teal), var(--ux-cyan));
  font-weight: 850;
}
.user-summary strong,
.user-summary small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-summary strong { font-size: 11px; }
.user-summary small { color: var(--ux-muted); font-size: 9px; }
.user-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 250px;
  display: grid;
  gap: 4px;
  padding: 10px;
  background: var(--ux-surface);
  border: 1px solid var(--ux-line);
  border-radius: 14px;
  box-shadow: var(--ux-shadow-lg);
}
.user-menu-panel > div { padding: 9px 10px 12px; border-bottom: 1px solid var(--ux-line); }
.user-menu-panel strong,
.user-menu-panel small { display: block; }
.user-menu-panel small { color: var(--ux-muted); }
.user-menu-panel a,
.user-menu-panel .button,
.user-menu-panel button { width: 100%; display: flex; justify-content: space-between; padding: 9px 10px; border-radius: 8px; text-decoration: none; }
.user-menu-panel a:hover { background: var(--ux-surface-soft); }
.user-menu-panel form { margin: 0; }

.enterprise-content {
  width: min(1600px, 100%);
  margin: 0 auto;
  padding: 25px 28px 70px;
}
.workspace-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
  padding: 0 2px;
}
.workspace-intro h2 { margin: 4px 0 6px; color: var(--ux-ink); font-size: clamp(22px, 2.1vw, 31px); line-height: 1.12; letter-spacing: -.035em; }
.workspace-intro > div:first-child > p:last-child { max-width: 850px; margin: 0; color: var(--ux-muted); }
.workspace-intro-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.workspace-intro-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  color: var(--ux-muted);
  background: var(--ux-surface-soft);
  border: 1px solid var(--ux-line);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.workspace-intro-meta i { width: 6px; height: 6px; border-radius: 50%; background: var(--ux-teal-2); box-shadow: 0 0 0 4px rgba(19,167,139,.10); }
.workspace-body { min-width: 0; }

/* Global component refinement without changing existing forms or authority. */
.enterprise-admin .card,
.enterprise-admin .metric,
.enterprise-admin details.card {
  color: var(--ux-ink);
  background: var(--ux-surface);
  border-color: var(--ux-line);
  border-radius: var(--ux-radius);
  box-shadow: var(--ux-shadow-sm);
}
.enterprise-admin .card { padding: 21px; }
.enterprise-admin .card:hover { border-color: color-mix(in srgb, var(--ux-line-strong) 75%, var(--ux-teal)); }
.enterprise-admin .hero,
.enterprise-admin .hero-panel {
  border-radius: var(--ux-radius-lg);
  border-color: color-mix(in srgb, var(--ux-line) 70%, var(--ux-teal));
  box-shadow: var(--ux-shadow);
}
.enterprise-admin .hero-panel {
  color: var(--ux-ink);
  background:
    radial-gradient(circle at 93% 8%, rgba(19,167,139,.16), transparent 24rem),
    linear-gradient(135deg, var(--ux-surface) 0%, var(--ux-surface-soft) 100%);
}
.enterprise-admin .hero-panel h2 { color: var(--ux-ink); }
.enterprise-admin .hero-panel > div > p:last-child { color: var(--ux-muted); }
.enterprise-admin .hero-status { color: var(--ux-ink); background: color-mix(in srgb, var(--ux-surface) 84%, transparent); border-color: var(--ux-line); }
.enterprise-admin .hero-status small { color: var(--ux-muted); }
.enterprise-admin .muted { color: var(--ux-muted); }
.enterprise-admin .eyebrow { color: var(--ux-teal); }
.enterprise-admin .button,
.enterprise-admin button:not(.icon-button) {
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 9px;
  background: var(--ux-teal);
  box-shadow: none;
  transition: background var(--ux-transition), color var(--ux-transition), border-color var(--ux-transition), transform var(--ux-transition), box-shadow var(--ux-transition);
}
.enterprise-admin .button:hover,
.enterprise-admin button:not(.icon-button):hover { background: #076b5b; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(8,116,94,.16); }
.enterprise-admin .button.secondary,
.enterprise-admin button.secondary { color: var(--ux-ink); background: var(--ux-surface-strong); border: 1px solid var(--ux-line); }
.enterprise-admin .button.ghost,
.enterprise-admin button.ghost { color: var(--ux-teal); background: transparent; border: 1px solid color-mix(in srgb, var(--ux-teal) 35%, var(--ux-line)); }
.enterprise-admin .button.danger,
.enterprise-admin button.danger { background: var(--ux-critical); }
.enterprise-admin input,
.enterprise-admin select,
.enterprise-admin textarea {
  color: var(--ux-ink);
  background: var(--ux-surface);
  border-color: var(--ux-line-strong);
  border-radius: 9px;
}
.enterprise-admin input:focus,
.enterprise-admin select:focus,
.enterprise-admin textarea:focus { outline: 3px solid color-mix(in srgb, var(--ux-teal) 16%, transparent); border-color: var(--ux-teal); }
.enterprise-admin table { color: var(--ux-ink-2); }
.enterprise-admin th { color: var(--ux-muted); }
.enterprise-admin th,
.enterprise-admin td { border-color: var(--ux-line); }
.enterprise-admin tbody tr:hover { background: color-mix(in srgb, var(--ux-teal) 4%, var(--ux-surface)); }
html[data-density="compact"] .enterprise-admin th,
html[data-density="compact"] .enterprise-admin td { padding-block: 7px; }
html[data-density="compact"] .enterprise-admin .card { padding: 16px; }
.enterprise-admin .badge { background: var(--ux-surface-strong); color: var(--ux-ink-2); border: 1px solid var(--ux-line); }
.enterprise-admin .badge.healthy,
.enterprise-admin .badge.active,
.enterprise-admin .badge.approved,
.enterprise-admin .badge.completed,
.enterprise-admin .badge.published,
.enterprise-admin .badge.ready { background: color-mix(in srgb, var(--ux-success) 12%, var(--ux-surface)); color: var(--ux-success); border-color: color-mix(in srgb, var(--ux-success) 25%, var(--ux-line)); }
.enterprise-admin .badge.degraded,
.enterprise-admin .badge.pending,
.enterprise-admin .badge.pending_review,
.enterprise-admin .badge.draft { background: color-mix(in srgb, var(--ux-gold) 14%, var(--ux-surface)); color: var(--ux-warning); border-color: color-mix(in srgb, var(--ux-gold) 30%, var(--ux-line)); }
.enterprise-admin .badge.critical,
.enterprise-admin .badge.failed,
.enterprise-admin .badge.rejected,
.enterprise-admin .badge.blocked { background: color-mix(in srgb, var(--ux-critical) 10%, var(--ux-surface)); color: var(--ux-critical); border-color: color-mix(in srgb, var(--ux-critical) 24%, var(--ux-line)); }
.enterprise-admin .notice { border-radius: 12px; box-shadow: var(--ux-shadow-sm); }
.enterprise-admin .code { font-family: var(--ux-font-mono); }
.enterprise-admin details:not(.user-menu):not(.operational-ledger) { background: var(--ux-surface-soft); border-color: var(--ux-line); }
.enterprise-admin details > summary { color: var(--ux-ink-2); }

/* Command Center */
.command-center { display: grid; gap: 20px; }
.command-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr);
  gap: 28px;
  min-height: 330px;
  padding: clamp(26px, 4vw, 48px);
  color: #fff;
  background:
    radial-gradient(circle at 82% 16%, rgba(45,208,169,.22), transparent 19rem),
    radial-gradient(circle at 8% 110%, rgba(42,157,196,.18), transparent 28rem),
    linear-gradient(135deg, #061426 0%, #0a2d45 54%, #0b5f57 115%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(5,25,45,.22);
}
.command-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000 40%, #000);
}
.command-hero-copy { position: relative; z-index: 1; align-self: center; }
.command-hero .eyebrow { color: #76ecd0; }
.command-hero h2 { max-width: 850px; margin: 8px 0 14px; font-size: clamp(31px, 4vw, 58px); line-height: 1.01; letter-spacing: -.052em; }
.command-hero-copy > p:not(.eyebrow) { max-width: 760px; margin: 0; color: #c8dbe7; font-size: 15px; line-height: 1.7; }
.live-indicator { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 24px; color: #d6e7f0; }
.live-indicator > span,
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #3ce0b7; box-shadow: 0 0 0 6px rgba(60,224,183,.10); }
.live-indicator strong { font-size: 11px; text-transform: uppercase; letter-spacing: .09em; }
.live-indicator small { color: #8fb0c3; }
.hero-quick-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.command-hero .button { color: #fff; background: #0b8e78; }
.command-hero .button.secondary { color: #eef8ff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.15); }
.command-hero .button.ghost { color: #9ff2dd; border-color: rgba(159,242,221,.3); }
.health-gauge-card {
  position: relative;
  z-index: 1;
  align-self: center;
  min-height: 250px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  padding: 24px;
  text-align: center;
  background: rgba(3,18,32,.42);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  backdrop-filter: blur(15px);
}
.health-gauge-card > div:not(.health-gauge) strong { display: block; font-size: 17px; text-transform: capitalize; }
.health-gauge-card > div:not(.health-gauge) small { color: #93afc1; }
.health-gauge-card > a { color: #88ecd3; text-decoration: none; font-weight: 750; }
.health-gauge { position: relative; width: 150px; aspect-ratio: 1; display: grid; place-items: center; }
.health-gauge svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.health-gauge circle { fill: none; stroke-width: 10; }
.health-gauge .gauge-track { stroke: rgba(255,255,255,.10); }
.health-gauge .gauge-value { stroke: #41d8b3; stroke-linecap: round; transition: stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1); }
.health-gauge > span { display: flex; align-items: baseline; gap: 3px; color: #fff; }
.health-gauge strong { font-size: 44px; line-height: 1; letter-spacing: -.05em; }
.health-gauge small { color: #8faec0; }

.live-kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.live-kpi {
  position: relative;
  min-height: 145px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 18px;
  color: var(--ux-ink);
  text-decoration: none;
  background: var(--ux-surface);
  border: 1px solid var(--ux-line);
  border-radius: 16px;
  box-shadow: var(--ux-shadow-sm);
  transition: transform var(--ux-transition), box-shadow var(--ux-transition), border-color var(--ux-transition);
}
.live-kpi::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--ux-teal-2), var(--ux-cyan)); border-radius: 16px 16px 0 0; }
.live-kpi:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--ux-teal) 35%, var(--ux-line)); box-shadow: var(--ux-shadow); }
.live-kpi > span { color: var(--ux-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.live-kpi strong { margin: 4px 0 2px; font-size: clamp(23px, 2.2vw, 35px); line-height: 1; letter-spacing: -.045em; }
.live-kpi small { color: var(--ux-muted); font-size: 10px; }
.live-kpi i { position: absolute; top: 15px; right: 15px; color: var(--ux-muted-2); font-style: normal; }

.live-dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dashboard-visual {
  min-width: 0;
  padding: 20px;
  background: var(--ux-surface);
  border: 1px solid var(--ux-line);
  border-radius: 18px;
  box-shadow: var(--ux-shadow-sm);
}
.dashboard-visual.span-2 { grid-column: span 2; }
.dashboard-visual > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.dashboard-visual h2 { margin: 2px 0 0; font-size: 18px; letter-spacing: -.025em; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ux-muted); font-size: 9px; }
.chart-legend span { display: flex; align-items: center; gap: 5px; }
.chart-legend span::before { content: ""; width: 7px; height: 7px; border-radius: 2px; }
.legend-collections::before { background: var(--ux-chart-1); }
.legend-decisions::before { background: var(--ux-chart-2); }
.legend-outcomes::before { background: var(--ux-chart-3); }
.chart-stage { width: 100%; min-height: 250px; position: relative; overflow: hidden; }
.chart-stage.compact { min-height: 180px; }
.chart-stage.micro { min-height: 82px; }
.chart-stage.donut { min-height: 180px; }
.chart-stage svg { width: 100%; height: 100%; display: block; overflow: visible; }
.chart-loading { min-height: inherit; display: grid; place-items: center; color: var(--ux-muted); background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ux-surface-strong) 65%, transparent), transparent); background-size: 220% 100%; animation: ux-shimmer 1.7s linear infinite; border-radius: 12px; }
.chart-fallback { min-height: inherit; display: grid; align-content: center; justify-items: center; gap: 5px; padding: 18px; text-align: center; color: var(--ux-muted); background: var(--ux-surface-soft); border: 1px dashed var(--ux-line-strong); border-radius: 12px; }
.chart-fallback strong { color: var(--ux-ink); font-size: 13px; letter-spacing: -.01em; }
.chart-fallback small { max-width: 44rem; color: inherit; font-size: 10px; line-height: 1.5; }
.chart-fallback.inverse { color: #a8c1d1; background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.13); }
.chart-fallback.inverse strong { color: #fff; }
@keyframes ux-shimmer { to { background-position: -220% 0; } }
.chart-grid-line { stroke: var(--ux-line); stroke-width: 1; }
.chart-axis-label { fill: var(--ux-muted); font: 9px var(--ux-font-sans); }
.chart-line { fill: none; stroke: var(--ux-chart-1); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.chart-area { fill: color-mix(in srgb, var(--ux-chart-1) 12%, transparent); }
.chart-point { fill: var(--ux-surface); stroke: var(--ux-chart-1); stroke-width: 2; }
.chart-bar { rx: 3; }
.chart-status { padding: 4px 8px; border-radius: 99px; color: var(--ux-muted); background: var(--ux-surface-strong); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.chart-status.status-healthy { color: var(--ux-success); background: color-mix(in srgb, var(--ux-success) 10%, var(--ux-surface)); }
.chart-status.status-degraded { color: var(--ux-warning); background: color-mix(in srgb, var(--ux-gold) 12%, var(--ux-surface)); }
.chart-status.status-critical { color: var(--ux-critical); background: color-mix(in srgb, var(--ux-critical) 10%, var(--ux-surface)); }
.chart-total { font-size: 17px; letter-spacing: -.03em; }
.donut-layout { display: grid; grid-template-columns: minmax(130px, .85fr) minmax(130px, 1fr); gap: 10px; align-items: center; }
.visual-key { display: grid; gap: 8px; margin: 0; }
.visual-key > div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 7px; border-bottom: 1px solid var(--ux-line); }
.visual-key dt { color: var(--ux-muted); }
.visual-key dd { margin: 0; font-weight: 800; }
.revenue-currency-key {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px 14px;
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--ux-line);
}
.revenue-currency-key > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.revenue-currency-key dt { display: inline-flex; align-items: center; gap: 7px; color: var(--ux-muted); font-size: 10px; font-weight: 800; }
.revenue-currency-key dd { margin: 0; overflow: hidden; color: var(--ux-ink); font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.chart-key-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 99px; background: var(--ux-chart-1); }
.chart-key-dot.chart-series-0 { background: var(--ux-chart-1); }
.chart-key-dot.chart-series-1 { background: var(--ux-chart-2); }
.chart-key-dot.chart-series-2 { background: var(--ux-chart-3); }
.chart-key-dot.chart-series-3 { background: var(--ux-chart-4); }
.chart-key-dot.chart-series-4 { background: var(--ux-chart-5); }
.mini-stat-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 9px; color: var(--ux-muted); font-size: 9px; }
.mini-stat-row b { color: var(--ux-ink); }

.intelligence-flow {
  padding: 22px;
  background: var(--ux-surface);
  border: 1px solid var(--ux-line);
  border-radius: 19px;
  box-shadow: var(--ux-shadow-sm);
}
.enterprise-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.enterprise-section-heading h2 { margin: 2px 0 0; font-size: 21px; letter-spacing: -.03em; }
.section-caption { color: var(--ux-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.intelligence-flow ol { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.intelligence-flow li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 16px 14px; border-right: 1px solid var(--ux-line); }
.intelligence-flow li:last-child { border-right: 0; }
.intelligence-flow li > span { color: var(--ux-muted-2); font: 9px var(--ux-font-mono); }
.intelligence-flow strong,
.intelligence-flow b,
.intelligence-flow small { display: block; }
.intelligence-flow strong { font-size: 25px; line-height: 1; letter-spacing: -.04em; }
.intelligence-flow b { margin-top: 5px; font-size: 11px; }
.intelligence-flow small { margin-top: 3px; color: var(--ux-muted); font-size: 9px; }
.intelligence-flow li:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -8px; z-index: 2; width: 16px; height: 16px; display: grid; place-items: center; color: var(--ux-muted-2); background: var(--ux-surface); transform: translateY(-50%); }

.workspace-grid { display: grid; gap: 18px; }
.workspace-grid.primary-secondary { grid-template-columns: minmax(0, 1.6fr) minmax(290px, .62fr); align-items: start; }
.priority-alert-list { display: grid; gap: 10px; }
.priority-alert {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 17px 18px;
  background: var(--ux-surface);
  border: 1px solid var(--ux-line);
  border-left: 4px solid var(--ux-muted-2);
  border-radius: 13px;
  box-shadow: var(--ux-shadow-sm);
}
.priority-alert.severity-critical { border-left-color: var(--ux-critical); }
.priority-alert.severity-high { border-left-color: var(--ux-high); }
.priority-alert.severity-medium { border-left-color: var(--ux-gold); }
.priority-alert h3 { margin: 2px 0 5px; font-size: 14px; }
.priority-alert p { margin: 0; color: var(--ux-muted); font-size: 11px; }
.priority-alert > div > span { color: var(--ux-muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.priority-alert footer { align-self: center; display: grid; justify-items: end; gap: 7px; }
.priority-alert footer small { color: var(--ux-muted); }
.priority-alert footer a { color: var(--ux-teal); text-decoration: none; font-weight: 800; }
.capability-card h2 { font-size: 21px; }
.capability-card dl { display: grid; gap: 10px; margin: 18px 0; }
.capability-card dl > div { display: flex; justify-content: space-between; gap: 14px; padding-bottom: 9px; border-bottom: 1px solid var(--ux-line); }
.capability-card dt { color: var(--ux-muted); }
.capability-card dd { margin: 0; }
.operational-ledger { padding: 0 !important; overflow: hidden; }
.operational-ledger > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; cursor: pointer; list-style: none; }
.operational-ledger > summary::-webkit-details-marker { display: none; }
.operational-ledger > summary p { margin: 0; }
.operational-ledger > summary strong { display: block; margin-top: 2px; }
.operational-ledger > summary i { font-style: normal; font-size: 24px; transition: transform var(--ux-transition); }
.operational-ledger[open] > summary i { transform: rotate(45deg); }
.operational-ledger > div { padding: 0 20px 20px; }
.live-footnote { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--ux-muted); font-size: 10px; }

/* My Work */
.work-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, .55fr);
  gap: 28px;
  align-items: center;
  padding: clamp(24px, 4vw, 42px);
  color: #fff;
  background:
    radial-gradient(circle at 88% 8%, rgba(213,166,45,.22), transparent 18rem),
    linear-gradient(135deg, #07172b, #113e52 64%, #146b61 130%);
  border-radius: 24px;
  box-shadow: var(--ux-shadow);
}
.work-hero .eyebrow { color: #73e3c9; }
.work-hero h2 { margin: 5px 0 10px; font-size: clamp(27px, 3.5vw, 45px); line-height: 1.05; letter-spacing: -.045em; }
.work-hero > div:first-child > p:last-child { margin: 0; max-width: 780px; color: #c6d9e5; }
.work-role { padding: 20px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; }
.work-role span,
.work-role strong,
.work-role small { display: block; }
.work-role span { color: #8cb5c7; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.work-role strong { margin: 4px 0; font-size: 17px; }
.work-role small { color: #a9c0cf; }
.enterprise-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0 25px; }
.enterprise-metric-card { padding: 17px; background: var(--ux-surface); border: 1px solid var(--ux-line); border-radius: 14px; box-shadow: var(--ux-shadow-sm); }
.enterprise-metric-card span,
.enterprise-metric-card strong,
.enterprise-metric-card small { display: block; }
.enterprise-metric-card span { color: var(--ux-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.enterprise-metric-card strong { margin: 5px 0 2px; font-size: 31px; letter-spacing: -.045em; }
.enterprise-metric-card small { color: var(--ux-muted); }
.work-list { display: grid; gap: 11px; }
.work-item { padding: 18px; background: var(--ux-surface); border: 1px solid var(--ux-line); border-left: 4px solid var(--ux-muted-2); border-radius: 14px; box-shadow: var(--ux-shadow-sm); }
.work-item.severity-critical { border-left-color: var(--ux-critical); }
.work-item.severity-high { border-left-color: var(--ux-high); }
.work-item.severity-medium { border-left-color: var(--ux-gold); }
.work-item header { display: flex; justify-content: space-between; gap: 15px; }
.work-item h3 { margin: 3px 0 0; font-size: 15px; }
.work-item > p { margin: 10px 0; color: var(--ux-muted); }
.work-category { color: var(--ux-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.work-item footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 10px; border-top: 1px solid var(--ux-line); }
.work-item footer span { color: var(--ux-muted); font-size: 10px; }
.work-item details { margin-top: 10px; }
.work-item details > summary { padding: 8px 0 0; color: var(--ux-teal); font-size: 10px; cursor: pointer; }
.work-item details p { margin: 8px 0 0; }
.work-guidance { position: sticky; top: calc(var(--ux-topbar) + 18px); }
.work-guidance ol { display: grid; gap: 10px; padding-left: 20px; color: var(--ux-muted); }
.enterprise-empty { min-height: 145px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 24px; text-align: left; color: var(--ux-muted); background: var(--ux-surface-soft); border: 1px dashed var(--ux-line-strong); border-radius: 14px; }
.enterprise-empty > span { width: 42px; height: 42px; display: grid; place-items: center; color: var(--ux-success); background: color-mix(in srgb, var(--ux-success) 10%, var(--ux-surface)); border-radius: 50%; font-size: 20px; }
.enterprise-empty h3,
.enterprise-empty p { margin: 0; }
.enterprise-empty h3,
.enterprise-empty strong { color: var(--ux-ink); }
.enterprise-empty.compact { min-height: 90px; }
.enterprise-empty.compact > span { width: 32px; height: 32px; font-size: 15px; }

/* Operations live strip */
.operations-live-console {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(220px, .55fr));
  gap: 14px;
  margin-bottom: 20px;
  padding: 20px;
  color: #fff;
  background: linear-gradient(135deg, #061629, #0a3248 58%, #0c635b 130%);
  border-radius: 20px;
  box-shadow: var(--ux-shadow);
}
.operations-live-copy { padding: 6px 10px; }
.operations-live-copy .eyebrow { color: #79ead0; }
.operations-live-copy h2 { margin: 4px 0 8px; font-size: 24px; letter-spacing: -.035em; }
.operations-live-copy > p:last-child { margin: 0; color: #bfd2de; }
.operations-live-visual { display: grid; grid-template-rows: auto minmax(70px, 1fr); gap: 8px; padding: 16px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.10); border-radius: 15px; }
.operations-live-visual > div:first-child { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; }
.operations-live-visual span { color: #9bb7c8; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.operations-live-visual strong { font-size: 28px; }
.operations-live-visual small { color: #8ea8ba; }
.operations-live-visual .chart-axis-label { fill: #8da8b9; }
.operations-live-visual .chart-grid-line { stroke: rgba(255,255,255,.10); }

/* Installer v3.18: progressive enhancement; all fields remain server validated. */
.installer-page {
  background:
    radial-gradient(circle at 85% -8%, rgba(42,157,196,.17), transparent 34rem),
    radial-gradient(circle at -10% 35%, rgba(19,167,139,.12), transparent 30rem),
    #f1f5f9;
}
.installer-page .installer-masthead { background: rgba(5,20,36,.96); backdrop-filter: blur(16px); }
.installer-page .installer-shell { width: min(1280px, calc(100% - 32px)); }
.installer-page .installer-intro { border-radius: 24px; box-shadow: var(--ux-shadow); }
.installer-wizard-shell { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
.installer-wizard { min-width: 0; }
.installer-wizard[data-enhanced="true"] [data-install-step][hidden] { display: none !important; }
.installer-page .install-step { min-height: 440px; padding: clamp(24px,4vw,42px); border-radius: 20px; }
.install-wizard-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; }
.install-wizard-nav .actions { margin-left: auto; }
.install-progress { display: grid; gap: 8px; }
.install-progress-bar { height: 6px; overflow: hidden; background: #dfe7ef; border-radius: 99px; }
.install-progress-bar span { display: block; height: 100%; width: 25%; background: linear-gradient(90deg, var(--ux-teal), var(--ux-cyan)); border-radius: inherit; transition: width var(--ux-transition); }
.install-progress small { color: #65768a; }
.install-summary-panel { position: sticky; top: 18px; display: grid; gap: 14px; padding: 20px; color: #dceaf3; background: linear-gradient(160deg, #07182a, #0b3446 70%, #0d655c); border: 1px solid rgba(255,255,255,.10); border-radius: 20px; box-shadow: var(--ux-shadow-lg); }
.install-summary-panel h2 { margin: 0; color: #fff; font-size: 19px; }
.install-summary-panel p { margin: 0; color: #9eb8c8; }
.install-summary-panel dl { display: grid; gap: 10px; margin: 0; }
.install-summary-panel dl > div { padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.10); }
.install-summary-panel dt { color: #79a2b7; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.install-summary-panel dd { margin: 3px 0 0; color: #fff; overflow-wrap: anywhere; }
.password-meter { height: 6px; margin-top: 7px; overflow: hidden; background: #dde5ed; border-radius: 99px; }
.password-meter span { display: block; width: 0; height: 100%; background: var(--ux-critical); transition: width var(--ux-transition), background var(--ux-transition); }
.password-meter[data-strength="2"] span { background: var(--ux-warning); }
.password-meter[data-strength="3"] span,
.password-meter[data-strength="4"] span { background: var(--ux-success); }

/* Public homepage / newsroom experience. */
.public-site.route-home { background: #f5f7fa; }
.home-experience {
  --home-ink: #07182b;
  --home-muted: #596d80;
  --home-line: #d9e2ea;
  color: var(--home-ink);
}
.home-cinematic {
  position: relative;
  overflow: hidden;
  min-height: min(780px, calc(100vh - 150px));
  display: grid;
  align-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 72% 26%, rgba(34,196,163,.22), transparent 21rem),
    radial-gradient(circle at 92% 95%, rgba(213,166,45,.20), transparent 26rem),
    linear-gradient(135deg, #04111f 0%, #082a40 54%, #0b5e55 120%);
}
.home-cinematic::before,
.home-cinematic::after { content: ""; position: absolute; pointer-events: none; }
.home-cinematic::before { inset: 0; opacity: .4; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, transparent 72%); }
.home-cinematic::after { width: 520px; height: 520px; right: -130px; top: 80px; border: 1px solid rgba(255,255,255,.10); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.025), 0 0 0 160px rgba(255,255,255,.015); }
.home-cinematic-inner { position: relative; z-index: 2; width: min(1260px, calc(100% - 40px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: clamp(45px,8vw,110px); align-items: center; padding: 80px 0; }
.home-edition { display: inline-flex; align-items: center; gap: 9px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #bed2de; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.home-edition span { width: 7px; height: 7px; border-radius: 50%; background: #41d9b5; box-shadow: 0 0 0 5px rgba(65,217,181,.12); }
.home-cinematic h1 { max-width: 900px; margin: 20px 0; font: 700 clamp(48px, 7vw, 99px)/.92 var(--ux-font-display); letter-spacing: -.06em; }
.home-cinematic h1 em { color: #70e4c8; font-style: normal; }
.home-cinematic-copy > p { max-width: 720px; margin: 0; color: #c3d6e2; font-size: clamp(16px,1.7vw,20px); line-height: 1.65; }
.home-cinematic-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.home-cinematic .button { padding: 12px 17px; background: #0e927b; }
.home-cinematic .button.secondary { color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.17); }
.home-assurance { display: flex; flex-wrap: wrap; gap: 16px; margin: 28px 0 0; padding: 0; list-style: none; color: #9db6c5; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.home-assurance li::before { content: "✓"; margin-right: 6px; color: #4addb9; }
.signal-console { position: relative; min-height: 450px; display: grid; align-content: space-between; padding: 26px; background: rgba(3,15,29,.48); border: 1px solid rgba(255,255,255,.13); border-radius: 26px; backdrop-filter: blur(18px); box-shadow: 0 30px 70px rgba(0,0,0,.22); }
.signal-console header { display: flex; justify-content: space-between; gap: 20px; }
.signal-console header span { color: #8eacbc; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.signal-console header strong { color: #75e6cb; font-size: 11px; }
.signal-orbit { position: relative; width: min(320px, 80vw); aspect-ratio: 1; margin: 8px auto; }
.signal-orbit .orbit { position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.signal-orbit .orbit:nth-child(2) { inset: 24%; }
.signal-orbit .orbit:nth-child(3) { inset: 38%; }
.signal-core { position: absolute; inset: 42%; display: grid; place-items: center; color: #071a1d; background: #5ce0c0; border-radius: 50%; box-shadow: 0 0 0 12px rgba(92,224,192,.09), 0 0 45px rgba(92,224,192,.28); font-size: 10px; font-weight: 900; }
.signal-node { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #5ce0c0; box-shadow: 0 0 0 6px rgba(92,224,192,.09); }
.signal-node:nth-of-type(1) { top: 13%; left: 48%; }
.signal-node:nth-of-type(2) { top: 37%; right: 12%; background: #e5b841; }
.signal-node:nth-of-type(3) { bottom: 14%; left: 31%; background: #5ca4e0; }
.signal-node:nth-of-type(4) { top: 49%; left: 12%; background: #a68bee; }
.signal-metrics { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.signal-metrics div { padding: 12px; border: 1px solid rgba(255,255,255,.10); border-radius: 12px; background: rgba(255,255,255,.04); }
.signal-metrics strong,
.signal-metrics small { display: block; }
.signal-metrics strong { font-size: 22px; }
.signal-metrics small { color: #8fa9b9; }
.home-section { width: min(1260px, calc(100% - 40px)); margin: 0 auto; padding: clamp(70px,9vw,125px) 0; }
.home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.home-section-heading h2 { max-width: 750px; margin: 4px 0 0; font: 700 clamp(34px,5vw,64px)/1 var(--ux-font-display); letter-spacing: -.05em; }
.home-section-heading > p { max-width: 420px; margin: 0; color: var(--home-muted); }
.home-proof-strip { width: min(1260px, calc(100% - 40px)); margin: -38px auto 0; position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); background: #fff; border: 1px solid var(--home-line); border-radius: 19px; box-shadow: 0 25px 60px rgba(8,27,49,.12); }
.home-proof-strip > div { padding: 22px; border-right: 1px solid var(--home-line); }
.home-proof-strip > div:last-child { border-right: 0; }
.home-proof-strip strong,
.home-proof-strip span { display: block; }
.home-proof-strip strong { font-size: 28px; letter-spacing: -.04em; }
.home-proof-strip span { margin-top: 3px; color: var(--home-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.home-top-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 20px; }
.home-feature-story { position: relative; min-height: 590px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: clamp(28px,5vw,58px); color: #fff; background: linear-gradient(150deg,#09213a,#0b5c55); border-radius: 26px; box-shadow: var(--ux-shadow); }
.home-feature-story::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 20%, rgba(82,222,190,.27), transparent 22rem), linear-gradient(transparent 20%, rgba(0,0,0,.42)); }
.home-feature-story > * { position: relative; z-index: 1; }
.home-feature-story h3 { max-width: 900px; margin: 9px 0 13px; font: 700 clamp(35px,5vw,66px)/1 var(--ux-font-display); letter-spacing: -.05em; }
.home-feature-story h3 a { color: inherit; text-decoration: none; }
.home-feature-story > p:not(.story-kicker) { max-width: 750px; color: #c8dce6; font-size: 15px; }
.home-feature-story .read-story { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; color: #87edd4; text-decoration: none; font-weight: 800; }
.home-headline-rail { display: grid; gap: 10px; }
.home-headline-card { padding: 18px; background: #fff; border: 1px solid var(--home-line); border-radius: 15px; transition: transform var(--ux-transition), box-shadow var(--ux-transition); }
.home-headline-card:hover { transform: translateY(-2px); box-shadow: var(--ux-shadow); }
.home-headline-card h3 { margin: 5px 0 10px; font: 700 22px/1.08 var(--ux-font-display); }
.home-headline-card h3 a { color: var(--home-ink); text-decoration: none; }
.home-signal-chart { display: grid; grid-template-columns: repeat(14,1fr); align-items: end; gap: 6px; height: 150px; padding: 18px 0 25px; border-bottom: 1px solid var(--home-line); }
.home-signal-chart span { min-height: 5px; height: calc(var(--bar, 0) * 1%); max-height: 100%; background: linear-gradient(180deg,#19a98b,#2a9dc4); border-radius: 5px 5px 2px 2px; }
.home-desk-mosaic { display: grid; grid-template-columns: repeat(12,1fr); gap: 13px; }
.home-desk-card { grid-column: span 3; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; color: var(--home-ink); text-decoration: none; background: #fff; border: 1px solid var(--home-line); border-radius: 18px; transition: transform var(--ux-transition), border-color var(--ux-transition), box-shadow var(--ux-transition); }
.home-desk-card:nth-child(5n+1) { grid-column: span 5; }
.home-desk-card:nth-child(5n+2) { grid-column: span 4; }
.home-desk-card:hover { transform: translateY(-4px); border-color: #8ccfc1; box-shadow: var(--ux-shadow); }
.home-desk-card span { color: var(--home-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.home-desk-card strong { font: 700 30px/1 var(--ux-font-display); }
.home-desk-card small { color: var(--home-muted); }
.home-standards { color: #fff; background: #07182a; }
.home-standards .home-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,.8fr); gap: clamp(40px,8vw,100px); align-items: center; }
.home-standards h2 { margin: 8px 0 17px; font: 700 clamp(40px,5vw,70px)/.98 var(--ux-font-display); letter-spacing: -.05em; }
.home-standards p { color: #b9cedb; }
.home-standard-steps { display: grid; gap: 11px; counter-reset: standards; }
.home-standard-steps article { counter-increment: standards; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 15px; padding: 18px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; }
.home-standard-steps article::before { content: counter(standards, decimal-leading-zero); color: #58d8b8; font: 700 12px var(--ux-font-mono); }
.home-standard-steps h3 { margin: 0 0 4px; }
.home-standard-steps p { margin: 0; }
.home-cta-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 30px; align-items: center; padding: clamp(30px,5vw,55px); color: #fff; background: linear-gradient(135deg,#0b7967,#087da0); border-radius: 25px; box-shadow: var(--ux-shadow); }
.home-cta-panel h2 { margin: 3px 0 8px; font: 700 clamp(30px,4vw,52px)/1 var(--ux-font-display); letter-spacing: -.045em; }
.home-cta-panel p { margin: 0; color: #d2eaf0; }
.home-cta-panel .actions { display: flex; flex-wrap: wrap; gap: 9px; }
.home-cta-panel .button.secondary { color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); }

/* Focus and accessibility */
.enterprise-admin :focus-visible,
.installer-page :focus-visible,
.home-experience :focus-visible { outline: 3px solid color-mix(in srgb, var(--ux-gold) 80%, #fff); outline-offset: 3px; }
.sidebar-scrim { display: none; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

@media (max-width: 1320px) {
  .live-kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .live-dashboard-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-visual.span-2 { grid-column: span 2; }
  .intelligence-flow ol { grid-template-columns: repeat(3,1fr); }
  .intelligence-flow li:nth-child(3) { border-right: 0; }
  .intelligence-flow li:nth-child(3)::after { display: none; }
  .operations-live-console { grid-template-columns: minmax(0,1fr) repeat(2,minmax(180px,.55fr)); }
}

@media (max-width: 1080px) {
  .enterprise-shell,
  body.sidebar-is-collapsed .enterprise-shell { grid-template-columns: 1fr; }
  .enterprise-sidebar {
    position: fixed;
    width: min(320px, calc(100vw - 42px));
    transform: translateX(-105%);
    transition: transform var(--ux-transition);
  }
  body.sidebar-is-open .enterprise-sidebar { transform: translateX(0); }
  .sidebar-collapse { display: none; }
  .sidebar-scrim { position: fixed; inset: 0; z-index: 35; width: 100%; height: 100%; border: 0; background: rgba(3,12,22,.62); opacity: 0; pointer-events: none; transition: opacity var(--ux-transition); }
  body.sidebar-is-open .sidebar-scrim { display: block; opacity: 1; pointer-events: auto; }
  .mobile-nav-toggle { display: inline-grid; }
  .workspace-grid.primary-secondary,
  .work-hero,
  .home-top-grid,
  .home-standards .home-section { grid-template-columns: 1fr; }
  .work-guidance { position: static; }
  .operations-live-console { grid-template-columns: 1fr 1fr; }
  .operations-live-copy { grid-column: 1 / -1; }
  .installer-wizard-shell { grid-template-columns: 1fr; }
  .install-summary-panel { position: static; }
  .home-cinematic-inner { grid-template-columns: 1fr; }
  .signal-console { min-height: 380px; }
  .home-proof-strip { grid-template-columns: repeat(2,1fr); }
  .home-proof-strip > div:nth-child(2) { border-right: 0; }
  .home-proof-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--home-line); }
  .home-desk-card,
  .home-desk-card:nth-child(5n+1),
  .home-desk-card:nth-child(5n+2) { grid-column: span 6; }
}

@media (max-width: 760px) {
  .enterprise-topbar { padding: 0 14px; }
  .enterprise-title h1 { font-size: 15px; }
  .topbar-health small,
  .user-summary,
  [data-density-toggle] { display: none; }
  .topbar-health { grid-template-columns: auto auto; }
  .enterprise-content { padding: 18px 14px 50px; }
  .workspace-intro { align-items: flex-start; flex-direction: column; gap: 12px; }
  .workspace-intro-meta { justify-content: flex-start; }
  .command-hero { grid-template-columns: 1fr; padding: 25px 20px; border-radius: 21px; }
  .command-hero h2 { font-size: 37px; }
  .health-gauge-card { min-height: 220px; }
  .live-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .live-kpi { min-height: 125px; padding: 14px; }
  .live-dashboard-grid { grid-template-columns: 1fr; }
  .dashboard-visual.span-2 { grid-column: span 1; }
  .dashboard-visual { padding: 16px; }
  .chart-stage { min-height: 210px; }
  .donut-layout { grid-template-columns: 1fr; }
  .intelligence-flow ol { grid-template-columns: repeat(2,1fr); }
  .intelligence-flow li:nth-child(3) { border-right: 1px solid var(--ux-line); }
  .intelligence-flow li:nth-child(3)::after { display: grid; }
  .intelligence-flow li:nth-child(even) { border-right: 0; }
  .intelligence-flow li:nth-child(even)::after { display: none; }
  .priority-alert { grid-template-columns: 1fr; }
  .priority-alert footer { justify-items: start; }
  .enterprise-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .work-item footer { align-items: flex-start; flex-direction: column; }
  .operations-live-console { grid-template-columns: 1fr; }
  .home-cinematic { min-height: auto; }
  .home-cinematic-inner { width: min(100% - 28px,1260px); padding: 60px 0 86px; }
  .home-cinematic h1 { font-size: clamp(48px,14vw,70px); }
  .home-proof-strip { width: min(100% - 28px,1260px); margin-top: -44px; }
  .home-section { width: min(100% - 28px,1260px); padding: 70px 0; }
  .home-section-heading { align-items: flex-start; flex-direction: column; }
  .home-feature-story { min-height: 500px; }
  .home-desk-card,
  .home-desk-card:nth-child(5n+1),
  .home-desk-card:nth-child(5n+2) { grid-column: 1 / -1; min-height: 150px; }
  .home-cta-panel { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .live-kpi-grid,
  .enterprise-metric-grid { grid-template-columns: 1fr; }
  .intelligence-flow ol { grid-template-columns: 1fr; }
  .intelligence-flow li { border-right: 0; border-bottom: 1px solid var(--ux-line); }
  .intelligence-flow li::after { display: none !important; }
  .home-proof-strip { grid-template-columns: 1fr; }
  .home-proof-strip > div { border-right: 0; border-bottom: 1px solid var(--home-line); }
  .home-proof-strip > div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
  .enterprise-nav-link.active,
  .live-kpi,
  .dashboard-visual,
  .work-item,
  .priority-alert { border: 2px solid CanvasText; }
  .health-orb,
  .live-indicator > span,
  .live-dot { forced-color-adjust: none; }
}

@media print {
  .enterprise-sidebar,
  .enterprise-topbar,
  .workspace-intro-meta,
  .hero-quick-actions,
  .sidebar-scrim { display: none !important; }
  .enterprise-shell { display: block; }
  .enterprise-content { width: 100%; padding: 0; }
  .card,
  .dashboard-visual { box-shadow: none !important; break-inside: avoid; }
}

/* Governance decision/application/record model. */
.governance-principles {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin: 14px 0 24px;
}
.governance-principles article {
  min-height: 112px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: start;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--ux-line);
  border-radius: var(--ux-radius-lg);
  background: linear-gradient(145deg,var(--ux-panel),var(--ux-surface));
  box-shadow: var(--ux-shadow-sm);
}
.governance-principles article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb,var(--ux-purple) 32%,var(--ux-line));
  border-radius: 10px;
  color: var(--ux-purple);
  background: color-mix(in srgb,var(--ux-purple) 8%,transparent);
  font: 800 10px/1 var(--ux-font-sans);
  letter-spacing: .08em;
}
.governance-principles strong,
.governance-principles small { display: block; }
.governance-principles strong { margin: 2px 0 6px; color: var(--ux-ink); font-size: 14px; }
.governance-principles small { color: var(--ux-muted); font-size: 11px; line-height: 1.55; }
@media (max-width: 820px) {
  .governance-principles { grid-template-columns: 1fr; }
}

/* Live SVG series and state semantics. */
.chart-line.series-collections,
.chart-point.series-collections { stroke: var(--ux-chart-1); }
.chart-line.series-decisions,
.chart-point.series-decisions { stroke: var(--ux-chart-2); }
.chart-line.series-outcomes,
.chart-point.series-outcomes { stroke: var(--ux-chart-3); }
.chart-line.series-health,
.chart-point.series-health { stroke: var(--ux-teal-2); }
.chart-area.series-health { fill: color-mix(in srgb, var(--ux-teal-2) 13%, transparent); }
.chart-line.series-revenue,
.chart-point.series-revenue { stroke: var(--ux-purple); }
.chart-area.series-revenue { fill: color-mix(in srgb, var(--ux-purple) 13%, transparent); }
.donut-track,
.donut-segment { fill: none; stroke-width: 19; }
.donut-track { stroke: var(--ux-surface-strong); }
.donut-segment { stroke-linecap: butt; }
.donut-segment-1 { stroke: var(--ux-chart-1); }
.donut-segment-2 { stroke: var(--ux-chart-2); }
.donut-segment-3 { stroke: var(--ux-chart-3); }
.donut-segment-4 { stroke: var(--ux-chart-4); }
.donut-segment-5 { stroke: var(--ux-chart-5); }
.donut-segment-6 { stroke: var(--ux-muted-2); }
.donut-total { fill: var(--ux-ink); font: 800 27px var(--ux-font-sans); }
.donut-caption { fill: var(--ux-muted); font: 9px var(--ux-font-sans); text-transform: uppercase; }
.work-track { fill: var(--ux-surface-strong); rx: 5; }
.work-critical { fill: var(--ux-critical); }
.work-high { fill: var(--ux-high); }
.work-medium { fill: var(--ux-gold); }
.work-low { fill: var(--ux-info); }
.work-label { font-size: 10px; }
.work-value { fill: var(--ux-ink); font: 800 11px var(--ux-font-sans); }
[data-live-dashboard][data-live-state="refreshing"] .live-indicator span { animation: ux-pulse 1s ease-in-out infinite; }
[data-live-dashboard][data-live-state="stale"] .live-indicator span,
[data-live-dashboard][data-live-state="stale"] .live-dot { background: var(--ux-warning); box-shadow: 0 0 0 5px color-mix(in srgb, var(--ux-warning) 12%, transparent); }
@keyframes ux-pulse { 50% { opacity: .35; transform: scale(.78); } }

/* Installer progress is expressed through state classes so strict CSP remains intact. */
.installer-wizard[data-current-step="1"] .install-progress-bar span { width: 25%; }
.installer-wizard[data-current-step="2"] .install-progress-bar span { width: 50%; }
.installer-wizard[data-current-step="3"] .install-progress-bar span { width: 75%; }
.installer-wizard[data-current-step="4"] .install-progress-bar span { width: 100%; }

/* Public pulse bars use a bounded class scale rather than inline style. */
.public-pulse-bar { display: block; min-height: 4%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg,#37c9a8,#0b806d); }
.public-pulse-bar.level-0 { height: 4%; }
.public-pulse-bar.level-1 { height: 10%; }
.public-pulse-bar.level-2 { height: 20%; }
.public-pulse-bar.level-3 { height: 30%; }
.public-pulse-bar.level-4 { height: 40%; }
.public-pulse-bar.level-5 { height: 50%; }
.public-pulse-bar.level-6 { height: 60%; }
.public-pulse-bar.level-7 { height: 70%; }
.public-pulse-bar.level-8 { height: 80%; }
.public-pulse-bar.level-9 { height: 90%; }
.public-pulse-bar.level-10 { height: 100%; }

/* Guided setup refinements. */
.installer-advanced { border: 1px solid #d9e3ed; border-radius: 13px; background: #f8fafc; }
.installer-advanced > summary { padding: 13px 15px; color: #28465f; cursor: pointer; font-weight: 750; }
.installer-advanced > div { padding: 0 15px 15px; }
.installer-callout { display: flex; align-items: flex-start; gap: 8px; padding: 13px 15px; color: #375066; background: #eef4f8; border: 1px solid #d8e4ec; border-radius: 12px; }
.installer-callout strong { flex: 0 0 auto; color: #152a3c; }
.installer-callout.success { color: #1f5f53; background: #edf9f5; border-color: #ccebe1; }
.input-action { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: end; }
.install-summary-panel ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.install-summary-panel li { position: relative; padding-left: 18px; color: #c4d7e2; font-size: 11px; }
.install-summary-panel li::before { content: "✓"; position: absolute; left: 0; color: #55e0bf; font-weight: 900; }
.install-assurance { display: flex; gap: 8px; align-items: center; padding: 11px 12px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; background: rgba(255,255,255,.05); }
.install-assurance span { color: #55e0bf; font-weight: 900; }
.installer-complete textarea { min-height: 110px; }
@media (max-width: 700px) {
  .input-action { grid-template-columns: 1fr; }
  .install-wizard-nav { align-items: stretch; flex-direction: column; }
  .install-wizard-nav .actions { width: 100%; margin-left: 0; }
  .install-wizard-nav .actions .button { flex: 1; }
}

/* CSP-safe chart series classes. */
.chart-series-0 { stroke: var(--ux-chart-1); fill: var(--ux-chart-1); }
.chart-series-1 { stroke: var(--ux-chart-2); fill: var(--ux-chart-2); }
.chart-series-2 { stroke: var(--ux-chart-3); fill: var(--ux-chart-3); }
.chart-series-3 { stroke: var(--ux-chart-4); fill: var(--ux-chart-4); }
.chart-series-4 { stroke: var(--ux-chart-5); fill: var(--ux-chart-5); }
.chart-line.chart-series-0,
.chart-line.chart-series-1,
.chart-line.chart-series-2,
.chart-line.chart-series-3,
.chart-line.chart-series-4 { fill: none; }

/* v3.18.2–v3.18.6 workspace experience layers */
.workspace-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr);
  gap: clamp(1.5rem,3vw,3.25rem);
  align-items: center;
  overflow: hidden;
  min-height: 300px;
  padding: clamp(1.6rem,3.5vw,3.25rem);
  border: 1px solid var(--border-strong);
  border-radius: calc(var(--radius-xl) + 4px);
  background:
    radial-gradient(circle at 82% 16%, color-mix(in srgb,var(--accent) 22%,transparent), transparent 35%),
    linear-gradient(135deg,var(--surface-elevated),var(--surface));
  box-shadow: var(--shadow-lg);
}
.workspace-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.32;
  background-image:linear-gradient(color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 100%);
}
.workspace-hero h2 { max-width: 20ch; margin:.35rem 0 .9rem; font-size:clamp(2rem,4vw,3.45rem); line-height:.98; letter-spacing:-.045em; }
.workspace-hero p { max-width:68ch; color:var(--text-muted); font-size:1.02rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.35rem; }
.assurance-strip,.decision-principles,.evidence-class-rail {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin:1rem 0;
}
.assurance-strip article,.decision-principles article {
  display:grid;
  gap:.25rem;
  padding:1rem 1.1rem;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);
}
.assurance-strip span,.decision-principles span { color:var(--text-muted); font-size:.78rem; }
.assurance-strip strong,.decision-principles strong { font-size:.93rem; }
.distribution-pipeline {
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:.45rem;
  padding:1.2rem;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));
  border-radius:var(--radius-xl);
  background:color-mix(in srgb,var(--surface) 82%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent);
}
.distribution-pipeline div { min-width:0; text-align:center; }
.distribution-pipeline strong { display:block; color:var(--text); font-size:clamp(1.25rem,2.4vw,2.05rem); letter-spacing:-.04em; }
.distribution-pipeline span { display:block; margin-top:.25rem; color:var(--text-muted); font-size:.68rem; line-height:1.15; }
.distribution-pipeline i { width:20px; height:1px; background:linear-gradient(90deg,var(--border-strong),var(--accent)); }
.decision-radar {
  position:relative;
  aspect-ratio:1;
  width:min(100%,390px);
  margin-inline:auto;
  border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 0 21%,color-mix(in srgb,var(--accent) 15%,transparent) 21.5% 22%,transparent 22.5% 46%,color-mix(in srgb,var(--accent) 12%,transparent) 46.5% 47%,transparent 47.5% 70%,color-mix(in srgb,var(--accent) 10%,transparent) 70.5% 71%,transparent 71.5%),
    linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--border-strong) 65%,transparent) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,color-mix(in srgb,var(--border-strong) 65%,transparent) 50%,transparent 50.2%);
}
.radar-core,.radar-point {
  position:absolute;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid var(--border-strong);
  border-radius:50%;
  background:var(--surface-elevated);
  box-shadow:var(--shadow-md);
}
.radar-core { inset:35%; }
.radar-point { width:29%; aspect-ratio:1; }
.radar-point.point-a { top:4%; left:35.5%; }
.radar-point.point-b { right:3%; bottom:10%; }
.radar-point.point-c { left:3%; bottom:10%; }
.radar-core strong,.radar-point strong { font-size:clamp(1.25rem,2.5vw,2rem); line-height:1; }
.radar-core span,.radar-point span { margin-top:.25rem; color:var(--text-muted); font-size:.67rem; }
.outcome-scoreboard {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.outcome-scoreboard article {
  display:grid;
  gap:.3rem;
  min-height:120px;
  align-content:end;
  padding:1rem;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated) 96%,transparent),color-mix(in srgb,var(--accent) 7%,var(--surface)));
}
.outcome-scoreboard span { color:var(--text-muted); font-size:.76rem; }
.outcome-scoreboard strong { font-size:clamp(1.55rem,3vw,2.45rem); letter-spacing:-.045em; }
.evidence-class-rail {
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  padding:.9rem 1.1rem;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface-elevated);
}
.evidence-class-rail span { text-align:center; color:var(--text-muted); font-size:.75rem; font-weight:650; }
.evidence-class-rail i { height:1px; background:linear-gradient(90deg,var(--border-strong),var(--accent),var(--border-strong)); }
.governance-awareness { border-style:dashed; }
@media (max-width: 980px) {
  .workspace-hero { grid-template-columns:1fr; min-height:0; }
  .distribution-pipeline { grid-template-columns:repeat(5,1fr); }
  .distribution-pipeline i { display:none; }
  .decision-radar { width:min(100%,330px); }
}
@media (max-width: 680px) {
  .assurance-strip,.decision-principles { grid-template-columns:1fr; }
  .distribution-pipeline { grid-template-columns:repeat(2,1fr); }
  .distribution-pipeline div:last-child { grid-column:1/-1; }
  .outcome-scoreboard { grid-template-columns:1fr 1fr; }
  .evidence-class-rail { grid-template-columns:1fr; gap:.5rem; }
  .evidence-class-rail i { width:1px; height:16px; justify-self:center; }
}