:root {
  color-scheme: light;
  /* Approved P3 visual-system tokens. */
  --pilot-bg: #f7f4ec;
  --pilot-surface: #ffffff;
  --pilot-surface-muted: #fbf8f2;
  --pilot-text: #171714;
  --pilot-text-secondary: #6f6b62;
  --pilot-border: #ddd4be;
  --orange: #d9730d;
  --orange-strong: #b85f0b;
  --pilot-accent: var(--orange);
  --pilot-accent-strong: var(--orange-strong);
  --pilot-accent-soft: #fff1e8;
  --pilot-success: #287a55;
  --pilot-warning: #9a6815;
  --pilot-danger: #b5473c;
  --pilot-info: #356c8d;
  --pilot-chart-1: var(--orange);
  --pilot-chart-2: #287a55;
  --pilot-chart-3: #9a6815;
  --pilot-chart-4: #356c8d;
  --pilot-chart-5: #8b6253;
  --pilot-chart-danger: #8f312a;
  --pilot-chart-track: #eee7dc;
  --pilot-space-1: 8px;
  --pilot-space-2: 16px;
  --pilot-space-3: 24px;
  --pilot-space-4: 32px;
  --pilot-space-5: 48px;
  --pilot-type-title: 36px;
  --pilot-type-section: 24px;
  --pilot-type-body: 15px;
  --pilot-type-caption: 11px;
  --fs-title: clamp(28px, 2.4vw, 36px);
  --fs-section: clamp(18px, 1.5vw, 24px);
  --fs-subsection: clamp(16px, 1.2vw, 20px);
  --fs-label: clamp(13px, 0.95vw, 15px);
  --fs-body: clamp(14px, 0.95vw, 16px);
  --fs-small: clamp(12px, 0.8vw, 13px);
  --fs-big: clamp(20px, 1.6vw, 28px);
  --pilot-type-title: var(--fs-title);
  --pilot-type-section: var(--fs-section);
  --pilot-type-body: var(--fs-body);
  --pilot-type-caption: var(--fs-small);
  --pilot-radius-card: 14px;
  --pilot-radius-small: 8px;
  /* Stable application defaults: available before any route content mounts. */
  --bg: var(--pilot-bg);
  --surface: var(--pilot-surface);
  --surface-quiet: var(--pilot-surface-muted);
  --text: var(--pilot-text);
  --muted: var(--pilot-text-secondary);
  --line: var(--pilot-border);
  --accent: var(--orange);
  --accent-strong: var(--orange-strong);
  --success: var(--pilot-success);
  --warn: var(--pilot-warning);
  --danger: var(--pilot-danger);
  --topbar-control-height: 46px;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.corpus-maintenance-form,
.corpus-entry-edit-form,
.corpus-review-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 12px;
}

.corpus-review-list {
  display: grid;
  gap: 14px;
}

.corpus-review-card {
  padding: 18px;
  border: 1px solid var(--border-color, #d9dde3);
  border-radius: 10px;
  background: var(--surface-raised, #fff);
}

.corpus-review-card__heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.corpus-snippet-field {
  grid-column: span 2;
}

.corpus-attention-reasons,
.warning-copy {
  color: var(--warning-text, #805400);
}

@media (max-width: 720px) {
  .corpus-maintenance-form,
  .corpus-entry-edit-form,
  .corpus-review-actions {
    grid-template-columns: 1fr;
  }

  .corpus-snippet-field {
    grid-column: auto;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-size: var(--fs-body);
}

a {
  color: inherit;
}

.app-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
}

.mobile-topbar,
.mobile-nav-backdrop {
  display: none;
}

.sidebar-collapsed {
  grid-template-columns: 56px minmax(0, 1fr);
}

.sidebar {
  background: #1f2933;
  color: #f8fafc;
  padding: 20px 16px;
  min-width: 0;
  transition: width 0.16s ease;
}

.sidebar-collapsed .sidebar {
  padding: 14px 8px;
}

.brand-block {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.brand-mark {
  flex: 0 0 auto;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  object-fit: contain;
}

.sidebar-toggle {
  flex: 0 0 auto;
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
}

.sidebar-toggle:hover {
  background: rgba(255, 255, 255, 0.14);
}

.sidebar-toggle-icon {
  display: grid;
  gap: 3px;
}

.sidebar-toggle-icon span {
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.brand-block small,
.nav-group h2,
.actor-chip span,
.page-header p,
.panel-header p,
.stub-card p,
.state p {
  color: var(--muted);
}

.sidebar .brand-block small,
.sidebar .nav-group h2 {
  color: #a7b4c2;
}

.nav-group {
  display: grid;
  gap: 6px;
  margin-bottom: 20px;
}

.nav-group h2 {
  margin: 0 0 4px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 6px;
  text-decoration: none;
  min-height: 38px;
}

.nav-link-icon {
  flex: 0 0 24px;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  color: #f8fafc;
  line-height: 1;
}

.nav-icon-svg {
  width: 17px;
  height: 17px;
}

.nav-link-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-collapsed .brand-block {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.sidebar-collapsed .brand-block > div {
  display: none;
}

.sidebar-collapsed .nav-group {
  justify-items: center;
}

.sidebar-collapsed .nav-link {
  width: 40px;
  justify-content: center;
  gap: 0;
  padding: 8px;
}

.sidebar-collapsed .nav-link-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sidebar-collapsed .nav-link .badge {
  position: absolute;
  right: -5px;
  top: -4px;
  min-width: 18px;
  padding: 1px 4px;
  font-size: 10px;
}

.nav-link:hover,
.nav-link.active {
  background: rgba(255, 255, 255, 0.12);
}

.nav-link.disabled {
  opacity: 0.45;
}

.main-shell {
  min-width: 0;
  padding: 20px;
  background: var(--bg);
  color: var(--text);
  font-size: var(--pilot-type-body);
}

.assistant-widget {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 60;
  display: grid;
  justify-items: end;
  pointer-events: none;
}

.assistant-fab {
  pointer-events: auto;
  display: inline-grid;
  width: 52px;
  height: 52px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--orange-strong);
  border-radius: 999px;
  background: var(--orange);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.22);
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.assistant-fab:hover {
  background: var(--orange-strong);
}

.assistant-floating-panel {
  pointer-events: auto;
  position: absolute;
  right: 0;
  bottom: 64px;
  width: min(380px, calc(100vw - 32px));
  max-height: min(680px, calc(100vh - 104px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
}

.assistant-floating-panel[hidden] {
  display: none;
}

.assistant-panel-body {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: 12px;
}

.assistant-panel-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.assistant-panel-header h2,
.assistant-panel-header p {
  margin: 0;
}

.assistant-panel-header h2 {
  font-size: var(--fs-section);
  line-height: 1.2;
}

.assistant-panel-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.assistant-sheet-close {
  min-height: 32px;
  padding: 4px 8px;
  background: var(--surface);
  color: var(--text);
  font-size: 12px;
}

.assistant-context {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  font-size: 13px;
}

.assistant-context span,
.assistant-message-role,
.assistant-form label {
  color: var(--muted);
  font-size: 12px;
}

.assistant-history {
  min-height: 0;
  max-height: min(360px, calc(100vh - 310px));
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 10px;
  padding-right: 2px;
}

.assistant-message {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.assistant-message-user {
  background: #ecfeff;
  border-color: #a5f3fc;
}

.assistant-message p {
  margin: 0;
  line-height: 1.45;
}

.assistant-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.assistant-chip {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #eef2f6;
  color: var(--text);
  font-size: 12px;
  text-decoration: none;
}

.assistant-chip:hover {
  background: #dbe7f3;
}

.assistant-error {
  padding: 8px 10px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fee2e2;
  color: #7f1d1d;
  font-size: 13px;
}

.assistant-form {
  display: grid;
  gap: 8px;
}

.assistant-form textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
  padding: 8px 9px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
}

.assistant-form button {
  justify-self: end;
}

.environment-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #99f6e4;
  border-radius: 8px;
  background: #ccfbf1;
  color: #134e4a;
  font-size: 13px;
}

.onboarding-gate-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid #f59e0b;
  border-radius: 8px;
  background: #fffbeb;
  color: #78350f;
}

.onboarding-gate-banner strong {
  display: block;
  font-size: 16px;
}

.onboarding-gate-banner p {
  margin: 0;
}

.onboarding-gate-banner .eyebrow {
  color: #92400e;
}

.onboarding-gate-banner .small-button {
  flex: 0 0 auto;
}

.onboarding-gate-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.notice-dismiss-button {
  display: grid;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 20px;
  line-height: 1;
}

.notice-dismiss-button:hover {
  background: rgb(255 255 255 / 55%);
}

.topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.topbar-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.topbar-actions > [data-client-action-notification-slot] {
  display: flex;
  min-height: var(--topbar-control-height);
  align-items: center;
}

.topbar-actions .client-action-notifications > summary {
  width: 40px;
  height: 40px;
}

.topbar-actions .language-switcher {
  display: flex;
  min-height: var(--topbar-control-height);
  flex-direction: row;
  gap: 8px;
  align-items: center;
  padding: 4px 6px 4px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  white-space: nowrap;
}

.topbar-actions .language-switcher select {
  min-height: 34px;
}

.topbar-actions .help-menu > summary {
  display: flex;
  min-height: var(--topbar-control-height);
  align-items: center;
}

.client-action-notifications {
  position: relative;
}

.client-action-notifications > summary {
  position: relative;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
  list-style: none;
}

.client-action-notifications > summary::-webkit-details-marker {
  display: none;
}

.client-action-notifications > summary:hover,
.client-action-notifications[open] > summary {
  border-color: var(--orange);
  background: var(--surface-quiet);
}

.notification-bell-icon {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.notification-count {
  position: absolute;
  top: -6px;
  right: -7px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid var(--surface);
  border-radius: 999px;
  background: var(--danger);
  color: white;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.client-action-notification-panel {
  position: absolute;
  z-index: 60;
  top: calc(100% + 10px);
  right: 0;
  width: min(390px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 120px));
  overflow-y: auto;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: 0 18px 46px rgb(15 23 42 / 16%);
}

.notification-panel-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 3px;
  padding: 2px 2px 12px;
  border-bottom: 1px solid var(--line);
}

.notification-panel-heading span,
.notification-group a span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.notification-group {
  padding-top: 12px;
}

.client-action-notification-panel .notification-group h3 {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin: 0 2px 7px;
  font-size: var(--fs-label) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.notification-group h3 span {
  color: var(--muted);
  letter-spacing: normal;
  text-transform: none;
}

.notification-group-items {
  display: grid;
  gap: 8px;
}

.notification-group a {
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: inherit;
  text-decoration: none;
}

.notification-group a:hover {
  border-color: var(--orange);
  background: var(--surface-quiet);
}

.notification-group a strong {
  font-size: var(--fs-label);
}

.notification-empty {
  margin: 14px 2px 2px;
  color: var(--muted);
  font-size: 13px;
}

.mobile-notification-slot {
  display: none;
}

.onboarding-only-shell {
  min-height: 100vh;
  color: var(--text);
  background: var(--bg);
}

.onboarding-only-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px clamp(20px, 5vw, 72px);
  border-bottom: 1px solid var(--pilot-border);
  background: rgba(247, 244, 236, 0.94);
}

.onboarding-publish-boundary {
  margin: 0 auto;
  color: var(--pilot-text-secondary);
  font-size: 13px;
  text-align: center;
}

.onboarding-only-header .mobile-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.onboarding-only-main {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 44px 0 72px;
}

.onboarding-gate-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.onboarding-gate-heading h1 {
  margin: 4px 0 10px;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.08;
}

.onboarding-gate-heading > p:last-child {
  color: var(--muted);
  font-size: 17px;
}

.onboarding-split {
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(300px, 0.72fr);
  gap: 24px;
  align-items: start;
}

.onboarding-form-pane {
  min-width: 0;
}

.onboarding-form-pane > .panel,
.onboarding-step-panel,
.onboarding-connect-panel {
  padding: var(--pilot-space-3);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

.onboarding-form-pane input:not([type="checkbox"]):not([type="hidden"]),
.onboarding-form-pane textarea,
.onboarding-form-pane select {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
}

.onboarding-form-pane textarea {
  resize: none;
}

.onboarding-choice-radio-card {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-content: center;
  align-items: start;
  column-gap: 10px;
  row-gap: 4px;
  min-height: 96px;
  padding: 14px;
  cursor: pointer;
}

.onboarding-choice-radio-card input[type="radio"] {
  grid-row: 1 / span 2;
  width: 18px;
  height: 18px;
  min-height: 0;
  margin: 1px 0 0;
}

.onboarding-choice-radio-card strong,
.onboarding-choice-radio-card small {
  grid-column: 2;
}

[data-onboarding-audience-form] .manual-package-body,
[data-onboarding-risk-form] .manual-package-body {
  grid-template-columns: minmax(0, 1fr);
}

[data-onboarding-brand-form] .manual-package-body,
[data-onboarding-subreddits-form] .manual-package-body,
[data-onboarding-competitors-form] .manual-package-body {
  grid-template-columns: minmax(0, 1fr);
}

[data-onboarding-account-form] .manual-package-body {
  grid-template-columns: minmax(0, 1fr);
}

[data-onboarding-brand-form] .manual-package-body > label,
[data-onboarding-subreddits-form] .manual-package-body > label,
[data-onboarding-brand-form] .manual-package-body input,
[data-onboarding-brand-form] .manual-package-body textarea,
[data-onboarding-subreddits-form] .manual-package-body input,
[data-onboarding-subreddits-form] .manual-package-body textarea,
[data-onboarding-competitors-form] .manual-package-body > label,
[data-onboarding-competitors-form] .manual-package-body textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

[data-onboarding-account-form] .manual-package-body > label,
[data-onboarding-account-form] .manual-package-body input,
[data-onboarding-account-form] .manual-package-body textarea,
[data-onboarding-account-form] .manual-package-body select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

[data-onboarding-brand-form] label.toggle-row,
[data-onboarding-account-form] label.toggle-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.onboarding-option-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.onboarding-option-copy small {
  display: block;
  color: var(--pilot-text-secondary);
  font-weight: 400;
}

[data-identity-mode-only][hidden],
[data-business-type-other][hidden] {
  display: none !important;
}

.required-marker {
  color: var(--pilot-accent);
  font-weight: 700;
}

.onboarding-field-question {
  margin: var(--pilot-space-2) 0 0;
  font-weight: 700;
}

[data-onboarding-audience-form] .onboarding-audience-description {
  display: grid;
  grid-column: 1 / -1;
  gap: 7px;
  width: 100%;
}

[data-onboarding-audience-form] .onboarding-audience-description textarea {
  width: 100%;
  min-height: 168px;
}

[data-onboarding-brand-form] label.toggle-row input[type="checkbox"],
[data-onboarding-account-form] label.toggle-row input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
  min-height: 18px;
  margin-top: 2px;
  padding: 0;
}

.onboarding-step-nav {
  display: flex;
  align-items: flex-start;
  margin: 0 0 var(--pilot-space-3);
  padding: var(--pilot-space-2) var(--pilot-space-1);
  overflow-x: auto;
}

.onboarding-step-nav a {
  position: relative;
  display: flex;
  flex: 1 0 112px;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  padding: 0;
  color: var(--pilot-text-secondary);
  border: 0;
  background: transparent;
  text-decoration: none;
}

.onboarding-step-nav .onboarding-step-item + .onboarding-step-item::before {
  position: absolute;
  z-index: 0;
  top: 15px;
  right: calc(100% + 4px);
  width: calc(100% - 40px);
  height: 1px;
  background: var(--pilot-border);
  content: "";
}

.onboarding-step-nav .onboarding-step-item.is-complete::before,
.onboarding-step-nav .onboarding-step-item.is-current-complete::before {
  background: color-mix(in srgb, var(--pilot-accent) 48%, var(--pilot-border));
}

.onboarding-step-nav a:first-child {
  display: none;
}

.onboarding-step-marker {
  position: relative;
  z-index: 1;
  display: inline-grid;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  place-items: center;
  color: var(--pilot-text-secondary);
  font-weight: 700;
  font-size: 12px;
  border: 1px solid var(--pilot-border);
  border-radius: 50%;
  background: var(--pilot-surface);
}

.onboarding-step-item.is-current .onboarding-step-marker {
  color: #fff;
  border-color: var(--pilot-accent);
  background: var(--pilot-accent);
}

.onboarding-step-item.is-complete .onboarding-step-marker,
.onboarding-step-item.is-current-complete .onboarding-step-marker {
  color: var(--pilot-accent);
  border-color: var(--pilot-accent);
  background: var(--pilot-accent-soft);
}

.onboarding-step-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding-top: 1px;
}

.onboarding-step-copy strong {
  color: inherit;
  font-size: 12px;
  line-height: 1.3;
}

.onboarding-step-item.is-current .onboarding-step-copy strong {
  color: var(--pilot-accent);
}

.onboarding-step-item.is-complete .onboarding-step-copy strong,
.onboarding-step-item.is-current-complete .onboarding-step-copy strong {
  color: var(--pilot-text);
}

.onboarding-step-nav small {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
}

.onboarding-context-panel {
  position: sticky;
  top: 20px;
  padding: 28px;
  color: var(--pilot-text);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

.onboarding-context-panel .eyebrow,
.onboarding-context-panel p,
.onboarding-context-panel li {
  color: var(--pilot-text-secondary);
}

.onboarding-context-panel h2 {
  margin: 8px 0 12px;
  font-size: 26px;
}

.onboarding-context-panel ul {
  display: grid;
  gap: 9px;
  padding-left: 20px;
}

.onboarding-context-proof {
  display: grid;
  gap: 3px;
  margin-top: 24px;
  padding-top: 18px;
  color: var(--pilot-accent);
  border-top: 1px solid var(--pilot-border);
}

.onboarding-context-proof span {
  color: var(--pilot-text-secondary);
  font-size: 13px;
}

.onboarding-goal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pilot-space-2);
  margin: var(--pilot-space-2) 0 var(--pilot-space-3);
}

[data-onboarding-goals-form] .onboarding-goal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.onboarding-goal-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease;
}

.onboarding-goal-card.is-selected {
  border: 2px solid var(--pilot-accent);
  box-shadow: 0 0 0 2px var(--pilot-accent-soft);
}

.onboarding-goal-select {
  display: grid;
  flex: 1;
  gap: 12px;
  width: 100%;
  padding: var(--pilot-space-2);
  color: var(--pilot-text-secondary);
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.onboarding-goal-select:hover,
.onboarding-goal-select:focus-visible {
  color: #ffffff;
  background: var(--pilot-accent);
}

.context-links.onboarding-community-suggest-actions {
  margin: 12px 0 24px;
}

.onboarding-community-suggestion-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.onboarding-goal-select:hover :is(strong, span),
.onboarding-goal-select:focus-visible :is(strong, span) {
  color: inherit;
}

.onboarding-goal-select:hover .onboarding-choice-icon,
.onboarding-goal-select:focus-visible .onboarding-choice-icon {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
}

.onboarding-choice-icon {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: var(--pilot-text);
  border-radius: 11px;
  background: var(--pilot-surface-muted);
}

.onboarding-choice-icon .nav-icon-svg {
  width: 21px;
  height: 21px;
}

.onboarding-goal-card.is-selected .onboarding-choice-icon,
.onboarding-account-choice.is-selected .onboarding-choice-icon {
  color: var(--pilot-accent);
  background: var(--pilot-accent-soft);
}

.onboarding-goal-card.is-selected .onboarding-goal-select:hover .onboarding-choice-icon,
.onboarding-goal-card.is-selected .onboarding-goal-select:focus-visible .onboarding-choice-icon {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
}

.onboarding-goal-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.onboarding-goal-heading strong,
.onboarding-account-choice strong {
  color: var(--pilot-text);
  font-size: 17px;
}

.onboarding-selection-label {
  color: var(--pilot-text-secondary);
  font-weight: 700;
  font-size: var(--pilot-type-caption);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.onboarding-goal-card.is-selected .onboarding-selection-label {
  color: var(--pilot-accent);
}

.onboarding-goal-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 var(--pilot-space-2);
  padding: 10px 0;
  color: var(--pilot-text-secondary);
  border-top: 1px solid var(--pilot-border);
  border-bottom: 1px solid var(--pilot-border);
  font-weight: 700;
  font-size: 12px;
}

.onboarding-goal-order[hidden] {
  display: none;
}

.onboarding-order-buttons {
  display: flex;
  gap: 4px;
}

.onboarding-order-buttons button {
  width: 30px;
  height: 30px;
  padding: 0;
  color: var(--pilot-text);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface);
}

.onboarding-order-buttons button:disabled {
  opacity: 0.35;
}

.onboarding-goal-detail {
  margin: 0 var(--pilot-space-2);
  padding: 12px 0 var(--pilot-space-2);
}

.onboarding-goal-detail summary {
  color: var(--pilot-text);
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
}

.onboarding-goal-detail summary span {
  color: var(--pilot-text-secondary);
  font-weight: 500;
}

.onboarding-goal-detail textarea {
  width: 100%;
  margin-top: 10px;
}

.onboarding-account-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pilot-space-2);
  margin: var(--pilot-space-2) 0;
}

.onboarding-account-choice {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 138px;
  align-items: flex-start;
  justify-self: stretch;
  gap: var(--pilot-space-2);
  padding: var(--pilot-space-3);
  color: var(--pilot-text);
  text-align: left;
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
  cursor: pointer;
}

.onboarding-account-choice.is-selected {
  border: 2px solid var(--pilot-accent);
  box-shadow: 0 0 0 2px var(--pilot-accent-soft);
}

.onboarding-account-choice > span:last-child {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.onboarding-account-choice small,
.onboarding-manual-actions p {
  color: var(--pilot-text-secondary);
  font-size: 14px;
  line-height: 1.45;
}

.onboarding-manual-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pilot-space-2);
  margin-bottom: var(--pilot-space-2);
  padding: 12px var(--pilot-space-2);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.onboarding-manual-actions[hidden] {
  display: none;
}

.onboarding-manual-actions p {
  margin: 0;
}

.onboarding-form-pane .onboarding-pairing-options,
.onboarding-form-pane .onboarding-connect-panel {
  padding: var(--pilot-space-2);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
}

.onboarding-pairing-options > summary,
.onboarding-connect-panel > summary {
  padding: 0;
}

.help-menu {
  position: relative;
}

.help-menu summary {
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  cursor: pointer;
  list-style: none;
}

.help-menu[open] button {
  position: absolute;
  z-index: 70;
  top: calc(100% + 6px);
  right: 0;
  width: max-content;
  padding: 9px 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}

.walkthrough-highlight {
  position: relative;
  z-index: 112;
  outline: 4px solid var(--pilot-accent);
  outline-offset: 4px;
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.38);
}

[data-aggressive-risk-disclosure] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  margin-top: 16px;
  padding: 14px 16px;
  line-height: 1.45;
}

[data-aggressive-risk-disclosure][hidden] {
  display: none;
}

[data-aggressive-risk-disclosure] input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 3px 0 0;
}

