/* ============================================================
   First Look signed-in workspace: the www.zbang.ai system.
   Loaded after app.css on the signed-in pages (body.workspace-brand)
   and, before public.css, on the logged-out pages. It remaps the
   light-theme tokens of app.css for the workspace in one place, puts
   the night bar over the page, flattens every rounded or shadowed
   container, sets pills for buttons and chips and gives labels
   sentence case. The bare shell (the share page and its PDF) keeps
   the tokens declared in app.css until the report restyle.
   ============================================================ */

/* ── Tokens ─────────────────────────────────────────────── */
:is(.public-brand, .workspace-brand) {
  --brand-paper: #ffffff;
  --brand-paper-deep: #f5f5f7;
  --brand-night: #0f1014;
  --brand-ink: #1d1d1f;
  --brand-blue: #2850e0;
  --brand-blue-dark: #1736bd;
  --brand-blue-light: #9fb0ff;
  --brand-font-ui: "Sofia Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --brand-font-display: "Sofia Sans Extra Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;
}

.workspace-brand {
  --z-paper: #ffffff;
  --z-paper-deep: #f5f5f7;
  --z-white: #ffffff;
  --z-night: #0f1014;
  --z-ink: #1d1d1f;
  --z-ink-hover: #3a3a3d;
  --z-blue: #2850e0;
  --z-blue-dark: #1736bd;
  --z-blue-light: #9fb0ff;
  --z-grey: #6e6e73;
  --z-copy: #333336;
  --z-on-dark: #a1a1a6;
  --z-copy-on-dark: #c9ccd6;
  --z-line: #d2d2d7;
  --z-line-strong: #86868b;
  --z-line-on-dark: rgba(255, 255, 255, 0.24);
  --z-error: #b3261e;
  --z-sans: var(--brand-font-ui);
  --z-display: var(--brand-font-display);
  --radius-pill: 999px;
  --type-figure: clamp(40px, 3.8vw, 54px);
  --type-display-xs: clamp(30px, 2.8vw, 40px);
  --type-display-2xs: clamp(28px, 2.4vw, 34px);
  --type-display-3xs: clamp(22px, 2vw, 28px);
  --text-lead: 18px;
  --text-body: 16px;
  --text-ui: 15px;
  --text-small: 14px;
  --text-caption: 13px;
  --text-micro: 12px;

  /* The names app.css reads, remapped for the workspace. */
  --bg: var(--z-paper-deep);
  --paper: var(--z-paper);
  --paper-deep: var(--z-paper-deep);
  --ink: var(--z-ink);
  --ink-strong: #000000;
  --ink-secondary: var(--z-copy);
  --ink-accent: var(--z-blue-dark);
  --muted: var(--z-grey);
  --line: var(--z-line);
  --border: var(--z-line);
  --border-strong: var(--z-line-strong);
  --border-subtle: #e8e8ed;
  --shadow-color: transparent;
  --accent: var(--z-blue);
  --accent-hover: var(--z-blue-dark);
  --accent-soft: #ececef;
  --focus-ring: var(--z-blue);
  --topbar: var(--z-night);
  --topbar-line: rgba(255, 255, 255, 0.1);
  --topbar-bg-1: var(--z-night);
  --topbar-bg-2: var(--z-night);
  --surface: var(--z-paper);
  --surface-alt: var(--z-paper-deep);
  --surface-primary: #e8e8ed;
  --surface-secondary: #f0f0f2;
  --surface-tertiary: var(--z-paper-deep);
  --lift-soft: #f5f5f7;
  --lift-low: #ececef;
  --lift-mid: #e3e3e8;
  --lift-high: #d2d2d7;
  --lift-hi2: #b8b8bf;
  --chip-neutral-bg: var(--z-paper-deep);
  --chip-neutral-border: var(--z-line);
  --chip-neutral-ink: var(--z-copy);
  --v2-bg: var(--z-paper-deep);
  --v2-surface: var(--z-paper);
  --v2-surface-2: var(--z-paper-deep);
  --v2-ink: var(--z-ink);
  --v2-ink-80: var(--z-copy);
  --v2-ink-60: var(--z-grey);
  --v2-ink-40: var(--z-line-strong);
  --v2-ink-20: var(--z-line);
  --v2-rule: var(--z-line);
  --v2-rule-soft: #e8e8ed;
  --v2-tint: var(--z-paper-deep);
  --v2-accent: var(--z-blue);
  --v2-accent-soft: #ececef;
  --v2-accent-tint: var(--z-paper-deep);
  /* A transparent shadow, not none: app.css appends these tokens to a 1px ring. */
  --v2-e1: 0 0 #0000;
  --v2-e2: 0 0 #0000;
  --v2-e3: 0 0 #0000;
  --v2-radius-sm: var(--radius-pill);
  --v2-radius: 0;
  --v2-radius-lg: 0;
  --font-display: var(--z-display);

  margin: 0;
  color: var(--z-ink);
  background: var(--bg);
  font-family: var(--z-sans);
  font-size: var(--text-ui);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (prefers-contrast: more) {
  .workspace-brand {
    --z-grey: #48484d;
    --z-line: #8e8e93;
    --z-line-strong: #6e6e73;
    --z-on-dark: #d2d2d7;
  }
}

/* ── Type ───────────────────────────────────────────────── */
.workspace-brand :is(h1, h2, h3, h4) { color: var(--z-ink); overflow-wrap: break-word; }
.workspace-brand ::selection { background: var(--z-blue); color: var(--z-white); }
.workspace-brand :is(button, input, select, textarea, summary) { font-family: inherit; }

/* Headings and large figures in the condensed face: working-surface sizes, never poster size. */
.workspace-brand :is(.panel-head h2, .panel-head h3, .recurring-audits-head h2, .recurring-audits-head h3, .section-head h2, .section-head h3, .workspace-upload-hero h2,
  .workspace-command-panel.is-completed #workspaceCommandTitle, #workspaceCommandTitle, .audit-drawer-head-text strong,
  .campaign-plan-detail-title h3, .copy-empty-state-header strong, .native-summary-hero-value, .native-summary-card strong,
  .audit-summary-metric-value, .audit-summary-spend-value, .audit-summary-grade-value strong, .audit-summary-routing-value,
  .audit-drawer-impact, .audit-drawer-evidence-card strong, .dashboard-top-terms-stat strong, .portfolio-counts strong,
  .audit-hero-value, .hero-stat strong, .dashboard-recommendation-card h3,
  .priority-list-item h3, .watchlist-card h3, .terms-drawer-stat-value) {
  font-family: var(--z-display);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}
.workspace-brand :is(.panel-head h2, .panel-head h3, .recurring-audits-head h2, .recurring-audits-head h3, .workspace-upload-hero h2) { font-size: var(--type-display-3xs); }
.workspace-brand .section-head h2,
.workspace-brand :is(#dashboardRecsSection, #dashboardCampaignsSection, #campaignPanelCopy, #dashboardTopTermsSection, #dashboardHealthSection, #dashboardEvidenceSection, #dashboardRunDetailsSection) .section-head h2 {
  font-family: var(--z-display);
  font-size: var(--type-display-2xs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}
.workspace-brand :is(.native-summary-hero-value, .audit-summary-metric-value, .audit-summary-spend-value, .audit-summary-grade-value strong, .audit-summary-routing-value, .audit-drawer-impact, .audit-hero-value, .hero-stat strong, .terms-drawer-stat-value) {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.workspace-brand .product-lockup-heading { margin: 0; font: inherit; }

/* Labels: sentence case, never spaced capitals. */
.workspace-brand :is(.account-dropdown-runs-label,
  .ai-snapshot-row-badge,
  .ai-snapshot-row-patterns dt,
  .audit-drawer-evidence-card span,
  .audit-drawer-section-title,
  .audit-drawer-table th,
  .audit-health-pillar.is-partial .audit-health-pillar-count,
  .audit-recs-filter-label,
  .audit-summary-eyebrow,
  .audit-summary-metric-label,
  .audit-summary-metric-scope,
  .auth-steps h3,
  .brand-kicker,
  .campaign-plan-core-metric span,
  .campaign-plan-detail-section-head,
  .campaign-plan-evidence-block-label,
  .consent-row-chip,
  .copy-context-item-label,
  .copy-source-badge,
  .copy-zero-label,
  .cross-campaign-winner-tag,
  .dashboard-blueprint-head span,
  .dashboard-blueprint-meta dt,
  .dashboard-breakdown-summary-card span,
  .dashboard-build-current-kicker,
  .dashboard-data-table thead th,
  .dashboard-evidence-card-kicker,
  .dashboard-highlight-item span,
  .dashboard-insight-head span, .dashboard-asset-head span,
  .dashboard-mini-metric span, .dashboard-filter-label,
  .dashboard-plan-copy-table th,
  .dashboard-plan-strength-chip span,
  .dashboard-plan-structure-label, .dashboard-plan-url-label,
  .dashboard-plan-subhead,
  .dashboard-recommendation-effort,
  .dashboard-recommendation-evidence-card span,
  .dashboard-recommendation-proof-table th,
  .dashboard-recommendation-status-control span,
  .dashboard-recs-impact-total .impact-eyebrow,
  .dashboard-search-field span,
  .dashboard-sublist-label,
  .dashboard-top-terms-card-stat span,
  .dashboard-top-terms-stat span,
  .eyebrow,
  .metric-display-eyebrow,
  .native-summary-card span,
  .native-summary-hero-label,
  .portfolio-table tbody td::before,
  .portfolio-table th,
  .priority-banner-card-category,
  .segmentation-preview-chip span,
  .segmentation-source-chip-label,
  .serp-preview-footer,
  .severity-tag,
  .share-audit-recommendation-evidence-card span,
  .share-audit-recommendation-evidence-label,
  .terms-drawer-action strong,
  .terms-drawer-stat-label,
  .workspace-summary-segment-filter-label,
  .workspace-vs-previous-grade-label,
  [data-theme="light"] #campaignPlanDetail .campaign-plan-core-metric > span:first-child,
  [data-theme="light"] #campaignPlanDetail .dashboard-plan-subhead,
  [data-theme="light"] #dashboardCampaignFilters .dashboard-filter-label,
  [data-theme="light"] #dashboardCampaignSummary .dashboard-mini-metric > span:first-child,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-filter-label,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-search-field > span,
  [data-theme="light"] #dashboardTopTermsTable .dashboard-data-table thead th,
  [data-theme="light"] .dashboard-evidence-card-kicker,
  [data-theme="light"] .dashboard-recommendation-card-preview-label,
  [data-theme="light"] .priority-banner-card-impact-block .impact-eyebrow,
  [data-theme="light"] .share-audit-kpi-tier-label) {
  text-transform: none;
  letter-spacing: 0;
}
.workspace-brand :is(.account-dropdown-runs-label,
  .ai-snapshot-row-badge,
  .ai-snapshot-row-patterns dt,
  .audit-drawer-evidence-card span,
  .audit-drawer-section-title,
  .audit-drawer-table th,
  .audit-health-pillar.is-partial .audit-health-pillar-count,
  .audit-recs-filter-label,
  .audit-summary-eyebrow,
  .audit-summary-metric-label,
  .brand-kicker,
  .campaign-plan-core-metric span,
  .campaign-plan-detail-section-head,
  .campaign-plan-evidence-block-label,
  .consent-row-chip,
  .copy-context-item-label,
  .copy-zero-label,
  .cross-campaign-winner-tag,
  .dashboard-blueprint-head span,
  .dashboard-blueprint-meta dt,
  .dashboard-breakdown-summary-card span,
  .dashboard-build-current-kicker,
  .dashboard-data-table thead th,
  .dashboard-evidence-card-kicker,
  .dashboard-highlight-item span,
  .dashboard-insight-head span, .dashboard-asset-head span,
  .dashboard-mini-metric span, .dashboard-filter-label,
  .dashboard-plan-copy-table th,
  .dashboard-plan-strength-chip span,
  .dashboard-plan-structure-label, .dashboard-plan-url-label,
  .dashboard-plan-subhead,
  .dashboard-recommendation-effort,
  .dashboard-recommendation-evidence-card span,
  .dashboard-recommendation-proof-table th,
  .dashboard-recs-impact-total .impact-eyebrow,
  .dashboard-search-field span,
  .dashboard-sublist-label,
  .dashboard-top-terms-card-stat span,
  .dashboard-top-terms-stat span,
  .eyebrow,
  .metric-display-eyebrow,
  .native-summary-card span,
  .native-summary-hero-label,
  .portfolio-table tbody td::before,
  .portfolio-table th,
  .priority-banner-card-category,
  .serp-preview-footer,
  .severity-tag,
  .share-audit-recommendation-evidence-card span,
  .share-audit-recommendation-evidence-label,
  .terms-drawer-action strong,
  .terms-drawer-stat-label,
  .workspace-summary-segment-filter-label,
  .workspace-vs-previous-grade-label,
  [data-theme="light"] #campaignPlanDetail .campaign-plan-core-metric > span:first-child,
  [data-theme="light"] #campaignPlanDetail .dashboard-plan-subhead,
  [data-theme="light"] #dashboardCampaignFilters .dashboard-filter-label,
  [data-theme="light"] #dashboardCampaignSummary .dashboard-mini-metric > span:first-child,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-filter-label,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-search-field > span,
  [data-theme="light"] .dashboard-evidence-card-kicker,
  [data-theme="light"] .dashboard-recommendation-card-preview-label,
  [data-theme="light"] .priority-banner-card-impact-block .impact-eyebrow,
  [data-theme="light"] .share-audit-kpi-tier-label) {
  font-size: var(--text-micro);
}
.workspace-brand .eyebrow {
  margin: 0 0 6px;
  color: var(--z-grey);
  font-size: var(--text-caption);
  font-weight: 600;
}

/* ── Flat and square ────────────────────────────────────── */
.workspace-brand :is(.account-dropdown,
  .account-dropdown-icon,
  .account-dropdown-run,
  .account-target-list > article,
  .ad-copy-group-card,
  .ai-diff-result,
  .ai-snapshot-history,
  .ai-snapshot-row,
  .ai-snapshot-row-restore,
  .audit-drawer-evidence-card,
  .audit-drawer-table-wrap,
  .audit-health-top,
  .audit-health-trend-bar-fill,
  .audit-recs-sort-select,
  .audit-recs-toolbar,
  .audit-summary-card,
  .auth-form,
  .auth-overview,
  .auth-steps,
  .brand-lockup,
  .brand-mark-shell,
  .business-profile-current,
  .business-profile-current-grid > article,
  .business-profile-scheduled > article,
  .campaign-plan-adjustment-note,
  .campaign-plan-decision,
  .campaign-plan-detail-section--card,
  .campaign-plan-load-state,
  .campaign-plan-overview,
  .campaign-plan-strip-card,
  .copy-candidate-card.is-approved,
  .copy-candidate-row.is-approved,
  .copy-candidates-section,
  .copy-context-strip,
  .copy-export-availability,
  .copy-zero-ready,
  .dashboard-blueprint-card, .dashboard-visual-card, .dashboard-breakdown-table-card,
  .dashboard-blueprint-meta div,
  .dashboard-breakdown-summary-card,
  .dashboard-build-current,
  .dashboard-build-step,
  .dashboard-business-context-policy,
  .dashboard-evidence-card,
  .dashboard-highlight-item,
  .dashboard-insight-card, .dashboard-asset-card,
  .dashboard-insight-item,
  .dashboard-mini-metric,
  .dashboard-ngram-panel,
  .dashboard-plan-context-card,
  .dashboard-plan-copy-table-wrap,
  .dashboard-plan-detail-card, .dashboard-plan-copy-table-card,
  .dashboard-plan-filter-summary,
  .dashboard-plan-proposal-strength,
  .dashboard-plan-structure-card, .dashboard-plan-url-card, .dashboard-plan-ad-group-card,
  .dashboard-plan-url-code,
  .dashboard-pmax-diagnostic,
  .dashboard-priority-section,
  .dashboard-quality-history-grid article,
  .dashboard-quality-panel, .dashboard-pmax-panel, .dashboard-landing-panel,
  .dashboard-quality-stat, .dashboard-quality-bottleneck-grid article,
  .dashboard-recommendation-assignment,
  .dashboard-recommendation-card,
  .dashboard-recommendation-evidence-card,
  .dashboard-recommendation-evidence-strip,
  .dashboard-recommendation-howto,
  .dashboard-recommendation-proof,
  .dashboard-recommendation-status-control select,
  .dashboard-section-collapsible .section-head,
  .dashboard-table-wrap,
  .dashboard-top-terms-card,
  .dashboard-top-terms-card-stat,
  .dashboard-top-terms-stat,
  .dashboard-watchlist-card,
  .dashboard-workflow-card,
  .error-banner,
  .flash-banner,
  .hero-stat,
  .integration-card,
  .log-preview,
  .masthead.is-dashboard-compact .brand-mark-shell,
  .methodology-popover,
  .native-summary-card,
  .native-summary-hero,
  .notice-card,
  .output-item,
  .pacing-policy-history > article,
  .pacing-policy-settings,
  .pacing-snapshot-history > article,
  .pacing-snapshot-history-section,
  .panel,
  .portfolio-alerts li,
  .portfolio-currency-groups article, .portfolio-kpi-rollups article,
  .portfolio-table-wrap,
  .priority-banner-card,
  .recurring-audit-list > article,
  .report-branding-current img,
  .reporting-event-list,
  .reporting-list > article,
  .reporting-section,
  .run-list-item,
  .serp-preview,
  .serp-preview-label,
  .setup-account-section,
  .share-audit-banner,
  .share-audit-degraded-notice,
  .share-audit-gap-callout,
  .share-audit-recommendation-card,
  .share-audit-recommendation-evidence-card,
  .share-audit-scorecard-row,
  .targets-pacing-summary > article,
  .terms-detail-drawer,
  .upload-form label, input[type="file"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea,
  .workspace-share-copy, .workspace-share-extend, .workspace-share-rereview, .workspace-share-revoke,
  .workspace-share-expiry-control,
  .workspace-share-list-item,
  .workspace-share-menu,
  .workspace-share-mode-warning,
  .workspace-share-status-toast,
  .workspace-tab-panel,
  .workspace-vs-previous-card,
  [data-theme="light"] #campaignPlanDetail .dashboard-plan-detail-card,
  [data-theme="light"] #campaignPlanDetail.campaign-plan-detail,
  [data-theme="light"] #campaignPlanStrip .campaign-plan-strip-card,
  [data-theme="light"] #dashboardCampaignSummary .dashboard-mini-metric,
  [data-theme="light"] #dashboardTopTermsPagination.terms-pagination,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-search-field,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-table-tools,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-top-terms-page-size select,
  [data-theme="light"] #dashboardTopTermsTable.dashboard-table-wrap,
  [data-theme="light"] .copy-empty-state-header,
  [data-theme="light"] .dashboard-evidence-card,
  [data-theme="light"] .dashboard-visual-card, [data-theme="light"] .dashboard-breakdown-table-card, [data-theme="light"] .dashboard-insight-card,
  [data-theme="light"] .dashboard-visual-insight,
  [data-theme="light"] .keyword-insertion-token,
  [data-theme="light"] .native-summary-hero,
  [data-theme="light"] .priority-banner-card,
  [data-theme="light"] .priority-banner-shortcut,
  [data-theme="light"] .share-audit-executive-summary,
  [data-theme="light"] .share-audit-priority-banner,
  [data-theme="light"] .share-audit-priority-item,
  [data-theme="light"] .share-audit-recommendation-evidence-card,
  [data-theme="light"] .share-audit-scorecard-categories .share-audit-scorecard-row,
  [data-theme="light"] details.share-audit-recommendation-card) {
  border-radius: 0;
}
.workspace-brand :is(.account-dropdown,
  .ad-copy-group-card.is-active,
  .audit-drawer-panel,
  .audit-drawer-success-icon,
  .audit-health-top,
  .audit-recs-toolbar,
  .audit-summary-card,
  .campaign-plan-detail-section--card,
  .campaign-plan-strip-card.is-active,
  .dashboard-breakdown-summary-card,
  .dashboard-build-step.is-active,
  .dashboard-business-context-policy,
  .dashboard-highlight-clickable:hover,
  .dashboard-mini-metric,
  .dashboard-recommendation-card:hover,
  .dashboard-section > .section-head,
  .dashboard-table-wrap,
  .dashboard-top-terms-card,
  .dashboard-top-terms-stat,
  .masthead,
  .masthead .ghost-link,
  .masthead.is-dashboard-compact,
  .methodology-popover,
  .native-summary-hero,
  .native-summary-hero:hover,
  .panel,
  .priority-banner-card-primary,
  .priority-banner-card:hover,
  .run-form-sticky-bar,
  .segmentation-review-disclosure.is-patterns-ready,
  .terms-detail-drawer,
  .workspace-command-panel,
  .workspace-drawer-panel,
  .workspace-drawer-shell.is-mobile-sheet-open,
  .workspace-rail-strip,
  .workspace-share-status-toast,
  [data-theme="light"] #campaignPlanDetail.campaign-plan-detail,
  [data-theme="light"] #campaignPlanStrip .campaign-plan-strip-card,
  [data-theme="light"] #campaignPlanStrip .campaign-plan-strip-card.is-active,
  [data-theme="light"] #campaignPlanStrip .campaign-plan-strip-card:hover,
  [data-theme="light"] #dashboardCampaignSummary .dashboard-mini-metric,
  [data-theme="light"] #dashboardCampaignSummary .dashboard-mini-metric:hover,
  [data-theme="light"] #dashboardTopTermsSection .dashboard-table-tools,
  [data-theme="light"] #dashboardTopTermsTable.dashboard-table-wrap,
  [data-theme="light"] .account-dropdown,
  [data-theme="light"] .ad-copy-group-card,
  [data-theme="light"] .ad-copy-group-card.is-active,
  [data-theme="light"] .ad-copy-group-card:hover,
  [data-theme="light"] .audit-drawer-panel,
  [data-theme="light"] .dashboard-evidence-card,
  [data-theme="light"] .dashboard-evidence-card:hover,
  [data-theme="light"] .dashboard-recommendation-card,
  [data-theme="light"] .dashboard-recommendation-card-primary,
  [data-theme="light"] .dashboard-recommendation-card-primary:hover,
  [data-theme="light"] .dashboard-recommendation-card:hover,
  [data-theme="light"] .integration-card, [data-theme="light"] .integration-card-accent, [data-theme="light"] .integration-card-success,
  [data-theme="light"] .panel:not(.notice-card),
  [data-theme="light"] .priority-banner-card,
  [data-theme="light"] .priority-banner-card:hover,
  [data-theme="light"] .share-audit-priority-banner,
  [data-theme="light"] .workspace-command-panel,
  [data-theme="light"] .workspace-drawer-panel,
  [data-theme="light"] .workspace-drawer-shell,
  [data-theme="light"] .workspace-rail-strip,
  [data-theme="light"] details.share-audit-recommendation-card) {
  box-shadow: none;
}
.workspace-brand :is(.account-avatar-btn,
  .account-avatar-btn:hover,
  .account-avatar-initial,
  .campaign-subtab-nav.has-overflow:not(.is-scroll-end) + .campaign-subtab-overflow-cue,
  .danger-panel,
  .dashboard-bar-fill-conv,
  .dashboard-bar-fill-spend,
  .dashboard-blueprint-card::before, .dashboard-visual-card::before, .dashboard-breakdown-table-card::before, .dashboard-insight-card::before, .dashboard-asset-card::before,
  .dashboard-build-step.is-active,
  .dashboard-build-step.is-active .dashboard-build-step-index,
  .dashboard-mini-metric:first-child,
  .dashboard-priority-section::before,
  .dashboard-recommendation-evidence-card,
  .dashboard-skeleton-chip::after, .dashboard-skeleton-hero::after, .dashboard-skeleton-card::after, .dashboard-skeleton-table span::after,
  .empty-stage-build,
  .integration-card,
  .integration-card-accent,
  .integration-card-success,
  .native-summary-hero,
  .segmentation-progress-fill,
  .share-audit-recommendation-evidence-card,
  .workspace-command-panel,
  .workspace-command-panel::before,
  [data-theme="light"] .dashboard-recommendation-card .dashboard-table-wrap::after,
  [data-theme="light"] .workspace-command-panel) {
  background-image: none;
}
.workspace-brand .panel {
  background: var(--z-paper);
  border: 1px solid var(--z-line);
  border-radius: 0;
  box-shadow: none;
}
.workspace-brand :is(.notice-card, .hero-stat, .run-list-item, .native-summary-card, .native-summary-hero, .audit-drawer-evidence-card) {
  background: var(--z-paper-deep);
  border: 0;
}
.workspace-brand .run-list-item:hover { background: #ececef; }
.workspace-brand .run-list { min-width: 0; }
.workspace-brand .run-list-item { min-width: 0; flex-wrap: wrap; }
.workspace-brand .run-list-item > * { min-width: 0; overflow-wrap: anywhere; }
.workspace-brand .integration-card-google-ready { border-left: 4px solid var(--z-ink); }
/* Large figures are ink; blue stays for links, focus and the mark. */
.workspace-brand :is(.audit-summary-recovery-value, .audit-summary-reallocation-value, .native-summary-hero-value) { color: var(--z-ink); }
.workspace-brand .audit-summary-recovery-eyebrow { color: var(--z-grey); }
.workspace-brand .audit-summary-dot-accent { background: var(--z-ink); }
.workspace-brand .danger-panel { background: var(--status-danger-bg); border: 1px solid var(--status-danger-border); }
.workspace-brand .danger-panel :is(.eyebrow, .inline-note, p) { color: var(--z-copy); }
.workspace-brand .workspace-command-panel {
  background: var(--z-paper);
  border: 1px solid var(--z-line);
  border-top: 2px solid var(--z-ink);
}
.workspace-brand .workspace-command-panel::before { display: none; }
.workspace-brand .workspace-command-chip {
  background: var(--z-paper-deep);
  border: 1px solid var(--z-line);
  color: var(--z-copy);
}
.workspace-brand :is(.dashboard-tag-chip, .dashboard-value-pill, .portfolio-state, .portfolio-counts span) {
  background: var(--z-paper-deep);
  border: 1px solid var(--z-line);
  color: var(--z-copy);
}
.workspace-brand .portfolio-state { align-self: flex-start; width: fit-content; }
.workspace-brand .severity-tag {
  border-radius: var(--radius-pill);
  padding: 3px 10px;
  font-size: var(--text-micro);
  font-weight: 700;
}
.workspace-brand .progress-track { background: #e3e3e8; }
.workspace-brand .progress-fill { background: var(--z-ink); }
.workspace-brand .skip-link { background: var(--z-ink); color: var(--z-white); border-radius: var(--radius-pill); }

/* ── The bar ────────────────────────────────────────────── */
.workspace-brand .masthead {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 0 clamp(16px, 2.5vw, 24px);
  background: var(--z-night);
  color: var(--z-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .workspace-brand .masthead {
    background: rgba(15, 16, 20, 0.84);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .workspace-brand .masthead {
    background: var(--z-night);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.workspace-brand .brand-cluster { width: auto; min-width: 0; }
.workspace-brand .brand-lockup { width: auto; padding: 0; border-radius: 0; }
.workspace-brand .product-lockup {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 44px;
  color: var(--z-white);
  text-decoration: none;
}
.workspace-brand .product-lockup img { width: 28px; height: 28px; display: block; }
.workspace-brand .product-lockup-copy { display: flex; align-items: center; gap: 12px; line-height: 1; }
.workspace-brand .product-lockup-name {
  color: var(--z-white);
  font: 800 24px/1 var(--z-sans);
  letter-spacing: -0.02em;
}
.workspace-brand .product-lockup-product {
  margin: 0;
  padding-left: 12px;
  border-left: 1px solid var(--z-line-on-dark);
  color: var(--z-on-dark);
  font: 600 var(--text-ui)/1 var(--z-sans);
  letter-spacing: 0;
}
.workspace-brand .product-lockup:hover .product-lockup-name { color: var(--z-blue-light); }
.workspace-brand .masthead-actions { width: auto; flex-wrap: nowrap; justify-content: flex-end; gap: 12px; }
.workspace-brand .masthead .ghost-link {
  min-height: 44px;
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: var(--z-white);
  font-weight: 500;
}
.workspace-brand .masthead .primary-link {
  min-height: 42px;
  padding: 9px 18px;
  border: 1px solid var(--z-white);
  background: var(--z-white);
  color: var(--z-ink);
  font-weight: 700;
}
.workspace-brand .masthead .primary-link:hover { background: var(--z-paper-deep); border-color: var(--z-paper-deep); color: var(--z-ink); }

/* The account control: an outlined pill on night. */
.workspace-brand .account-avatar-btn {
  width: auto;
  min-height: 44px;
  padding: 5px 12px 5px 5px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--z-white);
  box-shadow: none;
  transform: none;
}
.workspace-brand .account-avatar-btn:hover,
.workspace-brand .account-avatar-btn[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: none;
  transform: none;
}
.workspace-brand .account-avatar-initial {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--z-white);
  color: var(--z-ink);
  font-size: var(--text-small);
  font-weight: 700;
}
.workspace-brand .account-avatar-label { color: var(--z-white); font-size: var(--text-small); }
.workspace-brand .account-avatar-caret { color: var(--z-on-dark); }

/* The menu: a square sheet with a hairline edge. */
.workspace-brand .account-dropdown {
  top: calc(100% + 8px);
  border: 1px solid var(--z-line);
  border-radius: 0;
  padding: 8px 0;
  background: var(--z-paper);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.workspace-brand :is(.account-dropdown-item, .account-dropdown-connection, .account-dropdown-run) {
  min-height: 44px;
  border-radius: 0;
  color: var(--z-ink);
}
.workspace-brand :is(.account-dropdown-item, .account-dropdown-connection, .account-dropdown-run):hover { background: var(--z-paper-deep); }
.workspace-brand .account-dropdown-icon { border-radius: 0; background: var(--z-paper-deep); color: var(--z-ink); }
.workspace-brand .account-dropdown-divider { background: var(--z-line); }
.workspace-brand .account-dropdown-runs-label { color: var(--z-grey); font-size: var(--text-micro); font-weight: 600; }
.workspace-brand .account-dropdown-run-meta,
.workspace-brand .account-dropdown-connection-email { color: var(--z-grey); }
.workspace-brand .account-dropdown-footer { padding-top: 10px; }
.workspace-brand .account-dropdown-footer-link { min-height: 44px; display: inline-flex; align-items: center; color: var(--z-ink); font-size: var(--text-small); font-weight: 500; }
.workspace-brand .account-dropdown-footer-link:hover { color: var(--z-blue); text-decoration: underline; text-underline-offset: 4px; }
.workspace-brand .account-dropdown-footer-link-danger { color: var(--z-ink); }

/* ── Content ────────────────────────────────────────────── */
.workspace-brand .page-content { padding: 24px clamp(16px, 2.5vw, 32px) 56px; }
.workspace-brand .flash-banner { border-radius: 0; }
.workspace-brand .flash-banner-action { background: var(--z-ink); color: var(--z-white); }
.workspace-brand .workspace-back-link { color: var(--z-ink); font-weight: 600; }
.workspace-brand .workspace-back-link:hover { color: var(--z-blue); }

/* ── Buttons: pills ─────────────────────────────────────── */
.workspace-brand :is(.primary-btn, .primary-link, .ghost-link, .button-secondary, .workspace-quick-action, .hero-btn,
  .integration-action-btn, .dashboard-section-toggle, .segmentation-retry-btn, .ai-reinfer-btn, .ai-diff-actions button,
  .ai-snapshot-row-restore, .dashboard-recommendation-dismissed-toggle, .dashboard-recommendation-copy-btn,
  .dashboard-recommendation-download, .priority-banner-jump, .dashboard-plan-copy-button, .copy-action-btn,
  .copy-generate-btn, .workspace-command-overflow, .audit-drawer-footer .btn-drawer-primary,
  .audit-drawer-footer .btn-drawer-secondary, .flash-banner-action, .danger-btn, .consent-btn) {
  height: auto;
  min-height: 40px;
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  font-family: inherit;
  font-size: var(--text-small);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  box-shadow: none;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 120ms ease;
}
.workspace-brand :is(.primary-btn, .primary-link, .hero-btn-primary, .audit-drawer-footer .btn-drawer-primary, .copy-generate-btn) {
  border: 1px solid var(--z-ink);
  background: var(--z-ink);
  color: var(--z-white);
}
.workspace-brand :is(.primary-btn, .primary-link, .hero-btn-primary, .audit-drawer-footer .btn-drawer-primary, .copy-generate-btn):hover { border-color: var(--z-ink-hover); background: var(--z-ink-hover); color: var(--z-white); }
.workspace-brand :is(.ghost-link, .button-secondary, .workspace-quick-action, .hero-btn-secondary, .integration-action-btn,
  .dashboard-section-toggle, .audit-drawer-footer .btn-drawer-secondary, .dashboard-recommendation-copy-btn,
  .dashboard-recommendation-download, .dashboard-plan-copy-button, .copy-action-btn, .ai-reinfer-btn,
  .segmentation-retry-btn, .ai-snapshot-row-restore, .priority-banner-jump, .workspace-command-overflow) {
  border: 1px solid var(--z-line-strong);
  background: var(--z-paper);
  color: var(--z-ink);
}
.workspace-brand :is(.ghost-link, .button-secondary, .workspace-quick-action, .hero-btn-secondary, .integration-action-btn,
  .dashboard-section-toggle, .audit-drawer-footer .btn-drawer-secondary, .dashboard-recommendation-copy-btn,
  .dashboard-recommendation-download, .dashboard-plan-copy-button, .copy-action-btn, .ai-reinfer-btn,
  .segmentation-retry-btn, .ai-snapshot-row-restore, .priority-banner-jump, .workspace-command-overflow):hover { border-color: var(--z-ink); background: var(--z-paper-deep); color: var(--z-ink); }
/* Icon-only buttons: a circle with no side padding, so the icon keeps its room. */
.workspace-brand.workspace-brand :is(.workspace-command-overflow, .workspace-rail-icon, .workspace-rail-close, .audit-drawer-close, .terms-detail-drawer-close) {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 50%;
}
.workspace-brand :is(.workspace-command-overflow, .workspace-rail-icon) svg { flex: 0 0 auto; }
.workspace-brand .hero-btn-ghost { border-color: transparent; background: transparent; color: var(--z-ink); }
.workspace-brand .hero-btn-ghost:hover { background: var(--z-paper-deep); }
.workspace-brand .danger-btn { border-color: var(--danger); background: var(--danger); color: var(--z-white); }
.workspace-brand .hero-btn-split .hero-btn-split-main { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.workspace-brand .hero-btn-split .hero-btn-split-icon { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
.workspace-brand :is(.primary-btn, .primary-link, .ghost-link, .button-secondary, .workspace-quick-action, .hero-btn,
  .integration-action-btn, .dashboard-section-toggle, .segmentation-retry-btn, .ai-reinfer-btn, .ai-diff-actions button,
  .ai-snapshot-row-restore, .dashboard-recommendation-dismissed-toggle, .dashboard-recommendation-copy-btn,
  .dashboard-recommendation-download, .priority-banner-jump, .dashboard-plan-copy-button, .copy-action-btn,
  .copy-generate-btn, .workspace-command-overflow, .audit-drawer-footer .btn-drawer-primary,
  .audit-drawer-footer .btn-drawer-secondary, .flash-banner-action, .danger-btn, .consent-btn)[disabled] { opacity: 0.6; cursor: not-allowed; }

/* ── Forms: square fields with firm edges ───────────────── */
.workspace-brand :is(input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"],
  input[type="url"], input[type="date"], input[type="tel"], input[type="file"], select, textarea, .upload-form label) {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--z-line-strong);
  border-radius: 0;
  background: var(--z-paper);
  color: var(--z-ink);
  box-shadow: none;
}
.workspace-brand textarea { min-height: 110px; }
.workspace-brand :is(input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"],
  input[type="url"], input[type="date"], input[type="tel"], input[type="file"], select, textarea, .upload-form label):hover { border-color: var(--z-ink); }
.workspace-brand label { color: var(--z-ink); }

/* ── The section rail: a tinted night capsule ───────────── */
.workspace-brand .dashboard-toc-rail {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(15, 16, 20, 0.96);
  color: var(--z-white);
  box-shadow: none;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .workspace-brand .dashboard-toc-rail {
    background: rgba(15, 16, 20, 0.8);
    -webkit-backdrop-filter: saturate(180%) blur(64px);
    backdrop-filter: saturate(180%) blur(64px);
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .workspace-brand .dashboard-toc-rail { background: var(--z-night); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.workspace-brand .dashboard-toc-kicker { color: var(--z-on-dark); }
.workspace-brand .dashboard-toc-link { color: rgba(255, 255, 255, 0.82); font-weight: 500; }
.workspace-brand .dashboard-toc-link:hover { color: var(--z-white); background: rgba(255, 255, 255, 0.1); }
.workspace-brand .dashboard-toc-link.is-active { background: var(--z-white); color: var(--z-ink); font-weight: 600; }
.workspace-brand .dashboard-toc-badge { background: rgba(255, 255, 255, 0.16); color: var(--z-white); }
.workspace-brand .dashboard-toc-link.is-active .dashboard-toc-badge { background: var(--z-ink); color: var(--z-white); }
.workspace-brand .dashboard-view-mode-control { border-color: rgba(255, 255, 255, 0.24); background: transparent; }
.workspace-brand .dashboard-view-mode-chip { color: rgba(255, 255, 255, 0.82); }
.workspace-brand .dashboard-view-mode-chip:hover { color: var(--z-white); background: rgba(255, 255, 255, 0.1); }
.workspace-brand .dashboard-view-mode-chip.is-active { background: var(--z-white); color: var(--z-ink); }

/* Segment chips: an ink pill marks the active one. */
.workspace-brand .workspace-summary-segment-chip {
  border: 1px solid var(--z-line-strong);
  border-radius: var(--radius-pill);
  background: var(--z-paper);
  color: var(--z-ink);
}
.workspace-brand .workspace-summary-segment-chip.is-active { border-color: var(--z-ink); background: var(--z-ink); color: var(--z-white); }

/* Severity filter: a light-grey track with an ink pill for the active choice. */
.workspace-brand .audit-recs-filter-pills { padding: 3px; border-radius: var(--radius-pill); background: var(--z-paper-deep); }
.workspace-brand .audit-recs-filter-pills button {
  height: auto;
  min-height: 30px;
  border-radius: var(--radius-pill);
  color: var(--z-copy);
  font-size: var(--text-caption);
  font-weight: 600;
}
.workspace-brand .audit-recs-filter-pills button:hover { color: var(--z-ink); background: #ffffff; }
.workspace-brand .audit-recs-filter-pills button.is-active { background: var(--z-ink); color: var(--z-white); box-shadow: none; }
.workspace-brand .audit-recs-expand-toggle { height: auto; min-height: 30px; border-radius: var(--radius-pill); border-color: var(--z-line-strong); font-size: var(--text-caption); font-weight: 600; }

/* The expand caret grows its tap box without moving its neighbours. */
.workspace-brand summary { min-height: 44px; }
.workspace-brand .workspace-back-link { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }
.workspace-brand .skip-link { min-height: 44px; display: inline-flex; align-items: center; }

/* ── The utility rail and drawers ───────────────────────── */
.workspace-brand .workspace-rail-strip { background: var(--z-paper); border-left: 1px solid var(--z-line); box-shadow: none; }
.workspace-brand .workspace-rail-icon { color: var(--z-ink); }
.workspace-brand .workspace-rail-icon:hover { background: var(--z-paper-deep); color: var(--z-ink); }
.workspace-brand :is(.workspace-drawer-panel, .workspace-drawer-shell, .audit-drawer-panel) {
  background: var(--z-paper);
  border-left: 1px solid var(--z-line);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.workspace-brand .audit-drawer-footer { background: var(--z-paper); border-top: 1px solid var(--z-line); }

/* ── The mobile Run bar ─────────────────────────────────── */
.workspace-brand .run-form-sticky-bar { background: var(--z-paper); border-top: 1px solid var(--z-line); box-shadow: none; }

/* The cookie card stays in flow wherever the Run bar is fixed (<= 900px),
   so the last scroll position lifts it clear of that bar; app.css already
   does this up to 600px for every shell. */
@media (min-width: 601px) and (max-width: 900px) {
  .workspace-brand .consent-banner { position: sticky; }
}


/* ── The footer: plain links under a rule ───────────────── */
.workspace-brand .site-footer {
  margin-top: 8px;
  padding: 24px clamp(16px, 2.5vw, 32px) 40px;
  border-top: 1px solid var(--z-line);
  background: transparent;
}
.workspace-brand .site-footer-links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.workspace-brand .site-footer-links a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: var(--z-ink);
  font-size: var(--text-small);
  font-weight: 500;
  text-decoration: none;
}
.workspace-brand .site-footer-links a:hover { color: var(--z-blue); text-decoration: underline; text-underline-offset: 4px; }
.workspace-brand .site-footer-company { margin: 16px 0 0; color: var(--z-grey); font-size: var(--text-caption); }

/* ── Dashboard content ──────────────────────────────────── */
/* Status pills read as written (sentence case), never capitalised by CSS. */
.workspace-brand .status-pill { text-transform: none; }
/* Severity is a dot and the word, in the status colour; never a filled chip. */
.workspace-brand .severity-tag {
  height: auto;
  gap: 7px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: var(--text-caption);
  font-weight: 700;
  letter-spacing: 0;
}
.workspace-brand .severity-tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.workspace-brand .severity-tag-critical { color: var(--v2-danger); }
.workspace-brand .severity-tag-high { color: var(--v2-warn); }
.workspace-brand .severity-tag-medium { color: var(--z-copy); }
/* Recommendation cards: a 1px line with a 2px ink rule on top; the dot carries the tone. */
.workspace-brand .dashboard-recommendation-card,
.workspace-brand :is(.dashboard-recommendation-card-tone-danger, .dashboard-recommendation-card-tone-accent, .dashboard-recommendation-card-tone-warn) {
  border: 1px solid var(--z-line);
  border-top: 2px solid var(--z-ink);
  background: var(--z-paper);
}
.workspace-brand .dashboard-recommendation-card-primary { background: var(--z-paper); }
.workspace-brand .dashboard-recommendation-card-rank {
  width: auto;
  height: auto;
  min-width: 32px;
  border-radius: 0;
  background: transparent;
  color: var(--z-ink);
  font-family: var(--z-display);
  font-size: var(--type-display-3xs);
  font-weight: 800;
  line-height: 1;
}
/* Bars are square. */
.workspace-brand :is(.audit-health-bar-track, .audit-health-bar-fill, .progress-track, .progress-fill, .segmentation-progress-bar, .segmentation-progress-fill) { border-radius: 0; }

/* ── Keyboard focus: blue on light surfaces, white on night ── */
.workspace-brand :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--z-blue);
  outline-offset: 3px;
}
.workspace-brand :is(.masthead, .dashboard-toc-rail) :is(a, button):focus-visible { outline-color: var(--z-white); }

/* ── Phones and touch screens ───────────────────────────── */
@media (max-width: 640px) {
  .workspace-brand .masthead { min-height: 60px; padding: 0 16px; }
  .workspace-brand .product-lockup-product { display: none; }
  .workspace-brand .account-avatar-meta { display: none; }
  .workspace-brand .account-avatar-btn { padding: 5px 10px 5px 5px; }
  .workspace-brand .account-dropdown { min-width: min(320px, calc(100vw - 32px)); }
}
@media (max-width: 720px), (pointer: coarse) {
  .workspace-brand :is(.primary-btn, .primary-link, .ghost-link, .button-secondary, .workspace-quick-action, .hero-btn,
  .integration-action-btn, .dashboard-section-toggle, .segmentation-retry-btn, .ai-reinfer-btn, .ai-diff-actions button,
  .ai-snapshot-row-restore, .dashboard-recommendation-dismissed-toggle, .dashboard-recommendation-copy-btn,
  .dashboard-recommendation-download, .priority-banner-jump, .dashboard-plan-copy-button, .copy-action-btn,
  .copy-generate-btn, .workspace-command-overflow, .audit-drawer-footer .btn-drawer-primary,
  .audit-drawer-footer .btn-drawer-secondary, .flash-banner-action, .danger-btn, .consent-btn) { min-height: 44px; }
  .workspace-brand :is(.dashboard-toc-link, .dashboard-view-mode-chip, .workspace-summary-segment-chip, .workspace-rail-icon, .account-dropdown-footer-link) { min-height: 44px; }
  .workspace-brand .workspace-rail-icon { width: 44px; }
  .workspace-brand :is(.audit-recs-filter-pills button, .audit-recs-expand-toggle) { min-height: 44px; padding-inline: 14px; }
  .workspace-brand .workspace-command-overflow { min-width: 44px; }
  .workspace-brand .dashboard-recommendation-card-caret { width: 44px; height: 44px; margin: -10px; }
  /* The "?" note keeps its 28px face inside a 44px tap box; the face is drawn by ::before. */
  .workspace-brand .methodology-tip { position: relative; width: 44px; height: 44px; min-width: 44px; min-height: 44px; margin: -8px 0 -8px -4px; border: 0; }
  .workspace-brand .methodology-tip::before { content: ""; position: absolute; inset: 8px; border: 1px solid currentColor; border-radius: 50%; }
  .workspace-brand :is(.dashboard-view-mode-chip, .audit-recs-filter-pills button) { min-width: 44px; }
}