[data-aggressive-risk-disclosure] span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

[data-aggressive-risk-disclosure] small {
  line-height: 1.45;
}

.walkthrough-backdrop {
  position: fixed;
  inset: 0;
  z-index: 114;
  pointer-events: none;
}

.walkthrough-card {
  position: fixed;
  right: 28px;
  bottom: 28px;
  width: min(420px, calc(100vw - 40px));
  padding: 24px;
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  color: var(--pilot-text);
  background: var(--pilot-surface);
  box-shadow: 0 18px 48px rgba(23, 23, 20, 0.18);
  pointer-events: auto;
}

.walkthrough-card[data-walkthrough-ready="false"] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.walkthrough-card[data-walkthrough-ready="true"] {
  visibility: visible;
  opacity: 1;
}

.walkthrough-card .notice-dismiss-button {
  position: absolute;
  top: 14px;
  right: 14px;
}

.walkthrough-card h2 {
  margin: 8px 40px 8px 0;
}

.walkthrough-card .small-button {
  border-color: var(--pilot-border);
  color: var(--pilot-text);
  background: var(--pilot-surface);
}

.walkthrough-card :is([data-walkthrough-next], [data-walkthrough-finish]) {
  border-color: var(--pilot-accent);
  color: #ffffff;
  background: var(--pilot-accent);
}

.walkthrough-progress {
  display: flex;
  gap: 6px;
  margin: 18px 0;
}

.walkthrough-progress span {
  width: 30px;
  height: 4px;
  border-radius: 999px;
  background: var(--line);
}

.walkthrough-progress span[aria-current="step"] {
  background: var(--orange);
}

.project-select,
.language-switcher {
  display: grid;
  gap: 6px;
  font-weight: 700;
}

.language-switcher {
  min-width: 132px;
  font-size: 0.84rem;
}

select,
input,
button {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
}

select,
input {
  padding: 7px 9px;
}

textarea {
  padding: 7px 9px;
  font: inherit;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

button {
  width: max-content;
  padding: 7px 12px;
  background: var(--orange);
  color: white;
  border-color: var(--orange);
  cursor: pointer;
}

button:hover {
  background: var(--orange-strong);
}

.primary-button,
a.primary-button {
  display: inline-flex;
  align-items: center;
  width: max-content;
  border: 1px solid var(--orange);
  background: var(--orange);
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.primary-button:hover,
a.primary-button:hover {
  border-color: var(--orange-strong);
  background: var(--orange-strong);
}

.secondary-button,
a.secondary-button,
.filter-bar button[type="submit"] {
  border-color: var(--line);
  background: var(--surface);
  color: var(--orange-strong);
}

.secondary-button:hover,
a.secondary-button:hover,
.filter-bar button[type="submit"]:hover {
  border-color: var(--orange);
  background: var(--surface-quiet);
  color: var(--orange-strong);
}

.actor-chip {
  display: flex;
  min-height: var(--topbar-control-height);
  gap: 8px;
  align-items: center;
  max-width: 420px;
  padding: 4px 5px 4px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
}

.actor-chip strong,
.actor-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.actor-chip .small-button {
  flex: 0 0 auto;
  margin: 0;
}

.actor-chip-internal span {
  max-width: 180px;
}

.actor-chip span {
  font-size: 13px;
}

.page-header,
.panel {
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.page-header {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
}

.page-header > :first-child {
  min-width: 0;
}

.page-header-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
}

.page-header-actions .small-button {
  margin: 0;
}

.page-header h1,
.panel h2,
.stub-card h2,
.state h3 {
  margin: 0;
}

.eyebrow {
  margin: 0 0 6px;
  color: var(--orange-strong);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.stub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.insight-card {
  display: grid;
  gap: 12px;
}

.insight-card-copy {
  display: grid;
  gap: 6px;
}

.insight-card-headline {
  font-size: 18px;
  line-height: 1.35;
}

.insight-card-support {
  margin: 0;
  color: var(--muted);
}

.insight-card-source {
  margin-top: 0;
}

.insight-card-next {
  margin: 4px 0 0;
  color: var(--text);
  font-size: 14px;
}

.insight-card-next a {
  font-weight: 800;
}

.metric-card {
  min-height: 104px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.metric-card > span,
.metric-card > small,
.muted {
  color: var(--muted);
}

.metric-card > span,
.metric-card > strong,
.metric-card > small {
  display: block;
}

.metric-card strong {
  margin-top: 8px;
  overflow-wrap: anywhere;
  font-size: 20px;
}

.metric-label-with-info {
  display: inline-flex !important;
  gap: 6px;
  align-items: center;
}

.info-tooltip {
  position: relative;
  display: inline-grid !important;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text) !important;
  font-size: 12px;
  font-weight: 800;
  cursor: help;
}

.info-tooltip-icon {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  text-transform: none;
}

.info-tooltip small {
  position: absolute;
  z-index: 5;
  bottom: calc(100% + 8px);
  left: 50%;
  display: none;
  width: min(260px, 70vw);
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
  color: var(--text) !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.35;
  text-align: left;
  text-transform: none;
  transform: translateX(-50%);
}

.info-tooltip:hover small,
.info-tooltip:focus small {
  display: block;
}

.button-tooltip {
  position: relative;
  display: inline-flex;
}

.button-tooltip-content {
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  right: 0;
  display: none;
  width: max-content;
  max-width: min(320px, calc(100vw - 32px));
  padding: 8px 10px;
  color: #fff;
  border-radius: 7px;
  background: #2c2c2a;
  box-shadow: 0 4px 14px rgba(44, 44, 42, 0.16);
  font-size: var(--fs-small);
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-2px);
}

.button-tooltip:hover .button-tooltip-content,
.button-tooltip:focus-within .button-tooltip-content,
.button-tooltip > button:hover + .button-tooltip-content,
.button-tooltip > button:focus + .button-tooltip-content {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.shared-metric-card {
  min-height: 112px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.shared-metric-card-label,
.shared-metric-card > small {
  display: block;
  color: var(--muted);
}

.shared-metric-card-value {
  display: block;
  margin-top: 8px;
  overflow-wrap: anywhere;
  font-size: 28px;
  line-height: 1.1;
}

.shared-metric-card-meta,
.data-source-meta,
.action-queue-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.overview-metric-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.overview-cockpit-panels {
  display: grid;
  gap: 16px;
}

.command-funnel {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.command-funnel-step {
  display: contents;
}

.command-funnel-stage {
  display: grid;
  flex: 1 1 0;
  min-height: 132px;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding: 14px 10px;
  border: 1px solid #9abbea;
  border-radius: 8px;
  background: #e0edff;
  color: var(--text);
  text-align: center;
  text-decoration: none;
}

.command-funnel-stage:hover {
  border-color: var(--orange);
  background: #eef5ff;
}

.command-funnel-stage strong {
  font-size: 30px;
  line-height: 1;
}

.command-funnel-stage .metric-label-with-info {
  justify-content: center;
}

.command-funnel-index,
.timeline-icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--surface);
  color: var(--orange-strong);
  font-size: 12px;
  font-weight: 800;
}

.command-funnel-connector {
  align-self: center;
  color: var(--muted);
  font-weight: 900;
}

.command-center-tabs {
  margin-bottom: 16px;
}

.segmented-tabs {
  display: inline-flex;
  gap: 3px;
  margin-bottom: 16px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.segmented-tabs a {
  min-width: 72px;
  padding: 5px 10px;
  border-radius: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.segmented-tabs a.is-active {
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.data-source-compact {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.command-trend-chart {
  display: grid;
  gap: 8px;
  margin: 0;
}

.command-trend-chart svg {
  width: 100%;
  min-height: 180px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fbff, #fff);
}

.trend-axis {
  stroke: var(--line);
  stroke-width: 1;
}

.trend-area {
  fill: rgba(37, 99, 235, 0.12);
}

.trend-line {
  fill: none;
  stroke: var(--orange);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.trend-line-empty {
  stroke: var(--muted);
  stroke-dasharray: 7 7;
}

.trend-line-discovered {
  stroke: #2563eb;
}

.trend-line-drafted {
  stroke: #059669;
}

.trend-line-published {
  stroke: #d97706;
}

.trend-point {
  fill: var(--surface);
  stroke: var(--orange);
  stroke-width: 2;
}

.trend-point-discovered {
  stroke: #2563eb;
}

.trend-point-drafted {
  stroke: #059669;
}

.trend-point-published {
  stroke: #d97706;
}

.performance-line-chart {
  display: grid;
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.performance-line-chart figcaption {
  font-weight: 800;
}

.performance-line-chart svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 420 / 170;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, var(--pilot-surface-muted), var(--pilot-surface));
}

.performance-trend-area {
  fill: rgba(15, 118, 110, 0.12);
}

.performance-trend-line {
  fill: none;
  stroke: var(--orange);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.performance-trend-point circle {
  fill: var(--surface);
  stroke: var(--orange);
  stroke-width: 2;
}

.performance-trend-point text {
  fill: var(--muted);
  font-size: 11px;
}

.donut-chart-layout {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.donut-chart {
  width: 150px;
  height: 150px;
}

.donut-chart-track,
.donut-chart-segment {
  fill: none;
  stroke-width: 18;
  transform: rotate(-90deg);
  transform-origin: 70px 70px;
}

.donut-chart-track {
  stroke: var(--surface-quiet);
}

.donut-chart-segment {
  stroke-linecap: butt;
  cursor: pointer;
  transition: opacity 0.16s ease, stroke-width 0.16s ease;
}

.donut-chart-segment:hover,
.donut-chart-segment:focus {
  opacity: 0.82;
  outline: none;
  stroke-width: 20;
}

.chart-hover-tooltip {
  position: fixed;
  z-index: 80;
  display: none;
  max-width: min(260px, calc(100vw - 32px));
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  pointer-events: none;
}

.chart-hover-tooltip.is-visible {
  display: block;
}

.donut-chart-total {
  fill: var(--text);
  font-size: 24px;
  font-weight: 900;
}

.donut-chart-label {
  fill: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.donut-chart-legend {
  display: grid;
  gap: 8px;
}

.donut-chart-legend-row {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.donut-chart-legend-row span {
  width: 12px;
  height: 12px;
  border-radius: 999px;
}

.donut-chart-legend-row small {
  color: var(--muted);
}

.axis-bar-chart {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(104px, 1fr);
  gap: 14px;
  align-items: end;
  min-height: 238px;
  padding: 12px 8px 0;
  overflow-x: auto;
}

.axis-bar-group {
  display: grid;
  grid-template-rows: 150px auto auto auto auto;
  gap: 5px;
  align-items: end;
  justify-items: center;
  min-width: 0;
  text-align: center;
}

.axis-bar-group.is-active .axis-bar {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22);
}

.axis-bar-group a {
  display: grid;
  align-items: end;
  height: 150px;
  text-decoration: none;
}

.axis-bar {
  display: block;
  width: 34px;
  border-radius: 6px 6px 0 0;
  background: var(--orange);
}

.axis-bar-group strong {
  font-size: 18px;
}

.axis-bar-group span,
.axis-bar-group small {
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 12px;
}

.axis-bar-details {
  width: 100%;
}

.axis-bar-details summary {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  color: var(--orange);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.axis-bar-details:not([open]) .mini-grouped-bars {
  display: none;
}

.axis-bar-baseline {
  position: absolute;
  right: 8px;
  bottom: 79px;
  left: 8px;
  height: 1px;
  background: var(--line);
}

.mini-grouped-bars {
  display: grid;
  grid-template-columns: repeat(4, minmax(42px, 1fr));
  gap: 5px;
  align-items: end;
  width: 100%;
  padding-top: 6px;
}

.mini-grouped-bar {
  display: grid;
  gap: 3px;
  justify-items: center;
  min-width: 0;
}

.mini-grouped-bar i {
  display: block;
  width: 14px;
  border-radius: 4px 4px 0 0;
  background: var(--orange);
  opacity: 0.72;
}

.mini-grouped-bar b {
  font-size: 12px;
}

.mini-grouped-bar small {
  max-width: 64px;
}

.active-filter-pill {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-quiet);
  color: var(--text);
  font-weight: 700;
}

.active-filter-chips {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: min(100%, 260px);
}

.active-filter-chip {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  max-width: 100%;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-quiet);
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.active-filter-chip span {
  overflow-wrap: anywhere;
}

.active-filter-chip strong {
  color: var(--muted);
  font-size: 13px;
  line-height: 1;
}

.pagination-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
}

.pagination-controls .is-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.client-list-pagination {
  padding-top: var(--pilot-space-1);
  border-top: 1px solid var(--pilot-border);
}

.client-list-pagination > span:not(.small-button) {
  color: var(--pilot-text-secondary);
  font-size: 13px;
}

.insight-more-disclosure {
  margin-top: var(--pilot-space-1);
}

.insight-more-disclosure summary {
  width: fit-content;
  cursor: pointer;
  color: var(--pilot-accent);
  font-size: 13px;
  font-weight: 700;
}

.insight-more-disclosure[open] summary {
  margin-bottom: var(--pilot-space-1);
}

.monitoring-content-grid {
  display: grid;
  gap: 10px;
}

.monitoring-performance-shell {
  display: grid;
  gap: var(--pilot-space-3);
}

.monitoring-section-intro {
  margin: 0;
}

.monitoring-primary-metrics {
  display: grid;
  gap: var(--pilot-space-2);
}

.monitoring-primary-metrics > .metric-grid {
  margin: 0;
}

.monitoring-trend-panel {
  display: grid;
  gap: var(--pilot-space-2);
}

.monitoring-trend-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pilot-space-2);
}

.monitoring-secondary-charts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pilot-space-3);
  align-items: stretch;
}

.monitoring-secondary-charts > .panel {
  height: 100%;
}

.monitoring-reference-note {
  opacity: 0.88;
}

.monitoring-reference-note .guidance-note {
  margin: 0;
  border-color: var(--pilot-border);
  background: var(--pilot-surface-muted);
  color: var(--pilot-text-secondary);
}

.monitoring-content-trend {
  margin-top: var(--pilot-space-3);
  padding-top: var(--pilot-space-3);
  border-top: 1px solid var(--pilot-border);
}

.monitoring-trend-grid-compact {
  gap: var(--pilot-space-2);
}

.monitoring-trend-grid-compact .performance-line-chart {
  min-width: 0;
}

.monitoring-content-card {
  padding: 0;
}

.monitoring-content-card summary {
  list-style: none;
}

.monitoring-content-card summary::-webkit-details-marker {
  display: none;
}

.monitoring-content-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
  gap: 14px;
  align-items: center;
  padding: 14px;
  cursor: pointer;
}

.monitoring-content-title {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.monitoring-content-title strong,
.monitoring-content-title small {
  overflow-wrap: anywhere;
}

.monitoring-content-title small {
  color: var(--muted);
}

.monitoring-content-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(64px, 1fr));
  gap: 8px;
}

.monitoring-content-metrics span {
  display: grid;
  gap: 2px;
  min-height: 58px;
  align-content: center;
  justify-items: center;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.content-metric-delta {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}

.content-metric-delta.is-up {
  color: var(--success);
}

.content-metric-delta.is-down {
  color: var(--danger);
}

.monitoring-content-metrics strong {
  font-size: 18px;
}

.monitoring-content-metrics small {
  color: var(--muted);
  font-size: 11px;
}

.monitoring-content-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 0 14px 14px;
}

.performance-bar-row-link {
  color: inherit;
  text-decoration: none;
}

.trend-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.trend-legend span {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

.trend-swatch {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.trend-swatch-discovered {
  background: #2563eb;
}

.trend-swatch-drafted {
  background: #059669;
}

.trend-swatch-published {
  background: #d97706;
}

.segmented-control {
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.segment {
  min-width: 72px;
  padding: 5px 8px;
  border-radius: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.segment.active {
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.content-section-tabs {
  margin-bottom: 16px;
}

/* Locked Content-page hierarchy and card system. */
.main-shell:has(.content-section-tabs) {
  --content-fs-label: var(--fs-label);
  --content-fs-body: var(--fs-body);
  --content-fs-small: var(--fs-small);
  --content-fs-big: var(--fs-big);
  --content-card-pad: clamp(1.25rem, 1.6vw, 2rem);
  --content-card-gap: clamp(10px, 1vw, 18px);
  --content-orange: var(--orange);
  --content-card-border: var(--pilot-border);
}

.main-shell:has(.content-section-tabs) .content-section-tabs {
  gap: 8px;
  margin-bottom: 20px;
  padding: 0;
  border: 0;
  background: transparent;
}

.main-shell:has(.content-section-tabs) .content-section-tabs .segment {
  min-width: 0;
  padding: 8px 18px;
  border: 1px solid var(--content-card-border);
  border-radius: 8px;
  background: #fff;
  color: #2c2c2a;
  font-size: var(--content-fs-body);
  font-weight: 600;
  box-shadow: none;
}

.main-shell:has(.content-section-tabs) .content-section-tabs .segment.active {
  border-color: var(--content-orange);
  background: var(--content-orange);
  color: #fff;
}

.content-plan-workspace,
.content-persona-section,
.content-persona-grid {
  display: grid;
  gap: var(--content-card-gap, 14px);
}

.content-plan-review-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--content-card-gap);
  margin-bottom: 6px;
}

.main-shell:has(.content-section-tabs) :is(.content-plan-review-metrics, .content-persona-metrics) .metric-card {
  padding: var(--content-card-pad);
  border-color: var(--content-card-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.main-shell:has(.content-section-tabs) :is(.content-plan-review-metrics, .content-persona-metrics) .metric-label {
  font-size: var(--content-fs-label);
}

.main-shell:has(.content-section-tabs) :is(.content-plan-review-metrics, .content-persona-metrics) .metric-card strong {
  color: var(--content-orange);
  font-size: var(--content-fs-big);
}

.content-plan-view-tabs {
  display: flex;
  gap: 8px;
  margin: 2px 0 4px 2px;
}

.content-plan-view-tab {
  padding: 6px 14px;
  border: 1px solid var(--content-card-border);
  border-radius: 6px;
  background: #fff;
  color: #2c2c2a;
  font-size: var(--content-fs-small);
  font-weight: 600;
  text-decoration: none;
}

.content-plan-view-tab.active {
  background: #f3eadd;
  color: #6b4a2a;
}

.content-plan-list-toolbar,
.content-plan-calendar-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.content-plan-list-toolbar h2,
.content-plan-calendar-toolbar h2,
.content-plan-list-toolbar p,
.content-plan-calendar-toolbar p {
  margin: 0;
}

.content-plan-list-toolbar h2,
.content-plan-calendar-toolbar h2 {
  font-size: var(--fs-section);
  line-height: 1.2;
}

.content-plan-list-toolbar p,
.content-plan-calendar-toolbar p {
  color: var(--pilot-text-secondary);
  font-size: var(--content-fs-small);
}

.content-plan-status-group > summary {
  margin: 20px 0 10px;
  cursor: pointer;
  list-style: none;
}

.content-plan-status-group > summary::-webkit-details-marker {
  display: none;
}

.content-plan-status-group > summary > h3 {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 0;
  color: var(--pilot-text);
  font-size: var(--fs-subsection);
  line-height: 1.25;
  font-weight: 700;
}

.content-plan-status-group > summary > h3::before {
  content: "▸";
  color: #8a8378;
  font-size: 0.8em;
  transition: transform 0.15s ease;
}

.content-plan-status-group[open] > summary > h3::before {
  transform: rotate(90deg);
}

.content-plan-status-group > summary > h3 span {
  color: #8a8378;
  font-size: var(--content-fs-small);
  font-weight: 500;
}

.content-plan-status-group-body {
  display: grid;
  gap: var(--content-card-gap);
}

.content-plan-draft-card,
.content-plan-calendar-card,
.content-persona-card,
.content-persona-section + .panel[data-settings-tab-panel="persona-recommendations"] {
  padding: var(--content-card-pad);
  border: 1px solid var(--content-card-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.content-plan-draft-card {
  margin-bottom: 12px;
}

.content-plan-draft-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.content-plan-status-badge,
.content-plan-cta-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: var(--content-fs-small);
  font-weight: 600;
}

.content-plan-status-badge[data-content-status="generating"] {
  background: #f1efe8;
  color: #5f5e5a;
}

.content-plan-status-badge[data-content-status="self_check"],
.content-plan-cta-badge {
  background: #fdf1dc;
  color: #8a6a0c;
}

.content-plan-status-badge[data-content-status="pending_human_review"] {
  background: #fceedf;
  color: #b4590c;
}

.content-plan-status-badge[data-content-status="approved_pending_publish"] {
  background: #e6f1fb;
  color: #0c447c;
}

.content-plan-status-badge[data-content-status="published"] {
  background: #eaf3de;
  color: #3b6d11;
}

.content-plan-status-badge[data-content-status="rejected"] {
  background: #fcebeb;
  color: #a32d2d;
}

.content-plan-draft-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--content-card-gap);
  margin-bottom: 12px;
}

.content-plan-draft-grid > div > span,
.content-plan-draft-meta,
.content-plan-source-link,
.content-plan-next-action {
  font-size: var(--content-fs-small);
}

.content-plan-draft-grid > div > span {
  color: #8a8378;
}

.content-plan-draft-grid p {
  margin: 4px 0 0;
  color: #2c2c2a;
  font-size: var(--content-fs-body);
  line-height: 1.5;
}

.content-plan-draft-meta {
  margin: 0 0 8px;
  color: #6b5e4a;
}

.content-plan-source-link {
  margin: 0 0 8px;
}

.content-plan-source-link a {
  color: var(--content-orange);
  text-decoration: none;
}

.content-plan-next-action {
  margin: 0 0 12px;
  padding: 6px 10px;
  border-radius: 6px;
  background: #fceedf;
  color: #b4590c;
}

.content-plan-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-bottom: 16px;
  color: #6b5e4a;
  font-size: var(--content-fs-small);
}

.content-plan-calendar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.content-plan-calendar-legend i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.content-plan-calendar-card {
  padding: clamp(0.75rem, 1vw, 1.25rem);
}

.content-plan-calendar {
  gap: 8px;
  border: 0;
  background: transparent;
}

.content-plan-calendar-weekday,
.content-plan-calendar-cell {
  min-width: 100px;
}

.content-plan-calendar-weekday {
  padding: 4px 6px;
  background: transparent;
  color: #8a8378;
  font-size: var(--content-fs-small);
  text-transform: none;
}

.content-plan-calendar-cell {
  min-height: 80px;
  padding: 6px;
  border: 1px solid #ede7d8;
  border-radius: 6px;
  background: #fff;
}

.content-plan-calendar-cell.is-empty {
  background: #fbf8f2;
}

.content-plan-calendar-chip {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  margin-top: 4px;
  padding: 3px 6px;
  overflow: hidden;
  border-left: 4px solid var(--content-status-color);
  border-radius: 4px;
  background: color-mix(in srgb, var(--content-status-color) 12%, #fff);
  color: #2c2c2a;
  font-size: var(--content-fs-small);
  text-decoration: none;
  white-space: normal;
}

.content-plan-calendar-chip span,
.content-plan-calendar-chip small {
  display: block;
  min-width: 0;
  text-align: left;
}

.content-plan-calendar-account {
  margin-top: 1px;
  color: #6b5e4a;
  font-size: 0.9em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.content-plan-calendar-chip small {
  margin-top: 1px;
  color: #6b5e4a;
  font-size: 0.9em;
  font-weight: 700;
}

.content-persona-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--content-card-gap);
  margin-bottom: 18px;
}

.content-persona-section {
  margin-bottom: 18px;
}

.content-persona-section > .panel-header {
  margin-bottom: 0;
}

.content-persona-card {
  padding: 0;
}

.content-persona-card .persona-map-summary {
  align-items: center;
  padding: var(--content-card-pad);
}

.content-persona-card .persona-map-summary h3 {
  margin: 0;
  font-size: var(--content-fs-body);
}

.content-persona-meta {
  margin: 3px 0 0;
  color: #8a8378;
  font-size: var(--content-fs-small);
}

.content-persona-status {
  padding: 3px 10px;
  border-radius: 6px;
  font-size: var(--content-fs-small);
  font-weight: 600;
}

.content-persona-status.is-linked {
  background: #eaf3de;
  color: #3b6d11;
}

.content-persona-status.is-unlinked {
  background: #fdf1dc;
  color: #8a6a0c;
}

.content-persona-summary-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.content-persona-role {
  padding: 3px 10px;
  border-radius: 6px;
  background: #f3eadd;
  color: #6b4a2a;
  font-size: var(--content-fs-small);
  font-weight: 700;
}

.content-persona-subreddits {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.content-persona-subreddits span {
  padding: 2px 10px;
  border-radius: 6px;
  background: #f3eadd;
  color: #6b4a2a;
  font-size: var(--content-fs-small);
}

.content-persona-subreddits small {
  color: #8a8378;
  font-size: var(--content-fs-small);
}

@media (max-width: 800px) {
  .content-plan-review-metrics,
  .content-persona-metrics,
  .content-plan-draft-grid {
    grid-template-columns: 1fr;
  }

  .content-plan-list-toolbar,
  .content-plan-calendar-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
}

.discover-tabs-toolbar {
  align-items: center;
}

.command-center-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
  gap: 16px;
}

.command-timeline {
  display: grid;
  gap: 10px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.command-timeline-row,
.client-task-row,
.command-task-group {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.command-timeline-row p,
.client-task-row p,
.compact-empty {
  margin: 3px 0 0;
  color: var(--muted);
}

.command-timeline-row time {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.command-task-groups,
.client-task-sections,
.client-task-list {
  display: grid;
  gap: 10px;
}

.command-task-group {
  grid-template-columns: minmax(0, 1fr) auto;
}

.command-task-group strong,
.command-task-group span {
  display: block;
}

.command-task-group strong {
  font-size: 24px;
}

.client-task-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.shared-trend {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  margin-top: 10px;
  padding: 3px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-quiet);
  font-size: 12px;
  font-weight: 800;
}

.shared-trend-up {
  border-color: #bbf7d0;
  background: #dcfce7;
  color: #166534;
}

.shared-trend-down {
  border-color: #fecaca;
  background: #fee2e2;
  color: var(--danger);
}

.shared-trend-flat {
  border-color: #dbeafe;
  background: #eff6ff;
  color: #1d4ed8;
}

.workflow-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.workflow-step {
  position: relative;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.workflow-step-dot {
  width: 12px;
  height: 12px;
  border: 2px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
}

.workflow-step-label {
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.workflow-step-complete .workflow-step-dot,
.workflow-step-current .workflow-step-dot {
  border-color: var(--orange);
  background: var(--orange);
}

.workflow-step-current {
  border-color: var(--orange);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14);
}

.workflow-step-current .workflow-step-label {
  color: var(--text);
}

.workflow-stepper-exception {
  margin: 0 0 12px;
  color: var(--danger);
  font-weight: 700;
}

.action-queue {
  display: grid;
  gap: 10px;
}

.action-queue-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.action-queue-row h3,
.action-queue-row p {
  margin: 0;
}

.action-queue-row p {
  margin-top: 4px;
  color: var(--muted);
}

.action-queue-button,
.shared-empty-state-action {
  align-self: center;
  text-decoration: none;
}

.shared-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-quiet);
  font-size: 12px;
  font-weight: 800;
}

.shared-status-badge-neutral {
  color: var(--muted);
}

.shared-status-badge-warning {
  border-color: #fed7aa;
  background: #ffedd5;
  color: var(--warn);
}

.shared-status-badge-success {
  border-color: #bbf7d0;
  background: #dcfce7;
  color: #166534;
}

.shared-status-badge-danger {
  border-color: #fecaca;
  background: #fee2e2;
  color: var(--danger);
}

.shared-empty-state {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.shared-empty-state h3,
.shared-empty-state p {
  margin: 0;
}

.shared-empty-state h3 {
  font-size: var(--fs-subsection);
  line-height: 1.25;
}

.shared-empty-state p {
  color: var(--muted);
}

.shared-preview-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.toolbar,
.filter-bar {
  display: flex;
  gap: 12px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.toolbar {
  align-items: center;
  margin-bottom: 16px;
  padding: 18px;
}

.toolbar h1,
.toolbar h2 {
  margin: 0;
}

.toolbar p {
  margin: 4px 0 0;
  color: var(--muted);
}

.toolbar-controls {
  display: flex;
  gap: 8px;
  align-items: center;
}

.filter-bar {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.performance-filter-shell {
  position: sticky;
  z-index: 20;
  top: 0;
  display: grid;
  gap: 10px;
  align-items: stretch;
}

.monitoring-redesign .performance-filter-shell {
  position: static;
  padding: clamp(12px, 1vw, 16px);
  border-color: #e4ddcb;
  background: color-mix(in srgb, #ffffff 72%, #f7f4ec);
  box-shadow: none;
}

.monitoring-redesign .performance-filter-shell :is(label, summary) {
  color: var(--monitor-muted);
  font-size: var(--fs-small);
  font-weight: 600;
}

.performance-primary-filter-bar,
.performance-secondary-filter-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
}

.performance-secondary-filters {
  width: 100%;
}

.performance-secondary-filters summary {
  width: fit-content;
  color: var(--orange);
  cursor: pointer;
  font-weight: 800;
}

.compact-field {
  display: grid;
  gap: 6px;
  min-width: 148px;
  font-weight: 700;
}

.small-button {
  min-height: 32px;
  margin: 0;
  padding: 5px 9px;
  font-size: 13px;
}

.industry-curation-control {
  display: grid;
  gap: 5px;
  min-width: 190px;
  margin-top: 6px;
  padding-top: 7px;
  border-top: 1px solid var(--line);
}

.industry-curation-control label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.industry-curation-control select {
  min-height: 32px;
  max-width: 220px;
}

.danger-button {
  background: var(--danger);
  border-color: var(--danger);
}

.small-button:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.disabled-action-wrapper {
  display: inline-flex;
  width: fit-content;
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
}

.markdown-table {
  min-width: 640px;
}

th,
td {
  padding: 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

th {
  background: var(--surface-quiet);
  font-size: 12px;
  text-transform: uppercase;
}

td strong,
td span {
  display: block;
}

.badge {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-quiet);
  font-size: 12px;
  font-weight: 700;
}

.badge-danger {
  border-color: #fecaca;
  background: #fee2e2;
  color: var(--danger);
}

.badge-warning {
  border-color: #fed7aa;
  background: #ffedd5;
  color: var(--warn);
}

.badge-success {
  border-color: #bbf7d0;
  background: #dcfce7;
  color: #166534;
}

.status-cell {
  display: grid;
  gap: 4px;
}

.status-cell small {
  max-width: 220px;
  color: var(--muted);
  font-size: 12px;
}

.flagged-self-check-note {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  max-width: 360px;
  padding: 8px 10px;
  border: 1px solid #fed7aa;
  border-left: 4px solid var(--warn);
  border-radius: 8px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 13px;
  line-height: 1.35;
}

.flagged-self-check-icon {
  display: inline-grid;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f97316;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.inline-form {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 280px;
}

.inline-form input {
  min-width: 180px;
}

.manual-package-grid {
  display: grid;
  gap: 12px;
}

.settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.settings-tab-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 6px;
  color: var(--muted);
  font-weight: 800;
  text-decoration: none;
}

.settings-tab-link:hover,
.settings-tab-link.active {
  background: var(--surface-quiet);
  color: var(--text);
}

.settings-account-detail-grid {
  margin-bottom: 16px;
}

.settings-account-instructions {
  margin-bottom: 16px;
}

.settings-account-instructions summary,
.onboarding-pairing-options summary {
  cursor: pointer;
}

.settings-account-instructions-body,
.onboarding-pairing-options ul {
  margin: 12px 0 0;
}

.settings-account-instructions-body p:last-child,
.onboarding-pairing-options li:last-child {
  margin-bottom: 0;
}

.settings-account-actions {
  margin-top: auto;
}

.settings-section-group {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.section-kicker {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.settings-account-detail-body,
.settings-brand-corpus-body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-persona-block {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.settings-persona-block h4,
.settings-persona-block ul {
  margin: 0;
}

.settings-persona-block ul {
  margin-top: 8px;
  padding-left: 18px;
}

.settings-account-detail-card .muted-value,
.settings-tab-panel .muted-value {
  color: var(--muted);
  font-size: 0.88rem;
}

.past-recommendations-disclosure {
  margin-top: 12px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.past-recommendations-disclosure summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 10px 12px;
  cursor: pointer;
  font-weight: 800;
}

.past-recommendations-disclosure summary span {
  display: grid;
  gap: 2px;
}

.past-recommendations-disclosure summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.past-recommendations-disclosure > .guidance-note {
  margin: 0 12px 12px;
}

.past-recommendations-disclosure > .manual-package-grid {
  padding: 0 12px 12px;
}

.persona-recommendation-card {
  padding: 0 !important;
  overflow: hidden;
}

.persona-recommendation-card > summary {
  padding: 16px;
  cursor: pointer;
  list-style: none;
}

.persona-recommendation-card > summary::-webkit-details-marker {
  display: none;
}

.persona-recommendation-card > summary::after {
  color: var(--muted);
  content: "⌄";
  font-size: var(--fs-label);
}

.persona-recommendation-card[open] > summary::after {
  transform: rotate(180deg);
}

.persona-recommendation-card > .manual-package-body {
  padding: 0 16px 16px;
}

.persona-recommendation-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.persona-recommendation-controls input {
  width: 64px;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
}

.persona-recommendation-controls .inline-control {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.form-help {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
}

details.persona-recommendation-card:not([open]) > .manual-package-body {
  display: none;
}

.settings-guidance-accordion {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.settings-guidance-accordion summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 12px;
}

.settings-guidance-accordion summary span {
  font-weight: 850;
}

.settings-guidance-accordion summary small {
  color: var(--muted);
  font-weight: 700;
}

.settings-guidance-accordion .voice-guide-sop-section {
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
}

.history-disclosure {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  margin-top: 16px;
}

.history-disclosure summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 12px;
}

.history-disclosure summary span {
  display: grid;
  gap: 2px;
}

.history-disclosure summary strong {
  font-weight: 850;
}

.history-disclosure summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.history-list {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 10px;
  padding: 12px;
}

.history-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
}

.history-item h3,
.history-item p {
  margin: 0;
}

.history-item p,
.history-item dd {
  color: var(--muted);
}

.history-item-meta {
  align-items: end;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.history-item dl {
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
  margin: 0;
}

.history-item dl div {
  display: grid;
  gap: 4px;
}

.history-item dt {
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.history-item dd {
  margin: 0;
}

.activity-timeline {
  display: grid;
  gap: 10px;
}

.lead-candidate-list {
  display: grid;
  gap: var(--pilot-space-3);
  margin-top: var(--pilot-space-3);
}

.lead-candidate-card {
  padding: var(--pilot-space-3);
  border: 1px solid var(--line);
  border-radius: var(--pilot-radius-card);
  background: var(--surface-quiet);
}

.lead-candidate-card .compact-properties {
  display: grid;
  gap: var(--pilot-space-1);
  margin: var(--pilot-space-2) 0;
}

.lead-candidate-card .compact-properties div {
  display: grid;
  grid-template-columns: minmax(120px, 0.3fr) minmax(0, 1fr);
  gap: var(--pilot-space-2);
}

.lead-candidate-card .compact-properties dt {
  color: var(--muted);
  font-size: var(--pilot-type-caption);
  font-weight: 800;
  text-transform: uppercase;
}

.lead-candidate-card .compact-properties dd {
  margin: 0;
}

.lead-candidate-review-form {
  display: grid;
  gap: var(--pilot-space-2);
  margin-top: var(--pilot-space-3);
}

.activity-item {
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
}

.activity-item h3,
.activity-item p {
  margin: 0;
}

.activity-item p {
  color: var(--muted);
  margin-top: 4px;
}

.copy-code-block {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.copy-code-block code {
  background: var(--surface-muted);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  padding: 8px 10px;
}

.content-plan-status-counts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 520px;
}

.content-plan-status-counts > span {
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-quiet);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.content-plan-review-metrics {
  margin-bottom: 16px;
}

.content-plan-month-controls {
  align-items: center;
}

.content-plan-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  gap: 1px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--line);
}

.content-plan-calendar-weekday,
.content-plan-calendar-cell {
  min-width: 120px;
  background: var(--surface);
}

.content-plan-calendar-weekday {
  padding: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.content-plan-calendar-cell {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 156px;
  padding: 8px;
}

.content-plan-calendar-cell.is-empty {
  background: var(--surface-quiet);
}

.content-plan-calendar-date {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.content-plan-calendar-card {
  gap: 8px;
  padding: 10px;
  border-radius: 6px;
}

.structured-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.structured-rule-group,
.reviewer-guidance-panel {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.structured-rule-group h4,
.structured-rule-group p,
.structured-rule-group ul {
  margin-top: 0;
}

.reviewer-guidance-copy {
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
}

.discovery-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 0;
}

.discovery-lifecycle-summary,
.operations-loop-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  list-style: none;
}

.discovery-lifecycle-summary::-webkit-details-marker,
.operations-loop-summary::-webkit-details-marker {
  display: none;
}

.discovery-lifecycle-summary h2,
.operations-loop-summary h2 {
  margin: 0;
}

.discovery-lifecycle-summary p,
.operations-loop-summary p {
  margin: 4px 0 0;
  color: var(--muted);
}

.discovery-lifecycle-panel[open] .discovery-lifecycle-grid,
.operations-loop-panel[open] .operations-loop {
  margin-top: 16px;
}

.discovery-lifecycle-grid div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.discovery-lifecycle-grid dt {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.discovery-lifecycle-grid dd {
  margin: 6px 0 0;
}

.discovery-next-action {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.discovery-next-action p {
  margin: 0;
}

.content-plan-card {
  position: relative;
}

.content-plan-card-hit-target {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}

.content-plan-card > :not(.content-plan-card-hit-target) {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.content-plan-card a:not(.content-plan-card-hit-target),
.content-plan-card button,
.content-plan-card input,
.content-plan-card select,
.content-plan-card textarea {
  pointer-events: auto;
}

.publishing-target-contract {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.publishing-target-contract > div {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--border-color, #d7dde5);
  border-radius: 10px;
  overflow-wrap: anywhere;
}

.gate-warning-confirmation {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #c88616;
  border-radius: 10px;
}

.gate-warning-confirmation label {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.credibility-verification {
  margin: 1rem 0;
  padding: 1rem;
  border: 2px solid var(--color-warning, #b7791f);
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--color-warning, #b7791f) 10%, transparent);
}

.credibility-verification legend {
  padding: 0 0.4rem;
  font-weight: 750;
}

.final-gate-panel[data-final-gate-status="block"] {
  border-color: #b42318;
}

.final-gate-check-details { display: grid; gap: 12px; margin-top: 16px; }
.final-gate-check-detail { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--border-color, #d7dde5); border-radius: 10px; background: var(--surface-subtle, #f8fafc); }
.final-gate-check-detail[data-gate-check-status="block"] { border-color: #b42318; background: color-mix(in srgb, #b42318 7%, white); }
.final-gate-check-detail[data-gate-check-status="warning"] { border-color: #c88616; background: color-mix(in srgb, #c88616 8%, white); }
.final-gate-check-heading { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.final-gate-check-heading h3, .promotion-suggested-fix p, .promotion-model-unavailable p { margin: 0; }
.promotion-disclosure-explanation { display: grid; gap: 10px; margin: 0; }
.promotion-disclosure-explanation > div { display: grid; gap: 4px; }
.promotion-disclosure-explanation dt, .promotion-evidence-spans strong, .promotion-suggested-fix strong { font-weight: 750; }
.promotion-disclosure-explanation dd { margin: 0; }
.promotion-override-control, .promotion-override-audit { margin-top: 14px; padding: 14px; border: 1px solid #d9a441; border-radius: 10px; background: #fff9ec; }
.promotion-override-control { display: grid; gap: 10px; }
.promotion-override-control label { display: grid; gap: 6px; }
.promotion-override-control textarea { width: 100%; }
.promotion-override-audit dl { display: grid; gap: 8px; margin: 10px 0; }
.promotion-override-audit dl > div { display: grid; gap: 3px; }
.promotion-override-audit dt { font-weight: 750; }
.promotion-override-audit dd { margin: 0; overflow-wrap: anywhere; }
.promotion-evidence-spans, .promotion-suggested-fix, .promotion-model-unavailable { display: grid; gap: 8px; }
.promotion-evidence-spans code { padding: 4px 7px; border-radius: 6px; background: color-mix(in srgb, var(--text-color, #17202a) 8%, white); white-space: normal; }
.promotion-model-unavailable { padding: 10px; border-left: 4px solid #c88616; }

.final-gate-panel[aria-busy="true"] {
  cursor: progress;
}

.final-gate-running-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.final-gate-running-status[hidden] {
  display: none;
}

.content-plan-calendar-card .manual-package-header {
  grid-template-columns: minmax(0, 1fr);
}

.content-plan-calendar-card .manual-package-header h3 {
  font-size: 14px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-plan-calendar-card .manual-package-header p,
.content-plan-calendar-card .manual-package-body p,
.content-plan-calendar-card .muted {
  font-size: 12px;
}

.content-plan-calendar-card .url-capture-status-block {
  justify-items: start;
}

.content-plan-calendar-card .manual-package-body {
  grid-template-columns: minmax(0, 1fr);
}

.content-plan-status-bucket {
  margin-top: 12px;
}

.content-plan-list-guide {
  margin-bottom: 12px;
}

.report-catalog-panel[open] .summary-list {
  margin-top: 16px;
}

.report-catalog-panel {
  width: 100%;
  max-width: none;
  margin: 22px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--card-border, #ddd4be);
  background: #fff;
  box-shadow: none;
}

.report-catalog-summary {
  justify-content: flex-start;
  text-align: left;
}

.report-catalog-summary::-webkit-details-marker {
  display: none;
}

.report-catalog-summary::marker {
  content: "";
}

.report-catalog-summary h3,
.report-catalog-summary p {
  margin: 0;
}

.report-catalog-chevron {
  display: inline-block;
  margin-right: 7px;
  color: #6b5e4a;
  transition: transform 160ms ease;
  transform-origin: center;
}

.report-catalog-panel[open] .report-catalog-chevron {
  transform: rotate(180deg);
}

.report-catalog-panel .summary-list {
  background: #fff;
}

.content-plan-card-assignment,
.content-plan-card-action p {
  margin-top: 0;
}

.content-plan-card-context,
.content-plan-card-action {
  align-content: start;
}

.content-plan-status-summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

.content-plan-status-summary h3,
.content-plan-status-summary p {
  margin: 0;
}

.persona-map-card {
  padding: 0;
}

.persona-map-summary {
  align-items: start;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px;
}

.persona-link-connector {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 10px;
}

.persona-link-connector::before {
  background: var(--orange);
  border-radius: 999px;
  content: "";
  display: inline-block;
  height: 6px;
  margin: auto 8px auto 0;
  width: 6px;
}

.persona-link-connector-unlinked {
  border-style: dashed;
}

.persona-link-connector-unlinked::before {
  background: var(--warn);
}

.persona-stat-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.persona-guidance-details {
  border-top: 1px solid var(--line);
  padding: 16px;
}

.persona-map-card-unlinked {
  border-style: dashed;
}

.content-plan-card-stepper {
  display: grid;
  gap: 8px;
}

.content-plan-card-stepper h4 {
  margin: 0;
}

.content-plan-card .workflow-stepper {
  margin-bottom: 0;
}

.content-plan-calendar-card h4,
.content-plan-calendar-card .context-links a {
  font-size: 12px;
}

.content-plan-calendar-card .workflow-stepper {
  grid-template-columns: repeat(5, minmax(48px, 1fr));
  overflow-x: auto;
}

.content-plan-calendar-card .workflow-step {
  padding: 7px;
}

.content-plan-calendar-card .workflow-step-label {
  font-size: 11px;
}

.manual-package-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.publishing-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.publishing-section {
  margin-bottom: clamp(18px, 1.5vw, 24px);
}

.main-shell:has(.publishing-queue-panel) {
  --pad-card: clamp(1.25rem, 1.6vw, 2rem);
  --gap-card: clamp(10px, 1vw, 18px);
}

.publishing-section-heading {
  margin: 0 0 10px;
  color: var(--text);
  font-size: 18px;
  font-weight: 700;
}

.publishing-path-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-card);
}

.publishing-path-card {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 8px;
  min-width: 0;
  padding: var(--pad-card);
  border: 1px solid #ddd4be;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(44 44 42 / 4%);
  color: var(--text);
  text-decoration: none;
}

.publishing-path-card.is-selected {
  padding: calc(var(--pad-card) - 1px);
  border: 2px solid var(--orange);
}

.publishing-path-card > strong {
  font-size: var(--fs-body);
}

.publishing-path-card > span:not(.badge) {
  color: #8a8378;
  font-size: var(--fs-small);
  line-height: 1.45;
}

.publishing-path-card.is-unavailable:not(.is-selected) {
  background: #fffdf9;
}

.publishing-safety-list {
  display: grid;
  gap: var(--gap-card);
}

.publishing-safety-card {
  display: grid;
  gap: 14px;
  padding: var(--pad-card);
  border: 1px solid #ddd4be;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(44 44 42 / 4%);
}

.publishing-safety-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-card);
}

.publishing-safety-header > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: var(--fs-body);
}

.publishing-safety-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-card);
}

.publishing-safety-grid > div {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
}

.publishing-safety-grid span,
.publishing-safety-grid small {
  color: #8a8378;
  font-size: var(--fs-small);
}

.publishing-safety-grid strong {
  overflow-wrap: anywhere;
  font-size: var(--fs-body);
}

.publishing-safety-grid .is-safe {
  color: #3b6d11;
}

.publishing-safety-grid .is-danger {
  color: #a32d2d;
}

.publishing-pairing-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: var(--pad-card);
  border: 1px solid #ddd4be;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(44 44 42 / 4%);
  margin-bottom: clamp(18px, 1.5vw, 24px);
}

.publishing-pairing-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.publishing-pairing-copy > strong {
  font-size: var(--fs-body);
}

.publishing-pairing-copy > p {
  margin: 0;
  color: #8a8378;
  font-size: var(--fs-small);
}

.publishing-pairing-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  margin-left: auto;
}

.main-shell:has(.publishing-queue-panel) .publishing-pairing-actions > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border: 1px solid #ddd4be;
  border-radius: 8px;
  background: #fff;
  color: #2c2c2a;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}

.main-shell:has(.publishing-queue-panel) .publishing-pairing-actions > a:not(.secondary-button) {
  padding-inline: 16px;
  border-color: var(--orange);
  background: var(--orange);
  color: #fff;
}

.main-shell:has(.publishing-queue-panel) .publishing-pairing-actions > a.secondary-button {
  border-color: #ddd4be;
}

.main-shell:has(.publishing-queue-panel) .publishing-pairing-actions > a:hover,
.main-shell:has(.publishing-queue-panel) .publishing-pairing-actions > a:focus-visible {
  text-decoration: none;
}

.publishing-guidance-panel {
  padding: 0;
}

.publishing-flow-panel {
  padding: 0;
}

.publishing-flow-summary {
  display: grid;
  gap: 16px;
  padding: 16px 18px;
  cursor: pointer;
  list-style: none;
}

.publishing-flow-summary::-webkit-details-marker {
  display: none;
}

.publishing-flow-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.publishing-flow-header h2 {
  margin: 0 0 4px;
}

.publishing-flow-header p {
  margin: 0;
  color: var(--muted);
}

.publishing-flow-diagram {
  display: grid;
  grid-template-columns: minmax(120px, 0.75fr) auto minmax(220px, 1.5fr) auto minmax(140px, 0.85fr);
  gap: 10px;
  align-items: center;
}

.publishing-flow-node,
.publishing-flow-branch {
  display: grid;
  gap: 4px;
  min-height: 82px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.publishing-flow-node strong,
.publishing-flow-branch strong {
  font-size: 14px;
}

.publishing-flow-node span,
.publishing-flow-branch span,
.publishing-flow-branch small {
  color: var(--muted);
  font-size: 12px;
}

.publishing-flow-branches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.publishing-flow-arrow {
  color: var(--muted);
  font-weight: 800;
  text-align: center;
}

.publishing-guidance-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  cursor: pointer;
}

.publishing-guidance-summary span {
  display: grid;
  gap: 3px;
}

.publishing-guidance-summary small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.publishing-guidance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 18px 18px;
}

.publishing-guidance-grid h3 {
  margin: 0 0 8px;
  font-size: 15px;
}

.publishing-queue-grid {
  display: grid;
  gap: 10px;
}

.publishing-queue-card {
  padding: 0;
  border-color: #ddd4be;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(44 44 42 / 4%);
}

.publishing-queue-card summary {
  list-style: none;
}

.publishing-queue-card summary::-webkit-details-marker {
  display: none;
}

.publishing-queue-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 14px;
  cursor: pointer;
}

.publishing-queue-title {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.publishing-queue-title strong,
.publishing-queue-title small {
  overflow-wrap: anywhere;
}

.publishing-queue-title small {
  color: var(--muted);
  font-size: var(--fs-small);
}

.publishing-queue-title > strong {
  font-size: var(--fs-body);
}

.publishing-open-draft,
.publishing-url-link {
  justify-self: start;
  color: var(--orange);
  font-size: var(--fs-small);
  font-weight: 650;
  text-decoration: none;
}

.publishing-open-draft:hover,
.publishing-url-link:hover {
  text-decoration: underline;
}

.publishing-card-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}

.publishing-manual-flow {
  display: grid;
  gap: var(--gap-card);
  padding: 0 14px 14px;
}

.publishing-queue-body.publishing-manual-flow {
  grid-template-columns: minmax(0, 1fr);
}

.publishing-queue-body.publishing-manual-flow > .publishing-manual-steps,
.publishing-queue-body.publishing-manual-flow > .publishing-manual-columns {
  grid-column: 1 / -1;
  width: 100%;
}

.publishing-manual-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.publishing-manual-step {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f3eadd;
  color: #8a8378;
  font-size: var(--fs-small);
  font-weight: 650;
}

.publishing-manual-step.is-active {
  background: var(--orange);
  color: #fff;
}

.publishing-manual-step.is-complete {
  background: #eaf3de;
  color: #3b6d11;
}

.publishing-step-connector {
  width: 16px;
  height: 1px;
  background: #ddd4be;
}

.publishing-manual-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.publishing-manual-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--gap-card);
  align-items: start;
}

.publishing-manual-content-column {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
}

.publishing-extension-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}

.publishing-extension-flow {
  display: grid;
  gap: 10px;
  padding: 0 14px 14px;
}

.publishing-draft-box {
  border: 1px solid #ddd4be;
  border-radius: 8px;
  background: #fff;
}

.publishing-draft-box > summary {
  padding: 8px 12px;
  color: #6b5e4a;
  cursor: pointer;
  font-size: var(--fs-small);
  font-weight: 650;
}

.publishing-draft-box > p {
  margin: 0;
  padding: 0 12px 12px;
  color: var(--text);
  font-size: var(--fs-small);
  line-height: 1.5;
  white-space: pre-wrap;
}

.publishing-open-original {
  color: var(--orange);
  font-size: var(--fs-small);
  font-weight: 650;
  text-decoration: none;
}

.publishing-open-original:hover {
  text-decoration: underline;
}

.publishing-manual-confirmation {
  display: grid;
  gap: 8px;
}

.publishing-manual-confirmation > .publishing-next-action {
  margin: 0;
}

.publishing-history-card .publishing-queue-summary {
  cursor: default;
}

.publishing-next-action {
  display: block;
  margin-top: 4px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #fceedf;
  color: #b4590c;
  font-size: var(--fs-small);
  font-weight: 600;
  line-height: 1.4;
}

.publishing-next-action-blocked {
  background: #fcebeb;
  color: #a32d2d;
}

.publishing-next-action-in_progress {
  background: #f3eadd;
  color: #6b4a2a;
}

.publishing-queue-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.publishing-account-list {
  display: grid;
  gap: 10px;
}

.publishing-account-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-soft);
}

.publishing-account-row > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.publishing-account-row strong,
.publishing-account-row span,
.publishing-account-row small {
  overflow-wrap: anywhere;
}

.publishing-account-row span,
.publishing-account-row small {
  color: var(--muted);
  font-size: 12px;
}

.publishing-account-safety {
  margin: 12px 0 0;
}

.publishing-queue-body {
  padding: 0 14px 14px;
  grid-template-columns: minmax(260px, 1fr) minmax(460px, 1.6fr);
}

.publishing-queue-body > .url-capture-package {
  grid-column: 1 / -1;
}

.publishing-queue-body-blocked {
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 1fr);
}

.publishing-blocked-reason {
  border-color: #fecaca;
  background: #fef2f2;
}

.manual-package-header,
.manual-package-body {
  display: grid;
  gap: 12px;
}

.manual-package-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.manual-package-header h3,
.manual-package-card h4 {
  margin: 0;
}

.manual-package-header p {
  margin: 4px 0 0;
  color: var(--muted);
}

.url-capture-status-block {
  display: grid;
  justify-items: end;
  gap: 4px;
}

.manual-package-body {
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr) minmax(260px, 1fr);
}

.manual-package-body.publishing-queue-body {
  grid-template-columns: minmax(260px, 1fr) minmax(460px, 1.6fr);
}

.manual-package-card textarea,
.url-capture-form input,
.published-url-text {
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.voice-guide-primary {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.voice-guide-primary .panel-header h2 {
  font-size: var(--fs-section);
  line-height: 1.2;
}

.voice-guide-secondary {
  background: var(--surface-quiet);
}

.voice-guide-sop-grid {
  display: grid;
  gap: 12px;
}

.voice-guide-sop-section {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.markdown-editor-field {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.markdown-preview {
  display: grid;
  gap: 10px;
}

.markdown-preview p,
.markdown-preview ul {
  margin: 0;
}

.markdown-preview ul {
  padding-left: 20px;
}

.markdown-preview h3,
.markdown-preview h4,
.markdown-preview h5 {
  margin: 4px 0 0;
}

.markdown-source-editor {
  padding-top: 4px;
}

.markdown-source-editor summary {
  width: fit-content;
  cursor: pointer;
  color: var(--orange-strong);
  font-size: 12px;
  font-weight: 700;
}

.markdown-source-editor textarea {
  width: 100%;
  margin-top: 8px;
}

.url-capture-package {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.url-capture-form {
  display: grid;
  gap: 8px;
}

.url-capture-form label {
  display: grid;
  gap: 6px;
  font-weight: 700;
}

.link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.context-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.quiet-link,
.link-row a,
.context-links a {
  display: inline-flex;
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--orange-strong);
  text-decoration: none;
}

.context-links a {
  padding: 4px 6px;
  font-size: 12px;
}

.link-row a.primary-button,
.context-links a.primary-button {
  border-color: var(--orange);
  background: var(--orange);
  color: white;
}

.link-row a.primary-button:hover,
.context-links a.primary-button:hover {
  border-color: var(--orange-strong);
  background: var(--orange-strong);
}

.link-row a.secondary-button,
.context-links a.secondary-button {
  border-color: var(--line);
  background: var(--surface);
  color: var(--orange-strong);
}

.guidance-note {
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a8a;
}

body .main-shell .guidance-note.onboarding-soft-nudge {
  border-color: #ddd4be;
  background: #fbf9f3;
  color: #4f493d;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.onboarding-soft-nudge .panel-header {
  align-items: center;
}

.onboarding-soft-nudge .context-links {
  align-items: center;
}

.onboarding-soft-nudge .context-links :is(a.small-button, button.small-button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.2;
}

.client-warming-account-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.client-warming-account-row {
  align-items: center;
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 9px 10px;
}

.client-warming-account-row p,
.client-warming-account-row small {
  display: block;
  margin: 3px 0 0;
}

.account-maturity-progress {
  display: grid;
  gap: 8px;
  margin: 12px 0;
  padding: 11px 12px;
  border: 1px solid #ead7c2;
  border-radius: 9px;
  background: #fffaf4;
}

.account-maturity-progress-header,
.account-maturity-axis-label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.account-maturity-progress-header span,
.account-maturity-axis-label span,
.account-maturity-note {
  color: var(--muted);
  font-size: 12px;
}

.account-maturity-axis {
  display: grid;
  gap: 4px;
}

.account-maturity-track {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #eadfd2;
}

.account-maturity-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--orange);
}

.account-isolation-reassurance {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.action-guidance {
  display: block;
  max-width: 320px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.action-guidance p,
.guidance-note p {
  margin: 4px 0;
}

.compact-panel {
  padding: 14px;
}

.opportunity-decision-card {
  display: grid;
  gap: 12px;
}

.opportunity-card-summary {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}

.opportunity-card-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.opportunity-card-copy strong {
  overflow-wrap: anywhere;
}

.opportunity-card-meta,
.opportunity-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.opportunity-card-badges {
  justify-content: flex-end;
}

.code-block {
  overflow: auto;
  max-height: 320px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface-quiet);
  white-space: pre-wrap;
}

.trend-bars {
  display: flex;
  align-items: end;
  gap: 4px;
  min-height: 60px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface-quiet);
}

.trend-bar {
  display: inline-block;
  width: 12px;
  min-height: 6px;
  border-radius: 3px 3px 0 0;
  background: var(--orange);
}

.error-detail-list {
  margin: 8px 0 0;
  padding-left: 18px;
}

.next-action {
  font-weight: 700;
}

.stub-card {
  min-height: 128px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.state {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.state-error,
.state-forbidden {
  border-color: #fecaca;
  background: #fff1f2;
}

.state-warning {
  border-color: #fed7aa;
  background: #fff7ed;
}

.state-error h3,
.state-forbidden h3 {
  color: var(--danger);
}

.state-warning h3 {
  color: var(--warn);
}

.preview-box pre {
  overflow: auto;
  max-height: 260px;
  padding: 12px;
  background: #111827;
  color: #f8fafc;
  border-radius: 6px;
}

.form-grid {
  display: grid;
  gap: 14px;
  max-width: 760px;
}

.form-grid label {
  display: grid;
  gap: 6px;
  font-weight: 700;
}

.password-field-label {
  display: grid;
  gap: 6px;
}

.password-field-control {
  position: relative;
  display: block;
}

.password-field-control input {
  width: 100%;
  padding-right: 46px;
}

.password-toggle-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  width: 32px;
  min-height: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: var(--muted);
}

.opportunity-detail-tier,
.opportunity-detail-disclosure {
  margin: 12px 16px;
}

.opportunity-decision-summary {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-quiet);
}

.opportunity-detail-facts,
.opportunity-key-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.opportunity-key-signals > div {
  display: grid;
  gap: 3px;
  min-width: min(220px, 100%);
}

.opportunity-suggested-action {
  padding: 12px;
  border-left: 4px solid var(--orange);
  background: var(--surface);
}

.opportunity-detail-disclosure {
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.opportunity-detail-disclosure > summary {
  cursor: pointer;
  font-weight: 700;
}

/* P3 pilot: expanded Opportunity detail only; the Discover list remains unchanged. */
.opportunity-decision-card[open] {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
  color: var(--pilot-text);
  box-shadow: none;
}

.opportunity-decision-card[open] > .opportunity-card-summary {
  padding: var(--pilot-space-2) var(--pilot-space-3);
  border-bottom: 1px solid var(--pilot-border);
  background: var(--pilot-surface-muted);
}

.opportunity-decision-card[open] .opportunity-decision-summary {
  gap: var(--pilot-space-3);
  margin: 0;
  padding: var(--pilot-space-3);
  border: 0;
  border-radius: 0;
  background: var(--pilot-surface);
}

.opportunity-linear-properties {
  display: grid;
  gap: var(--pilot-space-1);
}

.opportunity-property-row {
  display: grid;
  grid-template-columns: 24px minmax(96px, 0.28fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 32px;
}

.opportunity-property-row.is-accent {
  margin-top: var(--pilot-space-1);
  padding: 12px;
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-accent-soft);
}

.opportunity-property-icon {
  display: inline-grid;
  place-items: center;
  color: var(--pilot-text-secondary);
}

.opportunity-property-row.is-accent .opportunity-property-icon {
  color: var(--pilot-accent);
}

.opportunity-property-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.opportunity-property-label {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.opportunity-property-value {
  color: var(--pilot-text);
  font-size: var(--pilot-type-body);
  line-height: 1.45;
}

.opportunity-evidence-block {
  padding-top: var(--pilot-space-2);
  border-top: 1px solid var(--pilot-border);
}

.opportunity-evidence-block p {
  margin: var(--pilot-space-1) 0 0;
  color: var(--pilot-text);
  line-height: 1.6;
}

.opportunity-evidence-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pilot-space-2);
}

.opportunity-decision-card[open] .opportunity-key-signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pilot-space-3);
}

.opportunity-decision-card[open] .opportunity-key-signals > div {
  gap: 5px;
}

.opportunity-decision-card[open] .opportunity-key-signals strong {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.opportunity-decision-card[open] .opportunity-detail-disclosure {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--pilot-border);
}

.opportunity-decision-card[open] .opportunity-detail-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--pilot-space-2) var(--pilot-space-3);
  color: var(--pilot-text);
  font-size: var(--pilot-type-body);
  list-style: none;
}

.opportunity-decision-card[open] .opportunity-detail-disclosure > summary::-webkit-details-marker {
  display: none;
}

.opportunity-decision-card[open] .opportunity-detail-disclosure > summary::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 160ms ease;
}

.opportunity-decision-card[open] .opportunity-detail-disclosure[open] > summary::after {
  transform: rotate(225deg);
}

.opportunity-decision-card[open] .opportunity-detail-disclosure > :not(summary) {
  margin: 0;
  padding: 0 var(--pilot-space-3) var(--pilot-space-3);
}

.opportunity-decision-card[open] .opportunity-detail-disclosure[open] {
  background: var(--pilot-surface-muted);
}

.opportunity-decision-card[open] > .context-links {
  margin: 0;
  padding: var(--pilot-space-3);
  border-top: 1px solid var(--pilot-border);
}

.opportunity-decision-card[open] > .context-links button {
  border-color: var(--pilot-accent);
  background: var(--pilot-accent);
  color: #ffffff;
}

.opportunity-decision-card[open] .badge {
  border-color: var(--pilot-border);
  background: var(--pilot-surface-muted);
  color: var(--pilot-text-secondary);
}

.client-command-center-pilot {
  --cc-accent: var(--orange);
  --cc-background: var(--pilot-bg);
  --cc-card: var(--pilot-surface);
  --cc-border: var(--pilot-border);
  --cc-text: #2c2c2a;
  --cc-muted: #6b6a63;
  --cc-font-label: var(--fs-label);
  --cc-font-body: var(--fs-body);
  --cc-font-small: var(--fs-small);
  --cc-font-big: var(--fs-big);
  --cc-card-padding: clamp(1.25rem, 1.6vw, 2rem);
  --cc-card-gap: clamp(10px, 1vw, 18px);
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  color: var(--pilot-text);
  font-size: var(--pilot-type-body);
}

.main-shell:has(.client-command-center-pilot) {
  background: #f7f4ec;
}

.client-command-center-pilot .command-today-summary {
  margin: 0;
  color: var(--cc-muted);
  font-size: var(--cc-font-body);
}

.client-command-center-pilot .command-today-block {
  margin: 0 0 20px;
}

.client-command-center-pilot .command-discovery-health-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: var(--cc-font-small);
  font-weight: 500;
  white-space: nowrap;
}

.client-command-center-pilot .command-discovery-health-normal {
  background: #eaf3de;
  color: #3b6d11;
}

.client-command-center-pilot .command-discovery-health-limited {
  background: #fdf1dc;
  color: #8a6a0c;
}

.client-command-center-pilot .command-discovery-health-note {
  margin: 6px 0 0;
  color: #9b9a90;
  font-size: var(--cc-font-small);
}

.client-command-center-pilot .command-center-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: var(--cc-card-gap);
  margin-bottom: var(--cc-card-gap);
}

.client-command-center-pilot .cc-card {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--cc-card-gap);
  padding: var(--cc-card-padding);
  border: 1px solid var(--cc-border);
  border-radius: 12px;
  background: var(--cc-card);
  color: var(--cc-text);
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.client-command-center-pilot .command-playbooks-card {
  border-left: 3px solid var(--cc-accent);
}

.command-playbooks-card > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
  list-style: none;
}

.command-playbooks-card > details > summary::-webkit-details-marker {
  display: none;
}

.command-playbooks-card > details > summary > span:first-child {
  display: grid;
  gap: 4px;
}

.command-playbooks-eyebrow {
  color: var(--cc-accent);
  font-size: var(--cc-font-label);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.command-playbooks-card > details > summary strong {
  font-size: clamp(17px, 1.15vw, 21px);
}

.command-playbooks-progress {
  flex: none;
  color: var(--cc-muted);
  font-size: var(--cc-font-small);
}

.command-playbooks-content {
  padding-top: clamp(14px, 1.2vw, 20px);
}

.command-playbooks-content > p {
  margin: 0 0 12px;
  color: var(--cc-muted);
  font-size: var(--cc-font-small);
}

.command-playbooks-content ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.command-playbook-item {
  min-width: 0;
}

.command-playbook-link {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid #eee8d9;
  border-radius: 9px;
  background: #fbf9f3;
  color: inherit;
  font-size: var(--cc-font-body);
  text-decoration: none;
}

.command-playbook-link:hover,
.command-playbook-link:focus-visible {
  border-color: #d8cdb5;
  background: #f6f0e4;
  color: inherit;
  text-decoration: none;
}

.command-playbook-link:focus-visible {
  outline: 3px solid rgba(217, 115, 13, 0.24);
  outline-offset: 2px;
}

.command-playbook-status {
  width: 20px;
  height: 20px;
  border: 1px solid #cfc5ae;
  border-radius: 50%;
  color: #517a38;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.command-playbook-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.command-playbook-copy strong {
  font-size: inherit;
  font-weight: 650;
}

.command-playbook-copy small {
  color: var(--cc-muted);
  font-size: var(--cc-font-small);
  line-height: 1.4;
}

.command-playbook-item.is-complete {
  display: none;
}

.command-playbooks-card[data-playbooks-replay="true"] .command-playbook-item.is-complete {
  display: grid;
}

.command-playbooks-card[data-onboarding-playbooks-overlay-card] .command-playbook-item.is-complete {
  display: block;
}

.command-playbook-item.is-complete {
  color: var(--cc-muted);
}

.command-playbook-item.is-complete .command-playbook-status {
  border-color: #b9c9aa;
  background: #edf3e8;
}

.onboarding-journey-card .command-playbook-item.is-current {
  border-color: var(--orange);
  background: var(--pilot-accent-soft);
}

.onboarding-journey-card code {
  overflow-wrap: anywhere;
  font-size: 0.88em;
}

.journey-blocker {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid #d8a13a;
  border-radius: var(--pilot-radius-small);
  background: #fff8e8;
}

.journey-blocker p {
  margin: 6px 0 10px;
}

.command-playbook-action {
  color: var(--cc-accent);
  font-weight: 700;
  white-space: nowrap;
}

.command-playbooks-dismiss {
  margin-top: 12px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}

.command-playbooks-dismiss:hover,
.command-playbooks-dismiss:focus-visible {
  color: var(--cc-text);
  background: #f2eadb;
  text-decoration: none;
}

.onboarding-playbooks-overlay {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: grid;
  justify-items: end;
}

.onboarding-playbooks-scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(23, 23, 20, 0.34);
  cursor: default;
}

.onboarding-playbooks-scrim:hover {
  background: rgba(23, 23, 20, 0.34);
}

.onboarding-playbooks-drawer {
  position: relative;
  z-index: 1;
  width: min(620px, calc(100vw - 32px));
  height: 100%;
  padding: clamp(20px, 2vw, 32px);
  overflow-y: auto;
  border-left: 1px solid #ddd4be;
  background: #f7f4ec;
  box-shadow: -18px 0 48px rgba(23, 23, 20, 0.16);
}

.onboarding-playbooks-drawer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.onboarding-playbooks-drawer-header h2 {
  margin: 4px 0 0;
}

.onboarding-playbooks-drawer .command-playbooks-card {
  display: block;
  margin: 0;
}

.onboarding-playbooks-drawer .command-playbooks-card > details > summary {
  display: none;
}

.onboarding-playbooks-drawer .command-playbooks-content {
  padding-top: 0;
}

[data-settings-group="brand-operating-guidance"] {
  scroll-margin-top: 24px;
}

[data-settings-group="brand-operating-guidance"]:focus {
  outline: none;
}

@media (max-width: 640px) {
  .command-playbooks-card > details > summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}

.client-command-center-pilot .command-center-top-grid .cc-card {
  margin-bottom: 0;
}

.client-command-center-pilot .cc-card h2 {
  margin: 0 0 12px;
  color: var(--cc-muted);
  font-size: var(--cc-font-label);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
}

.client-command-center-pilot .cc-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.client-command-center-pilot .cc-card-header h2 {
  margin: 0;
}

.client-command-center-pilot .cc-toggle-group {
  display: flex;
  gap: 6px;
}

.client-command-center-pilot .cc-toggle {
  padding: 4px 10px;
  border: 0.5px solid var(--cc-accent);
  border-radius: 8px;
  background: transparent;
  color: var(--cc-accent);
  font: inherit;
  font-size: var(--cc-font-small);
  cursor: pointer;
}

.client-command-center-pilot .cc-toggle.active {
  background: var(--cc-accent);
  color: #fff;
}

.client-command-center-pilot [hidden] {
  display: none !important;
}

.client-command-center-pilot .command-radar-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.client-command-center-pilot .command-radar-bars {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 0.9vw, 16px);
}

.client-command-center-pilot .command-radar-bar > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  font-size: var(--cc-font-body);
}

.client-command-center-pilot .command-radar-bar > div span:last-child {
  color: var(--cc-muted);
}

.client-command-center-pilot .command-radar-track {
  display: block;
  height: 9px;
  overflow: hidden;
  border-radius: 4px;
  background: #efe7d8;
}

.client-command-center-pilot .command-radar-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--cc-accent);
}

.client-command-center-pilot .command-radar-sparse-note {
  margin: 12px 0 0;
  color: var(--cc-muted);
  font-size: var(--cc-font-small);
  line-height: 1.4;
}

.client-command-center-pilot .command-radar-donut {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 170px;
}

.client-command-center-pilot .command-radar-ring {
  width: 136px;
  height: 136px;
  border-radius: 50%;
  position: relative;
}

.client-command-center-pilot .command-radar-ring::after {
  position: absolute;
  inset: 30px;
  border-radius: 50%;
  background: var(--cc-card);
  content: "";
}

.client-command-center-pilot .command-radar-donut ul,
.client-command-center-pilot .command-activity-card ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.client-command-center-pilot .command-radar-donut li {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  margin: 6px 0;
  font-size: var(--cc-font-small);
}

.client-command-center-pilot .command-radar-donut li i {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.client-command-center-pilot .cc-card-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin-top: 12px;
  border: 0.5px solid #c9c2ae;
  border-radius: 8px;
  background: transparent;
  color: var(--cc-text);
  font-size: var(--cc-font-body);
  text-decoration: none;
}

.client-command-center-pilot .command-priority-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: clamp(12px, 1vw, 16px);
}

.client-command-center-pilot .command-priority-list > a {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(10px, 0.75vw, 12px);
  color: var(--cc-text);
  font-size: var(--cc-font-body);
  text-decoration: none;
}

.client-command-center-pilot .command-priority-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  color: var(--cc-accent);
}

.client-command-center-pilot .command-priority-icon svg {
  width: 20px;
  height: 20px;
}

.client-command-center-pilot .command-priority-list > a strong {
  padding: 2px 8px;
  border-radius: 8px;
  background: #fbe8cf;
  color: #8a4a0c;
  font-size: var(--cc-font-small);
  font-weight: 500;
}

.client-command-center-pilot .command-priority-list .guidance-note {
  margin: 0;
  padding: 10px 0 0;
  border: 0;
  border-top: 0.5px solid var(--cc-border);
  border-radius: 0;
  background: transparent;
  color: var(--cc-text);
  font-size: var(--cc-font-small);
}

.client-command-center-pilot .command-priority-list .guidance-note strong,
.client-command-center-pilot .command-priority-list .guidance-note p {
  margin: 0 0 6px;
  font-size: var(--cc-font-small);
  line-height: 1.4;
}

.client-command-center-pilot .command-priority-list .guidance-note .small-button {
  min-height: 30px;
  padding: 5px 9px;
  border-color: #c9c2ae;
  border-radius: 8px;
  font-size: var(--cc-font-small);
}

.client-command-center-pilot .command-pipeline {
  display: flex;
  align-items: center;
  gap: 4px;
}

.client-command-center-pilot .command-pipeline a {
  flex: 1;
  min-width: 0;
  color: inherit;
  text-align: center;
  text-decoration: none;
}

.client-command-center-pilot .command-pipeline strong {
  display: block;
  color: var(--cc-accent);
  font-size: var(--cc-font-big);
  font-weight: 500;
}

.client-command-center-pilot .command-pipeline a span {
  display: block;
  margin-top: 2px;
  color: var(--cc-muted);
  font-size: var(--cc-font-small);
}

.client-command-center-pilot .command-pipeline-arrow {
  color: #b4b2a9;
  font-size: 16px;
}

.client-command-center-pilot .command-activity-card ol {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 0.7vw, 12px);
}

.client-command-center-pilot .command-activity-card li {
  display: grid;
  grid-template-columns: minmax(52px, max-content) minmax(0, 1fr);
  gap: 10px;
  font-size: var(--cc-font-body);
}

.client-command-center-pilot .command-activity-card time {
  color: #9b9a90;
}

.client-command-center-pilot .command-activity-card a {
  color: var(--cc-text);
  text-decoration: none;
}

.client-command-center-pilot .command-center-tabs {
  width: max-content;
  margin-bottom: var(--pilot-space-3);
  padding: 4px;
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.client-command-center-pilot .command-center-tabs .segment {
  border-radius: 6px;
  color: var(--pilot-text-secondary);
}

.client-command-center-pilot .command-center-tabs .segment.active {
  background: var(--pilot-text);
  color: var(--pilot-surface);
  box-shadow: none;
}

.client-command-center-pilot .page-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--pilot-space-4);
  padding: 0;
  border: 0;
  background: transparent;
}

.client-command-center-pilot .page-header h1 {
  color: var(--pilot-text);
  font-size: var(--pilot-type-title);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.client-command-center-pilot .page-header p {
  max-width: 720px;
  margin: var(--pilot-space-1) 0 0;
  color: var(--pilot-text-secondary);
  line-height: 1.55;
}

.client-command-center-pilot .panel {
  margin-bottom: var(--pilot-space-3);
  padding: var(--pilot-space-3);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
  box-shadow: none;
}

.client-command-center-pilot .panel-header {
  align-items: flex-start;
  margin-bottom: var(--pilot-space-3);
}

.client-command-center-pilot .panel h2 {
  color: var(--pilot-text);
  font-size: var(--pilot-type-section);
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.client-command-center-pilot .panel-header p,
.client-command-center-pilot .muted,
.client-command-center-pilot .compact-empty {
  color: var(--pilot-text-secondary);
}

.client-command-center-pilot [data-monitoring-metric-contract] .metric-grid {
  gap: var(--pilot-space-2);
}

.client-command-center-pilot [data-monitoring-metric-contract] .metric-card {
  min-height: 156px;
  padding: var(--pilot-space-3);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface-muted);
}

.client-command-center-pilot [data-monitoring-metric-contract] .metric-card > span {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.client-command-center-pilot [data-monitoring-metric-contract] .metric-card > strong {
  margin: var(--pilot-space-2) 0 var(--pilot-space-1);
  color: var(--pilot-text);
  font-size: 42px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.client-command-center-pilot [data-monitoring-metric-contract] .metric-card > small {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  line-height: 1.45;
}

.client-command-center-pilot .command-task-groups {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pilot-space-2);
  margin-bottom: var(--pilot-space-2);
}

.client-command-center-pilot .command-task-group {
  grid-template-columns: minmax(0, 1fr);
  align-content: space-between;
  min-height: 132px;
  padding: var(--pilot-space-2);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.client-command-center-pilot .command-task-group strong {
  color: var(--pilot-text);
  font-size: 32px;
  line-height: 1;
}

.client-command-center-pilot .command-task-group span {
  margin-top: var(--pilot-space-1);
  color: var(--pilot-text-secondary);
}

.client-command-center-pilot .small-button,
.client-command-center-pilot .quiet-link {
  color: var(--pilot-text);
  text-underline-offset: 3px;
}

.client-command-center-pilot .small-button {
  border-color: var(--pilot-border);
  background: var(--pilot-surface);
}

.client-command-center-pilot .command-funnel {
  gap: var(--pilot-space-1);
}

.client-command-center-pilot .command-funnel-stage {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.client-command-center-pilot .command-funnel-stage:hover {
  border-color: var(--pilot-accent);
  background: var(--pilot-accent-soft);
}

.client-command-center-pilot .command-funnel-stage strong {
  color: var(--pilot-text);
}

.client-command-center-pilot .command-funnel-index,
.client-command-center-pilot .timeline-icon,
.client-command-center-pilot .operations-loop-number {
  background: var(--pilot-accent-soft);
  color: var(--pilot-accent);
}

.client-command-center-pilot .command-timeline-row {
  border-color: var(--pilot-border);
  background: var(--pilot-surface-muted);
}

.client-command-center-pilot .operations-loop-panel {
  background: var(--pilot-surface-muted);
}

.client-command-center-pilot .operations-loop-summary p,
.client-command-center-pilot .operations-loop-step small {
  color: var(--pilot-text-secondary);
}

.client-command-center-pilot .operations-loop-step {
  border-color: var(--pilot-border);
  background: var(--pilot-surface);
}

.client-command-center-pilot .badge {
  border-color: var(--pilot-border);
  background: var(--pilot-surface-muted);
  color: var(--pilot-text-secondary);
}

@media (max-width: 820px) {
  .client-command-center-pilot .command-center-top-grid {
    grid-template-columns: 1fr;
  }

  .client-command-center-pilot .command-task-groups,
  .client-command-center-pilot [data-monitoring-metric-contract] .metric-grid,
  .opportunity-decision-card[open] .opportunity-key-signals {
    grid-template-columns: 1fr;
  }

  .client-command-center-pilot .page-header {
    align-items: flex-start;
  }

  .client-command-center-pilot .command-pipeline {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .client-command-center-pilot .command-pipeline a {
    flex: 1 1 26%;
    padding: 8px;
    border: 0.5px solid var(--cc-border);
    border-radius: 8px;
  }

  .client-command-center-pilot .command-pipeline-arrow {
    display: none;
  }

  .page-header {
    flex-direction: column;
  }

  .opportunity-property-row {
    grid-template-columns: 22px minmax(76px, 0.35fr) minmax(0, 1fr);
  }
}

.structured-rules {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.structured-rule-group {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}

.structured-rule-group h4 {
  margin: 0 0 8px;
}

.notification-panel-heading > div {
  display: grid;
  gap: 2px;
}

.notification-mark-seen {
  white-space: nowrap;
}

.notification-group a[data-notification-seen="true"] {
  opacity: 0.72;
}

.password-toggle-button:hover {
  background: var(--surface-quiet);
  color: var(--text);
}

.password-toggle-icon {
  display: grid;
  height: 18px;
  width: 18px;
}

.password-toggle-icon svg {
  fill: none;
  grid-area: 1 / 1;
  height: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 18px;
}

.password-toggle-button [data-password-icon-shown] {
  display: none;
}

.password-toggle-button[aria-pressed="true"] [data-password-icon-hidden] {
  display: none;
}

.password-toggle-button[aria-pressed="true"] [data-password-icon-shown] {
  display: block;
}

.login-shell {
  align-items: center;
  background: var(--bg);
  color: var(--text);
  display: grid;
  min-height: 100vh;
  padding: var(--pilot-space-5) var(--pilot-space-3);
}

.login-panel {
  background: var(--pilot-surface);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  display: grid;
  grid-template-columns: minmax(0, 500px) minmax(320px, 1fr);
  gap: var(--pilot-space-4);
  margin: 0 auto;
  max-width: 980px;
  padding: var(--pilot-space-4);
  width: min(100%, 980px);
}

.login-intro,
.login-form-panel,
.login-intro-copy {
  display: grid;
  align-content: start;
  gap: var(--pilot-space-2);
}

.login-intro {
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  gap: var(--pilot-space-3);
  padding: 0 var(--pilot-space-4) 0 0;
  border-right: 1px solid var(--pilot-border);
}

.login-intro-copy {
  align-self: center;
}

.login-intro-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--pilot-space-2);
}

.login-intro-header .brand-block {
  flex: 1 1 auto;
  justify-content: flex-start;
  margin: 0;
}

.login-intro .brand-mark {
  width: 48px;
  height: 48px;
  border-radius: var(--pilot-radius-small);
}

.login-intro-header .language-switcher {
  flex: 0 0 min(42vw, 176px);
  gap: var(--pilot-space-1);
  width: min(42vw, 176px);
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
}

.login-intro .language-switcher select {
  min-height: 42px;
  padding-inline: 12px;
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.login-intro-copy h1 {
  max-width: 520px;
  margin: 0;
  color: var(--pilot-text);
  font-size: clamp(30px, 4vw, var(--pilot-type-title));
  line-height: 1.1;
}

.login-intro-copy p {
  margin: 0;
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-body);
  line-height: 1.6;
}

.login-intro-copy .login-value-prop {
  color: var(--pilot-text-secondary);
  font-weight: 400;
}

.field-label-line {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  white-space: nowrap;
}

.login-workflow {
  --login-carousel-offset: 142px;
  display: grid;
  gap: var(--pilot-space-2);
  margin-top: var(--pilot-space-1);
  overflow: hidden;
}

.login-workflow:focus-visible {
  border-radius: var(--pilot-radius-small);
  outline: 3px solid var(--pilot-accent-soft);
  outline-offset: 2px;
}

.login-workflow-track {
  position: relative;
  height: 148px;
}

.login-workflow-step {
  position: absolute;
  top: 0;
  left: 50%;
  display: grid;
  align-content: start;
  gap: var(--pilot-space-1);
  width: min(190px, 46%);
  min-height: 140px;
  padding: var(--pilot-space-2);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
  opacity: 0;
  filter: blur(1.5px);
  pointer-events: none;
  transform: translateX(-50%) scale(0.76);
  transition:
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 420ms ease,
    filter 420ms ease,
    border-color 420ms ease,
    background-color 420ms ease;
}

.login-workflow-step.is-previous {
  z-index: 1;
  opacity: 0.35;
  transform: translateX(-50%) translateX(calc(var(--login-carousel-offset) * -1))
    scale(0.88);
}

.login-workflow-step.is-next {
  z-index: 1;
  opacity: 0.35;
  transform: translateX(-50%) translateX(var(--login-carousel-offset)) scale(0.88);
}

.login-workflow-step.is-active {
  z-index: 2;
  border-color: var(--pilot-accent);
  background: var(--pilot-surface);
  opacity: 1;
  filter: none;
  transform: translateX(-50%) scale(1);
}

.login-workflow-step strong {
  color: var(--pilot-text);
  font-size: 13px;
}

.login-workflow-step > span:last-child {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  line-height: 1.4;
}

.login-workflow-icon {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
  color: var(--pilot-text);
}

.login-workflow-step.is-active .login-workflow-icon {
  background: var(--pilot-accent);
  color: var(--pilot-surface);
}

.login-workflow-icon .nav-icon-svg {
  width: 19px;
  height: 19px;
}

.login-workflow-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--pilot-space-1);
  min-height: 8px;
}

.login-workflow-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--pilot-border);
  transition:
    width 300ms ease,
    background-color 300ms ease;
}

.login-workflow-dot.is-active {
  width: 18px;
  background: var(--pilot-accent);
}

.login-support a {
  font-weight: 700;
}

.login-form-panel {
  align-content: center;
  gap: var(--pilot-space-3);
}

.login-form-panel .form-grid {
  gap: var(--pilot-space-2);
  max-width: none;
}

.login-form-panel .form-grid label,
.login-form-panel .password-field-label {
  gap: var(--pilot-space-1);
  color: var(--pilot-text);
}

.login-form-panel :is(input, select) {
  min-height: 46px;
  padding: 10px 12px;
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface);
}

.login-form-panel button[type="submit"] {
  width: 100%;
  min-height: 46px;
  margin-top: var(--pilot-space-1);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-accent);
  border-color: var(--pilot-accent);
}

.login-form-panel button[type="submit"]:hover {
  background: var(--orange-strong);
}

.login-form-panel .action-guidance {
  margin: 0;
  color: var(--pilot-text-secondary);
  text-align: center;
}

.login-form-panel :is(input, select, button):focus-visible {
  outline: 3px solid var(--pilot-accent-soft);
  outline-offset: 2px;
}

.operations-loop-panel {
  overflow: hidden;
}

.account-survival-safeguards[open] .account-survival-body {
  margin-top: 16px;
}

.operations-loop {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.operations-loop-step {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: start;
  min-height: 88px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-quiet);
}

.operations-loop-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -10px;
  z-index: 1;
  content: "›";
  color: var(--orange);
  font-size: 22px;
  transform: translate(50%, -50%);
}

.operations-loop-number {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  background: var(--orange);
  color: white;
  font-size: 12px;
  font-weight: 700;
}

.operations-loop-step strong,
.operations-loop-step small {
  display: block;
}

.operations-loop-step small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.monitoring-filter-loading {
  display: flex;
  grid-column: 1 / -1;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a8a;
  font-weight: 700;
}

.monitoring-filter-loading[hidden] {
  display: none;
}

.loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #93c5fd;
  border-top-color: var(--orange);
  border-radius: 999px;
  animation: loading-spinner 0.7s linear infinite;
}

.draft-generation-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.draft-generation-status[hidden] {
  display: none;
}

@keyframes loading-spinner {
  to {
    transform: rotate(360deg);
  }
}

fieldset {
  border: 1px solid var(--line);
  border-radius: 8px;
}

.role-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.check-row {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 8px !important;
  font-weight: 500 !important;
}

@media (max-width: 860px) {
  .login-shell {
    padding: var(--pilot-space-2);
  }

  .login-panel {
    grid-template-columns: 1fr;
    max-width: 520px;
    gap: var(--pilot-space-3);
    padding: var(--pilot-space-3);
  }

  .login-intro {
    padding: 0 0 var(--pilot-space-3);
    border-right: 0;
    border-bottom: 1px solid var(--pilot-border);
  }

  .login-workflow {
    --login-carousel-offset: 130px;
  }

  .operations-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operations-loop-step::after {
    display: none;
  }

  .app-shell {
    grid-template-columns: 1fr;
    padding-top: 58px;
  }

  .sidebar-collapsed {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: fixed;
    inset: 58px auto 0 0;
    z-index: 90;
    width: min(312px, calc(100vw - 48px));
    overflow-y: auto;
    transform: translateX(-105%);
    transition: transform 0.18s ease;
    box-shadow: 16px 0 36px rgba(15, 23, 42, 0.25);
  }

  .mobile-nav-open .sidebar {
    transform: translateX(0);
  }

  .mobile-topbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.08);
  }

  .mobile-brand {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
  }

  .mobile-brand .brand-mark {
    width: 32px;
    height: 32px;
  }

  .mobile-brand strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-page-name {
    display: none;
  }

  .mobile-notification-slot {
    display: block;
  }

  .mobile-notification-slot .client-action-notification-panel {
    position: fixed;
    top: 52px;
    right: 8px;
    width: min(390px, calc(100vw - 16px));
    max-height: calc(100vh - 68px);
  }

  .topbar [data-client-action-notification-slot] {
    display: none;
  }

  .mobile-nav-backdrop {
    position: fixed;
    inset: 58px 0 0;
    z-index: 80;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
    background: rgba(15, 23, 42, 0.45);
  }

  .mobile-nav-open .mobile-nav-backdrop {
    display: block;
  }

  .sidebar-collapsed .sidebar {
    padding: 12px;
  }

  .sidebar-collapsed .brand-block > div {
    display: block;
  }

  .sidebar-collapsed .nav-group {
    justify-items: stretch;
  }

  .sidebar-collapsed .nav-link {
    width: auto;
    justify-content: flex-start;
    gap: 9px;
  }

  .sidebar-collapsed .nav-link-label {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: auto;
    white-space: nowrap;
  }

  .assistant-widget {
    right: 12px;
    bottom: 12px;
  }

  .assistant-floating-panel {
    position: fixed;
    inset: 58px 0 0;
    width: 100vw;
    max-height: none;
    border-width: 1px 0 0;
    border-radius: 0;
    padding: 16px;
    box-shadow: 0 -16px 36px rgba(15, 23, 42, 0.22);
  }

  .assistant-widget-open .assistant-fab {
    display: none;
  }

  .stub-grid,
  .metric-grid,
  .overview-metric-grid,
  .command-funnel,
  .command-center-grid,
  .publishing-path-grid,
  .publishing-safety-grid,
  .publishing-flow-diagram,
  .publishing-flow-branches,
  .publishing-guidance-grid,
  .manual-package-header,
  .manual-package-body,
  .publishing-manual-columns,
  .role-grid {
    grid-template-columns: 1fr;
  }

  .publishing-flow-arrow {
    display: none;
  }

  .publishing-queue-body > .url-capture-package {
    grid-column: auto;
  }

  .manual-package-body.publishing-queue-body {
    grid-template-columns: 1fr;
  }

  .command-funnel {
    flex-direction: column;
  }

  .command-funnel-step {
    display: grid;
    gap: 8px;
  }

  .command-funnel-connector {
    justify-self: center;
    transform: rotate(90deg);
  }

  .command-timeline-row,
  .client-task-row,
  .command-task-group {
    grid-template-columns: minmax(0, 1fr);
  }

  .topbar {
    align-items: stretch;
    flex-direction: column;
  }

  .main-shell {
    padding: 14px;
  }

  .topbar-actions {
    align-items: stretch;
    flex-direction: column;
    margin-left: 0;
  }

  .toolbar,
  .filter-bar,
  .inline-form {
    align-items: stretch;
    flex-direction: column;
  }

  .url-capture-status-block {
    justify-items: start;
  }
}

/* Polish round 3: one tab language, one title rhythm, and compact filters. */
:root {
  --page-title-content-gap: 20px;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segmented-control, .segmented-tabs, .settings-tabs) {
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment, .segmented-tabs a, .settings-tab-link) {
  min-width: 0;
  padding: 8px 18px;
  border: 1px solid #ddd4be;
  border-radius: 8px;
  background: #ffffff;
  color: var(--pilot-text, #2c2c2a);
  font-size: var(--fs-body);
  font-weight: 600;
  box-shadow: none;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment.active, .segmented-tabs a.is-active, .settings-tab-link.active) {
  border-color: var(--orange);
  background: var(--orange);
  color: #ffffff;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) > .toolbar:first-child,
.client-discover-pilot > .discover-tabs-toolbar {
  margin-bottom: var(--page-title-content-gap);
}

.monitoring-redesign > .toolbar:first-child {
  margin-bottom: var(--page-title-content-gap);
}

.monitoring-redesign > .toolbar:first-child + .monitoring-tabs {
  margin-top: 0;
}

.filter-disclosure {
  position: relative;
  z-index: 24;
  width: fit-content;
  margin-bottom: 12px;
}

.filter-disclosure-trigger {
  display: inline-flex;
  min-height: 36px;
  gap: 8px;
  align-items: center;
  padding: 7px 13px;
  border: 1px solid #ddd4be;
  border-radius: 999px;
  background: #ffffff;
  color: var(--pilot-text, #2c2c2a);
  cursor: pointer;
  font-size: var(--fs-small);
  font-weight: 700;
  list-style: none;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.filter-disclosure-trigger::-webkit-details-marker {
  display: none;
}

.filter-disclosure-trigger::after {
  color: var(--pilot-text-secondary, #6f6a60);
  content: "⌄";
  font-size: 12px;
}

.filter-disclosure[open] .filter-disclosure-trigger::after {
  transform: rotate(180deg);
}

.filter-active-count {
  display: inline-grid;
  min-width: 20px;
  height: 20px;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--orange) 13%, #ffffff);
  color: var(--orange);
  font-size: 11px;
  font-weight: 800;
}

.filter-disclosure-popover {
  display: none;
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  width: min(1040px, calc(100vw - 360px));
  min-width: 680px;
  padding: 14px;
  border: 1px solid var(--pilot-border, #ddd4be);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(44, 44, 42, 0.14);
}

.filter-disclosure[open] > .filter-disclosure-popover {
  display: block;
}

body .main-shell:has(.monitoring-redesign) .filter-disclosure-popover .performance-filter-shell,
body .main-shell:has(.client-discover-pilot) .filter-disclosure-popover .discover-filter-card {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.monitoring-risk-kpis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body :is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment, .segmented-tabs a, .settings-tab-link) {
  border-color: #ddd4be !important;
}

body :is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment.active, .segmented-tabs a.is-active, .settings-tab-link.active) {
  border-color: var(--orange) !important;
}

.monitoring-redesign .monitor-sentiment-body {
  justify-content: center;
}

.monitoring-redesign .monitor-sentiment-legend .is-positive {
  background: #93ac82;
}

.monitoring-redesign .monitor-sentiment-legend .is-neutral {
  background: #d3a97b;
}

.monitoring-redesign .monitor-sentiment-legend .is-negative {
  background: #c68880;
}

.monitoring-redesign .monitor-sentiment-legend .is-unknown {
  background: #d6cfc0;
}

@media (max-width: 900px) {
  .filter-disclosure {
    width: 100%;
  }

  .filter-disclosure-popover {
    position: static;
    width: 100%;
    min-width: 0;
    margin-top: 8px;
  }

  .monitoring-redesign .monitor-sentiment-body {
    align-items: center;
  }
}

/* Monitor redesign: scoped so the existing Risk console and other pages retain their contracts. */
.monitoring-redesign {
  --monitor-card: var(--pilot-surface);
  --monitor-border: var(--pilot-border);
  --monitor-muted: #8a8378;
  --monitor-gap: clamp(10px, 1vw, 18px);
  --monitor-pad: clamp(1.25rem, 1.6vw, 2rem);
  display: grid;
  gap: var(--monitor-gap);
}

.main-shell:has(.monitoring-redesign) {
  background: #f7f4ec;
}

.monitoring-redesign .monitoring-performance-shell {
  gap: var(--monitor-gap);
}

body .main-shell:has(.monitoring-redesign)
  .monitoring-redesign
  > .toolbar:first-child {
  margin-bottom: 0;
}

.monitoring-redesign > .toolbar:first-child + .monitoring-tabs {
  margin-top: calc(8px - var(--monitor-gap));
}

body .main-shell:has(.monitoring-redesign)
  .monitoring-redesign
  .performance-filter-shell {
  position: static;
  padding: clamp(12px, 1vw, 16px);
  border-color: #e4ddcb;
  background: color-mix(in srgb, #ffffff 72%, #f7f4ec);
  box-shadow: none;
}

.monitoring-redesign .monitor-redesign-card,
.monitoring-redesign .monitor-risk-trend-card {
  margin: 0;
  padding: var(--monitor-pad);
  border: 1px solid var(--monitor-border);
  border-radius: 12px;
  background: var(--monitor-card);
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.monitoring-redesign .monitor-performance-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 32px);
}

.monitoring-redesign .monitor-metric-group {
  min-width: 0;
}

.monitoring-redesign .monitor-metric-group > span {
  display: block;
  margin-bottom: 6px;
  color: var(--monitor-muted);
  font-size: var(--fs-small);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.monitoring-redesign .monitor-metric-group > strong {
  display: block;
  color: var(--pilot-text);
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.25;
}

.monitoring-redesign .monitor-metric-group strong small,
.monitoring-redesign .monitor-metric-group p,
.monitoring-redesign .monitor-card-detail,
.monitoring-redesign .monitor-chart-coverage,
.monitoring-redesign .monitor-history-note {
  color: var(--monitor-muted);
  font-size: var(--fs-small);
  font-weight: 400;
  line-height: 1.45;
}

.monitoring-redesign .monitor-metric-group p {
  margin: 3px 0 0;
}

.monitoring-redesign .monitor-voc-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: var(--monitor-gap);
}

.monitoring-redesign .monitor-sentiment-card,
.monitoring-redesign .monitor-voc-evidence-card {
  min-height: clamp(220px, 18vw, 290px);
}

.monitoring-redesign .monitor-voc-grid h2,
.monitoring-redesign .monitor-risk-trend-card h2 {
  margin: 0 0 4px;
  font-size: 18px;
}

.monitoring-redesign .monitor-card-detail {
  margin: 0 0 clamp(18px, 1.5vw, 26px);
}

.monitoring-redesign .monitor-sentiment-body {
  display: flex;
  align-items: center;
  gap: clamp(22px, 2vw, 34px);
  min-height: 130px;
  padding: 6px 4px 10px;
}

.monitoring-redesign .monitor-sentiment-donut {
  width: clamp(88px, 7vw, 116px);
  height: clamp(88px, 7vw, 116px);
  flex: 0 0 auto;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(44, 44, 42, 0.05);
}

.monitoring-redesign .monitor-sentiment-legend {
  display: grid;
  gap: 5px;
  color: var(--pilot-text-secondary);
  font-size: var(--fs-small);
}

.monitoring-redesign .monitor-sentiment-legend span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.monitoring-redesign .monitor-sentiment-legend i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--monitor-muted);
}

.monitoring-redesign .monitor-sentiment-legend .is-positive {
  background: #93ac82;
}

.monitoring-redesign .monitor-sentiment-legend .is-neutral {
  background: #d3a97b;
}

.monitoring-redesign .monitor-sentiment-legend .is-negative {
  background: #c68880;
}

.monitoring-redesign .monitor-sentiment-legend small {
  margin-top: 4px;
  color: var(--monitor-muted);
}

.monitoring-redesign .monitor-voc-excerpts {
  display: grid;
  gap: 12px;
}

.monitoring-redesign .monitor-voc-excerpts blockquote {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 12px;
  border-left: 2px solid var(--monitor-border);
  color: var(--pilot-text-secondary);
  font-size: var(--fs-small);
  line-height: 1.45;
}

.monitoring-redesign .monitor-voc-excerpts a,
.monitoring-redesign .monitor-next-action a {
  width: fit-content;
  color: var(--pilot-accent);
  font-weight: 700;
  text-decoration: none;
}

.monitoring-redesign .monitoring-trend-panel {
  margin: 0;
  border-color: var(--monitor-border);
  background: var(--monitor-card);
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.monitoring-redesign .monitoring-trend-grid {
  align-items: stretch;
}

.monitoring-redesign .performance-line-chart {
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
}

.monitoring-redesign .performance-line-chart svg {
  border-color: #eee7da;
  background: #fbf8f2;
}

.monitoring-redesign .author-view-trend-line {
  stroke: var(--orange);
}

.monitoring-redesign .author-view-line-chart circle {
  stroke: var(--orange);
}

.monitoring-redesign .monitor-chart-coverage {
  display: block;
}

.monitoring-redesign .monitor-next-action {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: var(--monitor-pad);
  border: 1px solid #f0c896;
  border-radius: 12px;
  background: #fceedf;
}

.monitoring-redesign .monitor-next-action > span {
  color: #8c531c;
  font-size: var(--fs-small);
  font-weight: 700;
  text-transform: uppercase;
}

.monitoring-redesign .monitor-next-action > strong {
  color: #b4590c;
  font-size: clamp(15px, 1vw, 17px) !important;
}

.monitoring-redesign .monitor-next-action p {
  margin: 0;
  color: #6b4a2a;
  font-size: var(--fs-body);
}

.monitoring-redesign .monitor-next-action.is-clear {
  border-color: #c9d9b0;
  background: #f1f7e8;
}

.monitoring-redesign .monitor-next-action.is-clear > strong,
.monitoring-redesign .monitor-next-action.is-clear p {
  color: #486b23;
}

.monitoring-redesign .monitor-risk-line-chart {
  margin: 0;
}

.monitoring-redesign .monitor-risk-line-chart svg {
  display: block;
  width: 100%;
  height: clamp(90px, 8vw, 130px);
  margin: 14px 0 8px;
}

.monitoring-redesign .monitor-risk-line-chart .risk-trend-area {
  fill: rgba(163, 45, 45, 0.09);
}

.monitoring-redesign .monitor-risk-line-chart .risk-trend-line {
  fill: none;
  stroke: #a32d2d;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5;
}

.monitoring-redesign .monitor-risk-line-chart circle {
  fill: #ffffff;
  stroke: #a32d2d;
  stroke-width: 2;
}

.monitoring-redesign .monitor-history-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: var(--fs-small);
  font-weight: 700;
}

.monitoring-redesign .monitor-history-badge.is-partial {
  background: #fdf1dc;
  color: #8a6a0c;
}

.monitoring-redesign .monitor-history-badge.is-complete {
  background: #eaf3de;
  color: #3b6d11;
}

.monitoring-redesign .monitor-history-note {
  margin: 8px 0 0;
}

/* Compact, real-data trend row on Command Center only. */
.client-command-center-pilot .command-kpi-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--cc-card-gap);
  margin: 0 0 var(--cc-card-gap);
}

.client-command-center-pilot .command-kpi-card {
  display: grid;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--cc-border);
  border-radius: 12px;
  background: var(--cc-card);
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.client-command-center-pilot .command-kpi-card > span {
  color: #8a8378;
  font-size: var(--cc-font-small);
}

.client-command-center-pilot .command-kpi-card > strong {
  margin: 4px 0 5px;
  color: var(--cc-text);
  font-size: 20px !important;
}

.client-command-center-pilot .command-kpi-card > small {
  min-height: 2.8em;
  margin-bottom: 8px;
  color: #8a8378;
  font-size: var(--cc-font-small);
  line-height: 1.4;
}

.client-command-center-pilot .command-kpi-card svg {
  display: block;
  width: 100%;
  height: 24px;
  border-radius: 3px;
}

.client-command-center-pilot .command-kpi-card polygon {
  fill: #f3eadd;
}

.client-command-center-pilot .command-kpi-card polyline {
  fill: none;
  stroke: #b7a893;
  stroke-width: 1.7;
}

.client-command-center-pilot .command-kpi-card.is-engagement polygon {
  fill: #eaf3de;
}

.client-command-center-pilot .command-kpi-card.is-engagement polyline {
  stroke: var(--cc-accent);
}

.client-command-center-pilot .command-kpi-card.is-risk polygon {
  fill: #fcebeb;
}

.client-command-center-pilot .command-kpi-card.is-risk polyline {
  stroke: #a32d2d;
}

@media (max-width: 860px) {
  .monitoring-redesign .monitor-performance-summary,
  .monitoring-redesign .monitor-voc-grid,
  .client-command-center-pilot .command-kpi-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .monitoring-redesign .monitor-sentiment-body {
    align-items: flex-start;
  }
}

/* Keep the locked Content surfaces authoritative over the earlier shared rollout. */
.main-shell:has(.content-section-tabs) .content-section-tabs {
  margin-bottom: 20px;
  padding: 0;
  border: 0;
  background: transparent;
}

.main-shell:has(.content-section-tabs) .content-section-tabs .segment {
  padding: 8px 18px;
  border: 1px solid var(--content-card-border);
  background: #fff;
  color: #2c2c2a;
  font-size: var(--content-fs-body);
}

.main-shell:has(.content-section-tabs) .content-section-tabs .segment.active {
  border-color: var(--content-orange);
  background: var(--content-orange);
  color: #fff;
}

.main-shell:has(.content-section-tabs) .content-plan-review-metrics,
.main-shell:has(.content-section-tabs) .content-persona-metrics {
  gap: var(--content-card-gap);
}

.main-shell:has(.content-section-tabs) :is(.content-plan-review-metrics, .content-persona-metrics) :is(.metric-card, .shared-metric-card) {
  min-height: 0;
  padding: var(--content-card-pad);
  border-color: var(--content-card-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.main-shell:has(.content-section-tabs) :is(.content-plan-review-metrics, .content-persona-metrics) .shared-metric-card-value {
  margin-top: 4px;
  color: var(--content-orange);
  font-size: var(--content-fs-big);
}

.main-shell:has(.content-section-tabs) .content-plan-calendar-card {
  gap: initial;
  padding: clamp(0.75rem, 1vw, 1.25rem);
  border: 1px solid var(--content-card-border);
  border-radius: 12px;
  background: #fff;
}

.main-shell:has(.content-section-tabs) .content-plan-calendar {
  grid-template-columns: repeat(7, minmax(100px, 1fr));
  gap: 8px;
  border: 0;
  background: transparent;
}

.main-shell:has(.content-section-tabs) :is(.content-plan-calendar-weekday, .content-plan-calendar-cell) {
  min-width: 100px;
}

.main-shell:has(.content-section-tabs) .content-plan-calendar-weekday {
  padding: 4px 6px;
  background: transparent;
  color: #8a8378;
  font-size: var(--content-fs-small);
  text-transform: none;
}

.main-shell:has(.content-section-tabs) .content-plan-calendar-cell {
  min-height: 80px;
  padding: 6px;
  border: 1px solid #ede7d8;
  background: #fff;
}

.main-shell:has(.content-section-tabs) .content-plan-calendar-cell.is-empty {
  background: #fbf8f2;
}

/* Internal/operator-only Discovery Controls locked redesign. */
.discovery-controls-redesign {
  --dc2-background: #f7f4ec;
  --dc2-card: #ffffff;
  --dc2-border: #ddd4be;
  --dc2-text: #2c2c2a;
  --dc2-muted: #6b6a63;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 3rem) clamp(1.5rem, 4vw, 4rem);
  color: var(--dc2-text);
}

.main-shell:has(.discovery-controls-redesign) {
  background: var(--dc2-background, #f7f4ec);
}

.discovery-controls-redesign .discovery-controls-heading {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

.discovery-controls-redesign .discovery-controls-heading h1 {
  margin: 0 0 6px;
  font-size: clamp(24px, 2.2vw, 34px);
}

.discovery-controls-redesign .discovery-controls-heading p {
  margin: 0;
  color: var(--dc2-muted);
  font-size: 13px;
}

.discovery-controls-redesign .dc2-card {
  padding: 1.25rem 1.5rem;
  border: 0.5px solid var(--dc2-border);
  border-radius: 12px;
  background: var(--dc2-card);
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.discovery-controls-redesign .discovery-controls-status {
  margin-bottom: 12px;
  border-left-width: 3px;
}

.discovery-controls-redesign .discovery-controls-status-danger {
  border-left-color: #e24b4a;
}

.discovery-controls-redesign .discovery-controls-status-warning {
  border-left-color: var(--orange);
}

.discovery-controls-redesign .discovery-controls-status-success {
  border-left-color: #639922;
}

.discovery-controls-redesign .discovery-controls-status-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
  color: var(--dc2-muted);
  font-size: 12px;
}

.discovery-controls-redesign .dc2-badge {
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
}

.discovery-controls-redesign .dc2-badge-danger {
  background: #fcebeb;
  color: #a32d2d;
}

.discovery-controls-redesign .dc2-badge-warning {
  background: #fdf1dc;
  color: #8a6a0c;
}

.discovery-controls-redesign .dc2-badge-success {
  background: #eaf3de;
  color: #3b6d11;
}

.discovery-controls-redesign .discovery-controls-status > p {
  margin: 0 0 10px;
  font-size: 14px;
}

.discovery-controls-redesign .discovery-controls-next-action {
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--dc2-background);
}

.discovery-controls-redesign .discovery-controls-next-action strong {
  display: block;
  margin-bottom: 2px;
  color: var(--dc2-muted);
  font-size: 12px;
  font-weight: 500;
}

.discovery-controls-redesign .discovery-controls-next-action p {
  margin: 0;
  font-size: 13px;
}

.discovery-controls-redesign .discovery-controls-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.discovery-controls-redesign .discovery-controls-metric span {
  display: block;
  margin-bottom: 6px;
  color: var(--dc2-muted);
  font-size: 12px;
}

.discovery-controls-redesign .discovery-controls-metric strong {
  font-size: 14px;
  font-weight: 500;
}

.discovery-controls-redesign .discovery-controls-metric strong.is-danger {
  color: #a32d2d;
}

.discovery-controls-redesign .discovery-controls-communities h2 {
  margin: 0 0 10px;
  color: var(--dc2-muted);
  font-size: 13px;
  font-weight: 500;
}

.discovery-controls-redesign .discovery-controls-community-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
}

.discovery-controls-redesign .discovery-controls-community-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.discovery-controls-redesign
  .discovery-controls-community-list
  > div
  > span:last-child {
  color: var(--dc2-muted);
}

@media (max-width: 900px) {
  .discovery-controls-redesign .discovery-controls-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .discovery-controls-redesign .discovery-controls-metrics {
    grid-template-columns: 1fr;
  }
}

/* Discover locked redesign: merged community and opportunity workspace. */
.client-discover-pilot {
  --dc-accent: var(--orange);
  --dc-background: var(--pilot-bg);
  --dc-card: var(--pilot-surface);
  --dc-border: var(--pilot-border);
  --dc-text: #2c2c2a;
  --dc-muted: #6b6a63;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  color: var(--dc-text);
}

.main-shell:has(.client-discover-pilot) {
  background: var(--dc-background, #f7f4ec);
}

.client-discover-pilot .discover-tabs-toolbar {
  margin-bottom: 16px;
  padding: 0;
  border: 0;
  background: transparent;
}

.client-discover-pilot .discover-tabs-toolbar h1 {
  font-size: clamp(24px, 2.4vw, 36px);
}

.client-discover-pilot .discover-tabs-toolbar .segmented-control,
.client-discover-pilot .opportunity-lifecycle-tabs {
  gap: 4px;
  padding: 3px;
  border: 0.5px solid var(--dc-border);
  background: transparent;
}

.client-discover-pilot .discover-tabs-toolbar .segment,
.client-discover-pilot .opportunity-lifecycle-tabs .segment {
  border: 0.5px solid transparent;
  color: var(--dc-muted);
  font-weight: 500;
  box-shadow: none;
}

.client-discover-pilot .discover-tabs-toolbar .segment.active,
.client-discover-pilot .opportunity-lifecycle-tabs .segment.active {
  border-color: var(--dc-accent);
  background: var(--dc-accent);
  color: #ffffff;
}

.client-discover-pilot .discover-summary-bar {
  display: flex;
  gap: 16px;
  align-items: center;
}

.client-discover-pilot .discover-summary-bar p {
  margin: 0;
  color: var(--dc-muted);
  font-size: 13px;
  line-height: 1.55;
}

.client-discover-pilot .discover-status-overview {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid var(--dc-border);
  border-left: 3px solid var(--dc-accent);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
}

.client-discover-pilot .discover-delivery-status {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: var(--dc-text);
}

.client-discover-pilot .discover-delivery-status-icon {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  background: rgba(217, 115, 13, 0.12);
  color: var(--dc-accent);
}

.client-discover-pilot .discover-delivery-status-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.client-discover-pilot .discover-delivery-status-copy {
  display: grid;
  gap: 3px;
  line-height: 1.5;
}

.client-discover-pilot .discover-delivery-status-copy strong {
  font-size: 13px;
}

.client-discover-pilot .discover-delivery-status-copy > span {
  color: var(--dc-muted);
  font-size: 13px;
}

.client-discover-pilot .opportunity-pagination {
  display: grid;
  grid-template-columns: minmax(92px, auto) minmax(120px, auto) minmax(92px, auto);
  justify-content: end;
  gap: 8px;
  margin-top: 14px;
}

.client-discover-pilot .opportunity-pagination-control {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid var(--dc-border);
  border-radius: 8px;
  line-height: 20px;
  text-decoration: none;
}

.client-discover-pilot a.opportunity-pagination-control {
  background: #ffffff;
  color: var(--dc-text);
}

.client-discover-pilot .opportunity-pagination-status {
  color: var(--dc-muted);
  white-space: nowrap;
}

.client-discover-pilot .discover-sort-control {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--dc-muted);
  font-size: 12px;
}

.client-discover-pilot .discover-sort-control select {
  width: auto;
  min-width: 210px;
  font-size: 12px;
}

.client-discover-pilot .discover-opportunity-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.client-discover-pilot
  .discover-opportunity-toolbar
  .opportunity-lifecycle-tabs {
  margin-bottom: 0;
}

.client-discover-pilot .discover-community-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  margin-bottom: 20px;
}

.client-discover-pilot .discover-community-card,
.client-discover-pilot .discover-community-more-card,
.client-discover-pilot .discover-filter-card,
.client-discover-pilot .opportunity-decision-card {
  border: 0.5px solid var(--dc-border);
  border-radius: 12px;
  background: var(--dc-card);
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

body .main-shell:has(.client-discover-pilot)
  .client-discover-pilot
  .opportunity-decision-card.compact-panel {
  border-color: var(--dc-border);
}

.client-discover-pilot .discover-community-card {
  min-width: 0;
  padding: 0;
}

.client-discover-pilot .discover-community-card[hidden] {
  display: none;
}

.client-discover-pilot .discover-community-card > summary {
  display: grid;
  gap: 8px;
  padding: 20px 22px;
  cursor: pointer;
  list-style: none;
}

.client-discover-pilot .discover-community-card > summary::-webkit-details-marker {
  display: none;
}

.client-discover-pilot .discover-community-card > summary::after {
  grid-column: 1;
  color: var(--dc-muted);
  content: "⌄";
  font-size: 12px;
  line-height: 1;
}

.client-discover-pilot .discover-community-card[open] > summary::after {
  transform: rotate(180deg);
}

.client-discover-pilot .discover-community-card-heading {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.client-discover-pilot .discover-community-card-heading > strong {
  font-size: 14px;
  font-weight: 600;
}

.client-discover-pilot .discover-community-card > summary > p {
  margin: 0;
  color: var(--dc-muted);
  font-size: 12px;
}

.client-discover-pilot .discover-community-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.client-discover-pilot .discover-community-detail {
  gap: 12px;
  margin: 0 22px;
  padding: 14px 0 20px;
  border-top: 0.5px solid var(--dc-border);
  color: var(--dc-muted);
  font-size: 12px;
}

.client-discover-pilot .discover-community-card[open] .discover-community-detail {
  display: grid;
}

.client-discover-pilot .discover-community-detail section > strong {
  color: var(--dc-text);
}

.client-discover-pilot .discover-community-detail p {
  margin: 5px 0 0;
  line-height: 1.5;
}

.client-discover-pilot .discover-community-detail .structured-rules {
  margin-top: 8px;
}

.client-discover-pilot .discover-community-detail .context-links {
  margin-top: 8px;
}

.client-discover-pilot .discover-community-detail .context-links button {
  padding: 4px 10px;
  border-color: #c9c2ae;
  border-radius: 6px;
  background: transparent;
  color: var(--dc-text);
  font-size: 11px;
}

.client-discover-pilot .discover-community-detail .context-links button:disabled {
  border-color: var(--dc-accent);
  background: #fbe8cf;
  color: #8a4a0c;
  opacity: 1;
}

.client-discover-pilot .discover-community-more-card {
  position: relative;
  display: grid;
  align-self: start;
  min-height: 0;
  padding: 0;
}

.client-discover-pilot .discover-community-more-card-placeholder {
  display: none;
}

.client-discover-pilot .discover-community-more-card > .small-button {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.client-discover-pilot .discover-community-more-card .small-button {
  color: var(--dc-text);
}

.client-discover-pilot .opportunity-lifecycle-tabs {
  width: max-content;
  margin-bottom: 12px;
}

.client-discover-pilot .discover-filter-card {
  margin-bottom: 12px;
  padding: 12px 14px;
  border-color: #e4ddcb;
  background: color-mix(in srgb, #ffffff 72%, #f7f4ec);
  box-shadow: none;
}

.client-discover-pilot .discover-filter-card > h2 {
  margin: 0 0 12px;
  color: var(--dc-muted);
  font-size: 12px;
  font-weight: 600;
}

.client-discover-pilot .discover-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.client-discover-pilot .discover-filter-grid :is(select, input, button) {
  min-height: 34px;
  font-size: 12px;
}

.client-discover-pilot .discover-filter-grid .compact-field {
  min-width: 0;
  color: var(--dc-muted);
  font-size: 12px;
}

.client-discover-pilot .discover-filter-grid button[type="submit"] {
  align-self: end;
}

.client-discover-pilot .avoid-visibility-control {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border: 0;
  border-top: 0.5px solid var(--dc-border);
  border-radius: 0;
  background: transparent;
}

.client-discover-pilot .avoid-visibility-control .checkbox-field {
  display: inline-flex;
  flex: 1;
  gap: 6px;
  align-items: center;
  color: var(--dc-muted);
  font-size: 12px;
  font-weight: 400;
}

.client-discover-pilot
  .avoid-visibility-control
  input[type="checkbox"] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  accent-color: var(--dc-accent);
}

.client-discover-pilot .discover-opportunity-list {
  display: grid;
  gap: 10px;
}

.client-discover-pilot .discover-opportunity-list > .panel-header {
  margin: 6px 0 2px;
}

.client-discover-pilot .discover-opportunity-list > .panel-header h2 {
  margin: 0;
  color: var(--dc-muted);
  font-size: 13px;
  font-weight: 600;
}

.client-discover-pilot .discover-opportunity-list > .panel-header p {
  margin: 4px 0 0;
  color: var(--dc-muted);
  font-size: 12px;
}

.client-discover-pilot .opportunity-priority-context {
  white-space: nowrap;
}

.client-discover-pilot .opportunity-decision-card {
  gap: 10px;
  padding: 20px 22px;
}

.client-discover-pilot .opportunity-decision-card > .opportunity-card-summary {
  padding: 0;
  border: 0;
  background: transparent;
}

.client-discover-pilot .opportunity-card-meta .badge:first-of-type {
  border: 0;
  background: transparent;
  color: var(--dc-muted);
  padding-left: 0;
}

.client-discover-pilot .opportunity-card-copy > strong {
  color: var(--dc-text);
  font-size: 14px;
  font-weight: 500;
}

.client-discover-pilot .opportunity-decision-card[open] {
  padding: 0;
  background: var(--dc-card);
}

.client-discover-pilot .opportunity-decision-card[open] > .opportunity-card-summary {
  padding: 20px 22px;
  border-bottom: 0.5px solid var(--dc-border);
  background: transparent;
}

.client-discover-pilot .discover-opportunity-actions {
  gap: 8px;
}

.client-discover-pilot .discover-opportunity-actions :is(a, button) {
  border-radius: 8px;
  font-size: 12px;
}

.client-discover-pilot .discover-opportunity-actions [data-action="client-generate-draft"] {
  border-color: var(--dc-accent);
  background: transparent;
  color: var(--dc-accent);
}

@media (max-width: 1000px) {
  .client-discover-pilot .discover-community-grid,
  .client-discover-pilot .discover-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Administration summaries are top-level cards, not tinted nested rows. */
.main-shell:has(.settings-tabs) .administration-kpi-grid :is(.metric-card, .shared-metric-card) {
  border-color: #ddd4be;
  background: #fff;
}

.main-shell:has(.settings-tabs) .administration-activity-kpi-grid :is(.metric-card, .shared-metric-card) {
  border-color: #ddd4be;
  background: #fff;
}

.main-shell:has(.settings-tabs) .administration-activity-panel .administration-activity-item,
.main-shell:has(.settings-tabs) .voice-guide-secondary .settings-guidance-accordion {
  background: #fbf9f3;
}

.settings-account-card-controls {
  display: grid;
  justify-items: end;
  gap: 12px;
}

.settings-account-status-stack {
  justify-items: end;
  gap: 8px;
}

.settings-account-status-stack > :is(.badge, .shared-status-badge, .metric-label-with-info) {
  justify-self: end;
  margin: 0;
}

.settings-tier-badge {
  gap: 5px;
}

.settings-account-profile-grid {
  grid-template-columns: minmax(0, 32rem);
}

.settings-content-persona-link {
  display: inline-flex;
  margin-top: 12px;
}

.content-persona-card.is-deep-linked {
  border-color: var(--orange, #d9730d);
  box-shadow: 0 0 0 2px rgb(217 115 13 / 12%);
}

.settings-account-summary-allowance {
  font-size: var(--font-small, 13px);
}

.settings-account-detail-disclosure > summary {
  width: max-content;
  margin: 12px auto 0 0;
  padding: 5px 9px;
  border: 1px solid var(--card-border, #ddd4be);
  border-radius: 8px;
  background: #fff;
  color: var(--ink, #171714);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.settings-account-detail-disclosure > summary::-webkit-details-marker {
  display: none;
}

.settings-account-edit-action > span {
  pointer-events: none;
}

.settings-account-cancel-label,
.settings-account-detail-disclosure[open] .settings-account-edit-label {
  display: none;
}

.settings-account-detail-disclosure[open] .settings-account-cancel-label {
  display: inline;
}

.settings-account-detail-expandable {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ddd4be;
}

.settings-account-detail-disclosure:not([open]) .settings-account-detail-expandable {
  display: none;
}

.settings-account-detail-expandable[hidden] {
  display: none;
}

@media (max-width: 820px) {
  .settings-account-card-controls,
  .settings-account-status-stack {
    justify-items: start;
  }
}

@media (max-width: 820px) {
  .insights-page .insights-period-grid > .insight-question-card:last-child {
    grid-column: span 1;
  }
}

@media (max-width: 700px) {
  .client-discover-pilot .discover-summary-bar,
  .client-discover-pilot .discover-opportunity-toolbar,
  .client-discover-pilot .avoid-visibility-control,
  .client-discover-pilot .opportunity-card-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .client-discover-pilot .discover-sort-control {
    align-items: stretch;
    flex-direction: column;
  }

  .client-discover-pilot .discover-sort-control select,
  .client-discover-pilot .opportunity-lifecycle-tabs {
    width: 100%;
  }

  .client-discover-pilot .discover-community-grid,
  .client-discover-pilot .discover-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.confirmed-lead-list {
  display: grid;
  gap: var(--pilot-space-2);
}

.confirmed-lead-card {
  padding: var(--pilot-space-3);
  border: 1px solid var(--line);
  border-radius: var(--pilot-card-radius);
  background: var(--surface);
}

.confirmed-lead-card__heading,
.confirmed-lead-card__footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--pilot-space-2);
}

.confirmed-lead-card__heading p,
.confirmed-lead-card__footer {
  color: var(--muted);
}

.confirmed-lead-card blockquote {
  margin: var(--pilot-space-2) 0;
  padding: var(--pilot-space-2);
  border-left: 3px solid var(--orange);
  background: var(--surface-quiet);
  color: var(--text);
}

@media (max-width: 640px) {
  .confirmed-lead-card__heading,
  .confirmed-lead-card__footer {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 430px) {
  .login-panel {
    padding: var(--pilot-space-2);
  }

  .login-intro-header {
    gap: var(--pilot-space-1);
  }

  .login-intro-header .language-switcher {
    flex-basis: min(42vw, 144px);
    width: min(42vw, 144px);
  }

  .login-intro-header .brand-block {
    gap: var(--pilot-space-1);
  }

  .login-intro-header .brand-mark {
    width: 40px;
    height: 40px;
  }

  .login-intro-header .brand-block strong {
    font-size: 14px;
  }

  .login-workflow {
    --login-carousel-offset: 104px;
  }

  .login-workflow-track {
    height: 156px;
  }

  .login-workflow-step {
    width: min(168px, 49%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .login-workflow-step,
  .login-workflow-dot {
    transition: none;
  }
}

.model-usage-panel {
  display: grid;
  gap: var(--space-3, 24px);
}

.model-usage-filters {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(4, minmax(130px, 1fr)) auto;
  gap: var(--space-2, 16px);
  align-items: end;
  padding: var(--space-2, 16px);
  border: 1px solid var(--line);
  border-radius: var(--control-radius, 8px);
  background: var(--surface-quiet);
}

.model-usage-filters label {
  display: grid;
  gap: var(--space-1, 8px);
  color: var(--muted);
  font-size: var(--caption-size, 11px);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.model-usage-breakdowns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2, 16px);
}

.model-usage-breakdowns .compact-panel,
.model-usage-panel > .compact-panel {
  margin: 0;
}

.model-usage-panel code {
  font-size: 12px;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .model-usage-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .model-usage-breakdowns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .mobile-brand strong {
    display: none;
  }

  .mobile-page-name {
    display: block;
    max-width: 112px;
    overflow: hidden;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }

  .table-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .table-wrap table,
  .table-wrap tbody,
  .table-wrap tr,
  .table-wrap td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .table-wrap thead {
    display: none;
  }

  .table-wrap tr {
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
  }

  .table-wrap td {
    display: grid;
    grid-template-columns: minmax(96px, 34%) minmax(0, 1fr);
    gap: 10px;
    overflow-wrap: anywhere;
  }

  .table-wrap td::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
  }

  .content-plan-calendar {
    display: block;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .content-plan-calendar-weekday,
  .content-plan-calendar-cell.is-empty {
    display: none;
  }

  .content-plan-calendar-cell {
    min-width: 0;
    min-height: 0;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
  }

  .content-plan-calendar-date {
    font-size: 14px;
  }

  .structured-rules {
    grid-template-columns: 1fr;
  }

  .onboarding-only-header {
    align-items: flex-start;
    padding: 12px 14px;
  }

  .onboarding-only-header .topbar-actions {
    align-items: flex-end;
    gap: 7px;
  }

  .onboarding-only-header .language-switcher {
    min-width: 112px;
  }

  .onboarding-only-header .actor-chip strong {
    display: none;
  }

  .onboarding-only-main {
    width: min(100% - 28px, 720px);
    padding: 24px 0 44px;
  }

  .onboarding-gate-heading {
    margin-bottom: 18px;
  }

  .onboarding-gate-heading h1 {
    font-size: 30px;
  }

  .onboarding-gate-heading > p:last-child {
    font-size: 15px;
  }

  .onboarding-split {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .onboarding-context-panel {
    position: static;
    order: -1;
    padding: 18px;
    border-radius: 10px;
  }

  .onboarding-context-panel h2 {
    font-size: 21px;
  }

  .onboarding-context-panel ul {
    margin-bottom: 0;
  }

  .onboarding-context-proof {
    margin-top: 14px;
    padding-top: 12px;
  }

  .onboarding-step-nav {
    display: flex;
    gap: 7px;
    padding-bottom: 5px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .onboarding-step-nav a {
    flex: 0 0 142px;
    scroll-snap-align: start;
  }

  .onboarding-goal-grid,
  .onboarding-account-choice-grid {
    grid-template-columns: 1fr;
  }

  .onboarding-account-choice {
    min-height: 0;
    padding: 18px;
  }

  .onboarding-manual-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .onboarding-form-pane .panel {
    padding: 16px;
  }

  .walkthrough-card {
    inset: auto 10px 10px;
    width: auto;
    padding: 20px;
  }

  .walkthrough-highlight {
    z-index: 111;
    outline-width: 3px;
  }

  .help-menu[open] button {
    position: fixed;
    right: 14px;
    top: 116px;
  }
}
.persona-fanout-control {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.65rem;
  padding: 0.75rem;
  border: 1px solid var(--border-color, #d9dee7);
  border-radius: 0.6rem;
}

.persona-fanout-control label {
  display: flex;
  gap: 0.45rem;
  align-items: center;
}

.persona-sibling-group {
  display: grid;
  grid-column: 1 / -1;
  gap: 0.8rem;
  padding: 0.8rem;
  border: 1px solid var(--border-color, #d9dee7);
  border-radius: 0.75rem;
}

.persona-sibling-group > header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

/* P3 approved visual-token rollout: component styling for client-facing pages. */
:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .toolbar {
  margin-bottom: var(--pilot-space-3);
  padding: var(--pilot-space-3);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .toolbar h1 {
  color: var(--pilot-text);
  font-size: var(--pilot-type-title);
  line-height: 1.1;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .toolbar h2 {
  color: var(--pilot-text);
  font-size: var(--pilot-type-section);
  line-height: 1.2;
}

.main-shell:has(.settings-tabs) .toolbar h2 {
  font-size: var(--pilot-type-title);
  line-height: 1.1;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .toolbar p {
  margin-top: var(--pilot-space-1);
  color: var(--pilot-text-secondary);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(
  .panel:not(.publishing-flow-panel):not(.publishing-guidance-panel),
  .compact-panel,
  .manual-package-card,
  .table-wrap,
  .state
) {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .panel:not(.publishing-flow-panel):not(.publishing-guidance-panel) {
  margin-bottom: var(--pilot-space-3);
  padding: var(--pilot-space-3);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.compact-panel, .manual-package-card) {
  padding: var(--pilot-space-2);
}

.main-shell:has(.publishing-queue-panel) :is(
  .publishing-flow-panel,
  .publishing-guidance-panel
) {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .panel-header {
  gap: var(--pilot-space-2);
  margin-bottom: var(--pilot-space-3);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.panel h2, .panel-header h2) {
  color: var(--pilot-text);
  font-size: var(--pilot-type-section);
  line-height: 1.2;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.panel-header p, .muted, .compact-empty) {
  color: var(--pilot-text-secondary);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .metric-grid {
  gap: var(--pilot-space-2);
  margin-bottom: var(--pilot-space-3);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.metric-card, .shared-metric-card) {
  min-height: 112px;
  padding: var(--pilot-space-3);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface-muted);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.metric-card > span, .shared-metric-card-label) {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.metric-card > strong, .shared-metric-card-value) {
  margin-top: var(--pilot-space-2);
  color: var(--pilot-text);
  font-size: 32px;
  line-height: 1.05;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.metric-card > small, .shared-metric-card > small) {
  margin-top: var(--pilot-space-1);
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segmented-control, .segmented-tabs, .settings-tabs) {
  gap: 4px;
  margin-bottom: var(--pilot-space-3);
  padding: 4px;
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment, .segmented-tabs a, .settings-tab-link) {
  border-radius: var(--pilot-radius-small);
  color: var(--pilot-text-secondary);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment.active, .segmented-tabs a.is-active, .settings-tab-link.active) {
  background: var(--pilot-accent);
  color: #ffffff;
  box-shadow: none;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.filter-bar, .performance-filter-shell, .inline-form) {
  gap: var(--pilot-space-2);
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(input, select, textarea, button, .small-button, .context-links a) {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.guidance-note, .operations-loop-panel) {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface-muted);
  color: var(--pilot-text-secondary);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.section-kicker, thead th) {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) thead th {
  background: var(--pilot-surface-muted);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.activity-item, .summary-list, .settings-persona-block) {
  border-color: var(--pilot-border);
  border-radius: var(--pilot-radius-small);
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .settings-section-group {
  gap: var(--pilot-space-2);
  margin-bottom: var(--pilot-space-3);
}

/* Batch B visual polish: chart, form, draft-review, and publishing rhythm. */
.discover-opportunity-charts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.discover-opportunity-charts .compact-chart-panel {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.compact-chart-panel .summary-list {
  display: grid;
  gap: var(--pilot-space-2);
  padding: var(--pilot-space-2);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.performance-bar-row {
  display: grid;
  grid-template-columns: minmax(112px, 0.6fr) minmax(160px, 1.4fr) 40px;
  gap: var(--pilot-space-1) var(--pilot-space-2);
  align-items: center;
  min-width: 0;
  padding: var(--pilot-space-1) 0;
}

.performance-bar-row > span:first-child {
  overflow-wrap: anywhere;
  font-weight: 700;
}

.compact-chart-bar-track {
  display: block;
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--pilot-chart-track);
}

.compact-chart-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--chart-bar-color, var(--pilot-chart-1));
}

.performance-bar-row > strong {
  text-align: right;
}

.performance-bar-row > small {
  grid-column: 1 / -1;
  max-width: none;
  color: var(--pilot-text-secondary);
}

.main-shell:has(.monitoring-tabs) .donut-chart-track {
  stroke: var(--pilot-chart-track);
}

.main-shell:has(.monitoring-tabs) .donut-chart-layout {
  grid-template-columns: minmax(150px, 0.65fr) minmax(180px, 1fr);
  gap: var(--pilot-space-3);
  max-width: 560px;
}

.main-shell:has(.monitoring-tabs) .donut-chart-legend {
  gap: var(--pilot-space-2);
}

.persona-guidance-details > .persona-settings-form {
  grid-column: 1 / -1;
}

.persona-settings-form {
  display: grid;
  gap: var(--pilot-space-2);
  padding: var(--pilot-space-2);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

.persona-settings-form .settings-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--pilot-space-2);
}

.persona-settings-form label {
  display: grid;
  gap: var(--pilot-space-1);
  min-width: 0;
  color: var(--pilot-text);
  font-weight: 700;
}

.persona-settings-form label > span {
  color: var(--pilot-text-secondary);
  font-size: var(--pilot-type-caption);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.persona-settings-form :is(input, textarea) {
  width: 100%;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface);
  color: var(--pilot-text);
  font: inherit;
  line-height: 1.55;
}

.persona-settings-form textarea {
  min-height: 96px;
  resize: none;
}

.persona-settings-form[hidden] {
  display: none;
}

.persona-edit-controls {
  grid-column: 1 / -1;
}

.draft-review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr);
  gap: clamp(14px, 1.25vw, 20px);
  align-items: start;
}

.draft-review-layout > :not(.draft-review-sidebar) {
  grid-column: 1;
}

.draft-review-source-card {
  grid-row: 1;
}

.draft-review-self-check-card {
  grid-row: 2;
}

.draft-review-layout > .reviewer-guidance-panel {
  grid-row: 3;
}

.draft-review-body-card {
  grid-row: 4;
  border: 2px solid var(--content-orange, var(--orange));
}

.draft-review-layout > .final-gate-panel {
  grid-row: 5;
}

.draft-review-gate-confirmation {
  grid-row: 6;
  background: #fff;
}

.draft-review-actions-card {
  grid-row: 7;
}

.draft-review-sidebar {
  position: sticky;
  top: 16px;
  grid-column: 2;
  grid-row: 1 / span 7;
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  align-self: start;
  scrollbar-width: thin;
}

.draft-review-sidebar-overflow {
  position: sticky;
  bottom: 0;
  display: flex;
  min-height: 44px;
  margin-top: -44px;
  padding: 20px 8px 4px;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
  background: linear-gradient(to bottom, rgba(247, 244, 236, 0), #f7f4ec 68%);
  color: #8a8378;
  font-size: var(--fs-small);
  pointer-events: none;
  z-index: 3;
}

.draft-review-sidebar-overflow[hidden] {
  display: none !important;
}

.draft-review-sidebar-chevron {
  display: inline-block;
  animation: draft-sidebar-more 1.4s ease-in-out infinite;
}

@keyframes draft-sidebar-more {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(2px); }
}

@media (prefers-reduced-motion: reduce) {
  .draft-review-sidebar-chevron { animation: none; }
}

.draft-reject-picker {
  display: grid;
  gap: 8px;
  margin: 10px 0 14px;
  padding: 16px;
  border: 1px solid #ddd4be;
  border-radius: 12px;
  background: #fff;
}

.draft-reject-picker > legend {
  padding: 0 4px;
  font-size: var(--fs-label);
  font-weight: 700;
}

.draft-reject-picker > p {
  margin: 0 0 4px;
  color: #8a8378;
  font-size: var(--fs-small);
}

.draft-reject-picker details {
  margin: 0;
}

.draft-reject-picker summary {
  padding: 9px 0;
  border-bottom: 1px solid #ede7d8;
  cursor: pointer;
  font-size: var(--fs-label);
  list-style: none;
}

.draft-reject-picker summary::-webkit-details-marker {
  display: none;
}

.draft-reject-picker summary::before {
  color: #8a8378;
  content: "▸ ";
}

.draft-reject-picker details[open] summary::before {
  content: "▾ ";
}

.draft-reject-picker summary small {
  color: #8a8378;
  font-size: var(--fs-small);
  font-weight: 400;
}

.draft-reject-option {
  display: flex;
  gap: 8px;
  padding: 6px 4px;
  align-items: flex-start;
  border-radius: 6px;
  cursor: pointer;
  font-size: var(--fs-body);
}

.draft-reject-option:hover {
  background: #faf7ef;
}

.draft-review-actions-card .draft-reject-option input[type="radio"] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 2px 0 0;
  padding: 0;
  border-radius: 50%;
  accent-color: #a32d2d;
}

.draft-reject-option span {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.4;
  text-align: left;
}

.draft-reject-detail textarea {
  min-height: 54px;
  resize: none;
}

.draft-reject-confirm {
  border-color: #a32d2d !important;
  background: #a32d2d !important;
  color: #fff !important;
}

/* One fluid semantic type scale across every application page. */
body main.main-shell h1 {
  font-size: var(--fs-title) !important;
  line-height: 1.12;
}

body main.main-shell h2 {
  font-size: var(--fs-section) !important;
  line-height: 1.2;
}

body main.main-shell h3 {
  font-size: var(--fs-subsection) !important;
  line-height: 1.25;
}

body main.main-shell h4 {
  font-size: var(--fs-label) !important;
  line-height: 1.3;
}

body main.main-shell small {
  font-size: var(--fs-small) !important;
}

.draft-review-step-label {
  margin: 0 0 6px;
  color: #8a8378;
  font-size: var(--content-fs-small, 12px);
  font-weight: 600;
}

.draft-review-source-meta {
  color: #8a8378;
  font-size: var(--content-fs-small, 12px);
}

.draft-review-body-card .manual-package-body {
  grid-template-columns: minmax(0, 1fr);
}

.draft-review-body-card [data-client-draft-review-form] {
  background: #fffaf2;
}

.draft-review-save-button {
  justify-self: start;
}

.draft-review-actions-card {
  display: grid;
  gap: 10px;
}

.draft-review-actions-card > label {
  display: grid;
  gap: 6px;
  font-weight: 700;
}

.draft-review-actions-card input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--pilot-border, #ddd4be);
  border-radius: 8px;
  background: #fff;
  font: inherit;
}

.draft-review-rule-groups {
  display: grid;
  gap: 6px;
}

.draft-review-rule-group {
  padding: 8px 10px;
  border: 1px solid #ede7d8;
  border-radius: 8px;
  background: #fbf8f2;
}

.draft-review-rule-group > summary {
  cursor: pointer;
  color: #6b5e4a;
  font-size: var(--content-fs-small, 12px);
  font-weight: 700;
}

.draft-review-rule-group .compact-list,
.draft-review-rule-group > p {
  margin: 8px 0 0;
}

@media (max-width: 960px) {
  .draft-review-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .draft-review-layout > *,
  .draft-review-sidebar {
    grid-column: 1;
    grid-row: auto;
  }

  .draft-review-source-card { order: 1; }
  .draft-review-self-check-card { order: 2; }
  .draft-review-layout > .reviewer-guidance-panel { order: 3; }
  .draft-review-body-card { order: 4; }
  .draft-review-layout > .final-gate-panel { order: 5; }
  .draft-review-gate-confirmation { order: 6; }
  .draft-review-actions-card { order: 7; }
  .draft-review-sidebar {
    position: static;
    order: 8;
    max-height: none;
    overflow: visible;
  }
}

.persona-settings-form :is(input, textarea):focus-visible {
  border-color: var(--pilot-accent);
  outline: 3px solid var(--pilot-accent-soft);
  outline-offset: 1px;
}

.persona-settings-form .field-hint {
  margin: 0;
  color: var(--pilot-text-secondary);
  line-height: 1.5;
}

.main-shell:has([data-client-draft-review-form]) .manual-package-body {
  gap: var(--pilot-space-3);
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
}

.main-shell:has([data-client-draft-review-form]) .manual-package-body p {
  line-height: 1.55;
}

.main-shell:has([data-client-draft-review-form]) .summary-list {
  display: grid;
  gap: var(--pilot-space-1);
  line-height: 1.55;
}

.main-shell:has([data-client-draft-review-form]) .summary-list > :is(p, ul) {
  margin-block: 0;
}

[data-client-draft-review-form] {
  gap: var(--pilot-space-2);
  align-content: start;
  padding: var(--pilot-space-2);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-small);
  background: var(--pilot-surface-muted);
}

[data-client-draft-review-form] > label {
  display: grid;
  gap: var(--pilot-space-1);
  line-height: 1.45;
}

[data-client-draft-review-form] textarea {
  min-height: 264px;
  padding: 12px;
  background: var(--pilot-surface);
  line-height: 1.55;
  resize: none;
}

.draft-human-review-checklist .compact-list {
  display: grid;
  gap: var(--pilot-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.draft-human-review-checklist .compact-list li {
  margin: 0;
}

.draft-human-review-checklist .compact-list label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: var(--pilot-space-1);
  line-height: 1.45;
}

.draft-human-review-checklist .compact-list input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 3px 0 0;
}

[data-client-draft-review-form] .context-links {
  gap: var(--pilot-space-1);
  margin-top: 0;
  padding-top: var(--pilot-space-1);
}

[data-client-draft-review-form] > .muted {
  margin: 0;
  line-height: 1.5;
}

.publishing-queue-body {
  gap: var(--pilot-space-3);
  padding: 0 var(--pilot-space-2) var(--pilot-space-3);
}

.publishing-queue-copy-section,
.publishing-queue-recovery-section {
  display: grid;
  align-content: start;
  gap: var(--pilot-space-2);
}

.publishing-queue-copy-section > h4,
.publishing-queue-recovery-section > p {
  margin: 0;
}

.publishing-queue-body .url-capture-package {
  gap: var(--pilot-space-2);
}

.publishing-manual-column {
  display: grid;
  align-content: start;
  gap: var(--pilot-space-3);
}

.publishing-manual-section,
.publishing-workflow-section,
.publishing-reminder-stack {
  display: grid;
  align-content: start;
  gap: var(--pilot-space-2);
}

.publishing-manual-section > h4,
.publishing-workflow-section > h4,
.publishing-reminder-stack > p,
.publishing-url-capture-helper {
  margin: 0;
}

.publishing-reminder-stack > .context-links,
.publishing-workflow-section .publishing-workflow-actions {
  margin: 0;
}

.publishing-workflow-section {
  padding-top: var(--pilot-space-3);
  border-top: 1px solid var(--pilot-border);
}

.publishing-url-capture-helper {
  padding-top: var(--pilot-space-2);
}

.publishing-copyable-content {
  display: grid;
  gap: var(--pilot-space-2);
}

.publishing-copyable-content textarea {
  resize: none;
}

.publishing-copyable-content .small-button {
  justify-self: start;
}

.publishing-queue-body .url-capture-package > label,
.publishing-queue-body .url-capture-form label {
  display: grid;
  gap: var(--pilot-space-1);
}

.publishing-queue-body :is(.context-links, .link-row) {
  gap: var(--pilot-space-1);
  margin-top: var(--pilot-space-1);
}

.publishing-queue-body .publishing-account-safety {
  margin-top: var(--pilot-space-2);
}

.publishing-queue-body .publishing-target-contract + .context-links {
  margin-top: var(--pilot-space-2);
  margin-bottom: var(--pilot-space-2);
}

.publishing-workflow-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--pilot-space-1) var(--pilot-space-2);
  margin-top: var(--pilot-space-1);
}

.publishing-workflow-actions .inline-form {
  margin: 0;
}

.publishing-queue-body :is(p, .guidance-note) + :is(.context-links, .link-row, button) {
  margin-top: var(--pilot-space-2);
}

.account-health-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--pilot-space-2);
  margin-top: var(--pilot-space-2);
}

.account-health-card {
  display: grid;
  align-content: start;
  gap: var(--pilot-space-1);
  padding: var(--pilot-space-2);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface);
}

.account-health-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--pilot-space-1);
}

.account-health-card p {
  margin: 0;
  color: var(--pilot-text-secondary);
  line-height: 1.5;
}

.saved-report-section + .saved-report-section {
  position: relative;
  margin-top: var(--pilot-space-4);
}

.saved-report-section + .saved-report-section::before {
  position: absolute;
  top: calc(var(--pilot-space-2) * -1);
  right: 0;
  left: 0;
  border-top: 1px solid var(--pilot-border);
  content: "";
}

.saved-report-section .summary-list > strong:not(:first-child) {
  margin-top: var(--pilot-space-2);
  padding-top: var(--pilot-space-2);
  border-top: 1px solid var(--pilot-border);
}

.settings-tab-panel[data-settings-tab-panel="accounts"] .table-wrap {
  overflow: visible;
}

.settings-tab-panel[data-settings-tab-panel="accounts"] .info-tooltip small {
  top: calc(100% + 8px);
  bottom: auto;
  z-index: 90;
}

.settings-brand-save {
  margin-top: var(--pilot-space-2);
}

.settings-guidance-accordion textarea {
  resize: none;
}

/* Batch C: shared, calm orientation treatment for page-level status context. */
body .main-shell:has([data-page-status-banner]) [data-page-status-banner].toolbar,
body .main-shell:has([data-page-status-banner]) [data-page-status-banner].insight-card.panel,
[data-page-status-banner] {
  margin-bottom: var(--pilot-space-3);
  padding: var(--pilot-space-2) var(--pilot-space-3);
  border: 1px solid var(--pilot-border);
  border-left: 4px solid var(--pilot-accent);
  border-radius: var(--pilot-radius-card);
  background: var(--pilot-surface-muted);
  box-shadow: none;
}

[data-page-status-banner].insight-card {
  gap: var(--pilot-space-1);
}

[data-page-status-banner] .insight-card-headline {
  color: var(--pilot-text);
  font-size: 18px;
  line-height: 1.4;
}

[data-page-status-banner] .insight-card-support,
[data-page-status-banner].toolbar p {
  color: var(--pilot-text-secondary);
  line-height: 1.5;
}

/* Batch E: make anomaly severity, scope, and evidence strength scannable. */
.risk-anomaly-list {
  display: grid;
}

.monitoring-risk-kpis {
  margin-bottom: var(--pilot-space-3);
}

.monitoring-risk-primary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--pilot-space-3);
  align-items: start;
  margin-bottom: var(--pilot-space-3);
}

.monitoring-risk-console {
  min-width: 0;
}

.monitoring-risk-sidebar {
  display: grid;
  gap: var(--pilot-space-2);
}

.monitoring-risk-sidebar > .panel,
.monitoring-risk-sidebar > .guidance-note {
  margin: 0;
}

.monitoring-risk-sidebar .account-health-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.monitoring-risk-sidebar .panel-header {
  grid-template-columns: minmax(0, 1fr);
}

.monitoring-risk-sidebar .panel-header > a {
  justify-self: start;
}

.monitoring-risk-sidebar .account-health-card-header > strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.monitoring-risk-sidebar .account-health-card-header > .status-badge {
  flex: 0 0 auto;
}

.monitoring-risk-sidebar > .guidance-note {
  border-color: var(--pilot-border);
  background: var(--pilot-surface-muted);
  color: var(--pilot-text-secondary);
}

.risk-anomaly-list > .risk-anomaly-card {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.risk-anomaly-list > .risk-anomaly-card + .risk-anomaly-card {
  margin-top: var(--pilot-space-3);
  padding-top: var(--pilot-space-3);
  border-top: 1px solid var(--pilot-border);
}

.risk-anomaly-card .compact-metrics {
  align-items: stretch;
}

.risk-anomaly-card .risk-incident-metric {
  display: grid;
  align-content: start;
  gap: var(--pilot-space-2);
  padding: var(--pilot-space-2);
}

.main-shell:has(.monitoring-tabs) .risk-anomaly-card .risk-incident-metric > :is(strong, div) {
  margin-top: 0;
}

.risk-anomaly-card .risk-confidence-heading {
  flex-direction: column;
  align-items: flex-start;
}

.risk-evidence-detail,
.risk-disposition-form {
  display: grid;
  gap: var(--pilot-space-2);
  margin-top: var(--pilot-space-3);
  padding: var(--pilot-space-3);
  border: 1px solid var(--pilot-border);
  border-radius: var(--pilot-radius-md);
  background: var(--pilot-surface-muted);
}

.risk-evidence-detail .status-cell {
  align-items: flex-start;
}

.risk-evidence-detail .status-cell > span {
  white-space: pre-wrap;
}

.risk-disposition-form label {
  display: grid;
  gap: var(--pilot-space-1);
}

.risk-disposition-form :is(textarea, input) {
  width: 100%;
}

.risk-disposition-form textarea {
  resize: none;
}

.risk-severity-badge {
  display: inline-flex !important;
  width: fit-content;
  align-items: center;
  gap: var(--pilot-space-1);
  padding: 7px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 14px !important;
  line-height: 1;
}

.risk-severity-badge > span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
}

.risk-severity-critical,
.risk-severity-high {
  background: color-mix(in srgb, var(--pilot-danger) 10%, var(--pilot-surface));
  color: var(--pilot-danger) !important;
}

.risk-severity-medium {
  background: color-mix(in srgb, var(--pilot-warning) 11%, var(--pilot-surface));
  color: var(--pilot-warning) !important;
}

.risk-severity-low {
  background: color-mix(in srgb, var(--pilot-success) 10%, var(--pilot-surface));
  color: var(--pilot-success) !important;
}

.risk-severity-unknown {
  background: var(--pilot-surface);
  color: var(--pilot-text-secondary) !important;
}

.risk-impact-trail {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pilot-space-1);
  align-items: center;
}

.risk-impact-segment {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid var(--pilot-border);
  border-radius: 999px;
  background: var(--pilot-surface);
  color: var(--pilot-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.risk-impact-segment + .risk-impact-segment::before {
  margin-right: var(--pilot-space-1);
  margin-left: calc(-1 * var(--pilot-space-2));
  color: var(--pilot-text-secondary);
  content: "›";
  font-weight: 500;
}

.risk-confidence-heading {
  display: flex;
  gap: var(--pilot-space-1);
  align-items: center;
  justify-content: space-between;
}

.risk-confidence-heading > strong {
  color: var(--pilot-text);
  font-size: 14px !important;
  line-height: 1.25;
}

.risk-confidence-score {
  display: inline-flex;
  min-width: 48px;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
}

.risk-confidence-score.risk-confidence-high {
  background: color-mix(in srgb, var(--pilot-success) 12%, var(--pilot-surface));
  color: var(--pilot-success);
}

.risk-confidence-score.risk-confidence-medium {
  background: color-mix(in srgb, var(--pilot-warning) 12%, var(--pilot-surface));
  color: var(--pilot-warning);
}

.risk-confidence-score.risk-confidence-low {
  background: color-mix(in srgb, var(--pilot-danger) 10%, var(--pilot-surface));
  color: var(--pilot-danger);
}

.risk-confidence-meter {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--pilot-chart-track);
}

.risk-confidence-meter > span {
  display: block;
  width: var(--risk-confidence-percent, 0%);
  height: 100%;
  border-radius: inherit;
}

.risk-confidence-meter.risk-confidence-high > span {
  background: var(--pilot-success);
}

.risk-confidence-meter.risk-confidence-medium > span {
  background: var(--pilot-warning);
}

.risk-confidence-meter.risk-confidence-low > span {
  background: var(--pilot-danger);
}

.risk-confidence-meter-unknown > span {
  width: 100%;
  background: color-mix(in srgb, var(--pilot-text-secondary) 18%, transparent);
}

@media (max-width: 860px) {
  .monitoring-trend-grid,
  .monitoring-secondary-charts,
  .monitoring-risk-primary {
    grid-template-columns: minmax(0, 1fr);
  }

  .monitoring-content-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .discover-opportunity-charts {
    grid-template-columns: minmax(0, 1fr);
  }

  .performance-bar-row {
    grid-template-columns: minmax(96px, 0.7fr) minmax(120px, 1.3fr) 36px;
  }

  .main-shell:has(.monitoring-tabs) .donut-chart-layout {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }
}

/* Authoritative polish-round overrides (kept last in the cascade). */
:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segmented-control, .segmented-tabs, .settings-tabs) {
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment, .segmented-tabs a, .settings-tab-link) {
  min-width: 0;
  padding: 8px 18px;
  border: 1px solid #ddd4be;
  border-radius: 8px;
  background: #ffffff;
  color: var(--pilot-text, #2c2c2a);
  font-size: var(--fs-body);
  font-weight: 600;
  box-shadow: none;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) :is(.segment.active, .segmented-tabs a.is-active, .settings-tab-link.active) {
  border-color: var(--orange);
  background: var(--orange);
  color: #ffffff;
}

:is(
  .main-shell:has(.discover-tabs-toolbar),
  .main-shell:has(.content-section-tabs),
  .main-shell:has([data-client-draft-review-form]),
  .main-shell:has(.publishing-queue-panel),
  .main-shell:has(.monitoring-tabs),
  .main-shell:has(.segmented-tabs),
  .main-shell:has(.settings-tabs)
) .toolbar,
.client-discover-pilot .discover-tabs-toolbar {
  margin-bottom: var(--page-title-content-gap);
}

body .main-shell:has(.monitoring-redesign)
  .monitoring-redesign
  > .toolbar:first-child {
  margin-bottom: calc(var(--page-title-content-gap) - var(--monitor-gap));
}

.monitoring-redesign > .toolbar:first-child + .monitoring-tabs {
  margin-top: 0;
}

.monitoring-redesign .monitor-sentiment-body {
  align-items: center;
  justify-content: center;
}

.monitoring-redesign .monitor-sentiment-legend .is-positive {
  background: #93ac82;
}

.monitoring-redesign .monitor-sentiment-legend .is-neutral {
  background: #d3a97b;
}

.monitoring-redesign .monitor-sentiment-legend .is-negative {
  background: #c68880;
}

.monitoring-redesign .monitor-sentiment-legend .is-unknown {
  background: #d6cfc0;
}

.monitoring-risk-kpis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.performance-insights-grid,
.performance-context-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-card, clamp(10px, 1vw, 18px));
}

.performance-ranking-card,
.performance-context-card {
  padding: var(--pad-card, clamp(1.25rem, 1.6vw, 2rem));
  border: 1px solid var(--card-border, #ddd4be);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.performance-ranking-card ol { margin: 0; padding-left: 1.4rem; }
.performance-ranking-card li { margin: 0.65rem 0; }
.performance-ranking-card li span { display: block; color: var(--muted); }

@media (max-width: 760px) {
  .performance-insights-grid,
  .performance-context-list { grid-template-columns: 1fr; }
}

/* Insights / Reports client-deliverable layout. */
.insights-deliverable-layout {
  display: grid;
  gap: var(--gap-card, clamp(10px, 1vw, 18px));
  margin-top: var(--gap-card, clamp(10px, 1vw, 18px));
}

.insights-report-archive {
  display: grid;
  gap: var(--gap-card, clamp(10px, 1vw, 18px));
  margin-top: var(--gap-card, clamp(10px, 1vw, 18px));
}

.insights-ranking-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--gap-card, clamp(10px, 1vw, 18px));
}

.insights-ranking-card,
.insights-opportunity-card {
  border: 1px solid var(--card-border, #ddd4be);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(44, 44, 42, 0.04);
}

.insights-ranking-card {
  padding: var(--pad-card, clamp(1.25rem, 1.6vw, 2rem));
}

.insights-card-heading {
  margin-bottom: clamp(14px, 1.2vw, 20px);
}

.insights-card-heading h2,
.insights-card-heading p,
.insights-opportunity-title h3,
.insights-opportunity-card p,
.insights-inline-empty p,
.insights-performance-group h3 {
  margin: 0;
}

.insights-card-heading p,
.insights-inline-empty p,
.insights-performance-group h3 small,
.insights-opportunity-title span {
  color: var(--muted);
}

.insights-opportunity-list {
  display: grid;
  gap: clamp(10px, 1vw, 16px);
}

.insights-opportunity-card {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.75fr);
  background: #fbf9f3;
  overflow: hidden;
}

.insights-opportunity-main,
.insights-opportunity-context {
  padding: clamp(16px, 1.35vw, 24px);
}

.insights-opportunity-title .badge {
  flex-shrink: 0;
  white-space: nowrap;
}

.insights-period-grid > .insight-question-card:last-child {
  grid-column: span 2;
}

.geo-prompt-cell {
  display: grid;
  gap: 6px;
}

.geo-demo-reference-tag {
  width: fit-content;
  padding: 2px 7px;
  border: 1px solid #ddd4be;
  border-radius: 999px;
  background: #efeae0;
  color: #6b5e4a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.insights-page .badge-success {
  border-color: #c6d9ad;
  background: #eaf3de;
  color: #3b6d11;
}

.insights-page .badge-warning {
  border-color: #e8c595;
  background: #fceedf;
  color: #b4590c;
}

.insights-page .badge-danger {
  border-color: #e6bcbc;
  background: #fcebeb;
  color: #a32d2d;
}

.insights-page .badge:not(.badge-success):not(.badge-warning):not(.badge-danger) {
  border-color: #ddd4be;
  background: #efeae0;
  color: #6b5e4a;
}

.main-shell .insights-page .report-catalog-panel,
.main-shell .insights-page .report-catalog-panel .summary-list {
  background: #fff;
}

.main-shell .insights-page .report-catalog-panel {
  width: 100%;
  max-width: none;
  margin: 22px 0 0;
}

.main-shell .insights-page .report-catalog-summary {
  justify-content: flex-start;
  text-align: left;
}

.insights-opportunity-context {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  border-left: 1px solid var(--card-border, #ddd4be);
  background: #f7f3ea;
}

.insights-strategy-card .strategy-recommendation,
.main-shell .panel.insights-voc-panel .table-wrap,
.main-shell .panel[data-tour-target="saved-reports"] > .table-wrap {
  border: 1px solid rgba(221, 212, 190, 0.78);
  border-radius: 10px;
  background: #fbf9f3;
}

.insights-strategy-card .strategy-recommendation {
  padding: clamp(14px, 1.1vw, 18px);
}

.insights-voc-panel .table-wrap,
[data-tour-target="saved-reports"] > .table-wrap {
  overflow: auto;
}

.insights-voc-panel .table-wrap table,
[data-tour-target="saved-reports"] > .table-wrap table {
  background: transparent;
}

.main-shell .insights-voc-panel .table-wrap tbody tr,
.main-shell .insights-voc-panel .table-wrap tbody td,
.main-shell [data-tour-target="saved-reports"] > .table-wrap tbody tr,
.main-shell [data-tour-target="saved-reports"] > .table-wrap tbody td {
  background: #fbf9f3;
}

.insights-opportunity-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.insights-opportunity-title h3 {
  margin-top: 3px;
  font-size: clamp(15px, 1.05vw, 18px);
}

.insights-opportunity-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.insights-ranked-list,
.insights-performance-group ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.insights-ranked-list li,
.insights-performance-group li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid rgba(221, 212, 190, 0.7);
}

.insights-ranked-list li:first-child,
.insights-performance-group li:first-child {
  border-top: 0;
}

.insights-ranked-list li > a {
  color: inherit;
  font-weight: 600;
  text-decoration-color: rgba(217, 115, 13, 0.45);
  text-underline-offset: 3px;
}

.insights-ranked-list li > a:hover,
.insights-ranked-list li > a:focus-visible {
  color: var(--orange, #d9730d);
  text-decoration-color: currentColor;
}

.insights-report-actions {
  flex-wrap: nowrap;
}

.insights-voc-filter-note {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fbf8f2;
  color: var(--muted);
}

.insights-performance-group + .insights-performance-group {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--card-border, #ddd4be);
}

.insights-performance-group h3 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: clamp(13px, 0.95vw, 16px);
}

.insights-performance-group li {
  display: block;
}

.insights-performance-group li span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: var(--font-small, 13px);
}

.insights-inline-empty {
  padding: 18px 0 4px;
}

.insights-inline-empty p {
  margin-top: 6px;
}

.insights-observation {
  margin-top: 18px;
  padding: 14px;
  border-radius: 9px;
  background: #fbf8f2;
}

.insights-export-button[aria-busy="true"] {
  cursor: wait;
  opacity: 0.75;
}

@media (max-width: 1000px) {
  .insights-ranking-grid {
    grid-template-columns: 1fr;
  }

  .insights-opportunity-card {
    grid-template-columns: 1fr;
  }

  .insights-opportunity-context {
    border-top: 1px solid var(--card-border, #ddd4be);
    border-left: 0;
  }
}