/* Leadership, Version C bento. Scoped under [data-station="leadership"].
   Eric's week (#/leadership): blue hero (8 x 2) beside "What you asked for" (4 x 2), one number tile per question,
   three entity tiles, the Deep Ink top 20 (12), then Sales and service (12).
   Firm view (#/leadership/firm): blue revenue hero (6 x 2) beside four number tiles, three entity tiles,
   decisions (6) + ink pipeline (3) + Mist service health ring (3), then the service matrix (12).
   Phone (under 640 px): one column, hero first, numbers stay large. */

[data-station="leadership"] .ld-private { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-small); color: var(--ink-2); }
[data-station="leadership"] .ld-private svg { color: var(--ink-3); flex: none; }

/* Period switch: a small floating segmented control, same language as the station nav */
[data-station="leadership"] .ld-seg {
  display: inline-flex; padding: 4px; gap: 2px;
  background: var(--surface); border-radius: var(--radius-pill); box-shadow: var(--shadow-float);
}
[data-station="leadership"] .page-actions { gap: 10px; }
[data-station="leadership"] .ld-seg-btn {
  display: inline-flex; align-items: center; text-decoration: none;
  height: 32px; padding: 0 16px; border-radius: var(--radius-pill);
  font-size: 12px; font-weight: 700; color: var(--ink-2);
  transition: background var(--t), color var(--t);
}
[data-station="leadership"] .ld-seg-btn:hover { color: var(--ink); background: var(--mist); text-decoration: none; }
[data-station="leadership"] .ld-seg-btn.is-active:hover { background: var(--deep-ink); color: #fff; }
[data-station="leadership"] .ld-seg-btn.is-active { background: var(--deep-ink); color: #fff; }

/* ---------- Blue hero: revenue ---------- */
[data-station="leadership"] .ld-hero-value { margin-top: 4px; font-size: 72px; letter-spacing: -0.035em; }
[data-station="leadership"] .ld-hero .ld-trend { color: #fff; }
[data-station="leadership"] .ld-hero-pace { margin-top: 18px; max-width: 420px; }
[data-station="leadership"] .ld-hero-pace .progress { height: 8px; }
[data-station="leadership"] .ld-hero-chart { margin-top: auto; padding-top: 24px; color: #fff; }
[data-station="leadership"] .ld-hero-chart .bars { width: 100%; height: 92px; }
[data-station="leadership"] .ld-hero-chart-label {
  display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px;
  font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.82);
}
[data-station="leadership"] .ld-hero-axis { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }
[data-station="leadership"] .ld-hero-months {
  display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 14px; margin-top: 8px;
  font-size: 11px; font-weight: 600; color: rgba(255, 255, 255, 0.7); text-align: center;
}

[data-station="leadership"] .ld-trend { display: inline-flex; align-items: center; gap: 2px; color: var(--good-ink); font-weight: 700; }

/* ---------- Entity tiles ---------- */
[data-station="leadership"] .ld-entity { padding-bottom: 0; }
[data-station="leadership"] .ld-entity::before {
  content: ""; position: absolute; left: 24px; top: 0; width: 40px; height: 4px; border-radius: 0 0 4px 4px; background: var(--avid-blue);
}
[data-station="leadership"] .ld-entity.is-arm::before { background: var(--deep-ink); }
[data-station="leadership"] .ld-entity.is-ac::before { background: var(--ink-disabled); }
[data-station="leadership"] .ld-entity-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-2); }
[data-station="leadership"] .ld-entity-name { font-size: 18px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
[data-station="leadership"] .ld-entity-kind { font-size: 12px; color: var(--ink-3); margin-top: 2px; }
[data-station="leadership"] .ld-entity-rev { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-2); padding: 20px 0 18px; }
[data-station="leadership"] .ld-entity-rev > div:first-child { min-width: 0; }
[data-station="leadership"] .ld-mini-label { font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--ink-3); }
[data-station="leadership"] .ld-entity-value { margin-top: 6px; font-size: 44px; }
[data-station="leadership"] .ld-entity-sub { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; font-size: 12px; color: var(--ink-2); white-space: nowrap; }
[data-station="leadership"] .ld-spark { flex: none; color: var(--avid-blue); margin-bottom: 6px; }
[data-station="leadership"] .ld-entity.is-arm .ld-spark { color: var(--deep-ink); }
[data-station="leadership"] .ld-entity.is-ac .ld-spark { color: var(--ink-2); }
[data-station="leadership"] .ld-entity-pipe { border-top: var(--hairline); padding: 8px 0 12px; }
[data-station="leadership"] .ld-pipe-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); padding: 6px 0; font-size: var(--fs-small); }
[data-station="leadership"] .ld-pipe-row dt { color: var(--ink-2); }
[data-station="leadership"] .ld-pipe-row dd { font-weight: 700; text-align: right; }
[data-station="leadership"] .ld-entity-exception {
  margin: auto -24px 0; padding: 14px 24px;
  display: flex; align-items: center; gap: 10px;
  background: var(--mist); border-radius: 0 0 var(--radius-tile) var(--radius-tile);
  font-size: 12px; font-weight: 600; color: var(--ink);
}

/* ---------- Needs a decision ---------- */
[data-station="leadership"] .ld-decision-list { display: flex; flex-direction: column; gap: 10px; }
[data-station="leadership"] .ld-decision { display: flex; gap: 14px; padding: 16px 18px 16px 16px; background: var(--mist); border-radius: var(--radius); }
[data-station="leadership"] .ld-decision-mark { flex: none; width: 4px; border-radius: 2px; background: var(--line-strong); }
[data-station="leadership"] .ld-decision-mark.is-warn { background: var(--warn); }
[data-station="leadership"] .ld-decision-mark.is-bad { background: var(--bad); }
[data-station="leadership"] .ld-decision-main { flex: 1; min-width: 0; }
[data-station="leadership"] .ld-decision-top { display: flex; align-items: center; gap: 10px; }
[data-station="leadership"] .ld-decision-age { font-size: 12px; font-weight: 600; color: var(--ink-3); }
[data-station="leadership"] .ld-decision-title { font-size: 16px; font-weight: 700; margin-top: 8px; line-height: 1.35; letter-spacing: -0.005em; }
[data-station="leadership"] .ld-decision-detail { font-size: var(--fs-small); color: var(--ink-2); margin-top: 4px; line-height: 1.5; }
[data-station="leadership"] .ld-decision-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-top: 12px; }
[data-station="leadership"] .ld-decision-owner { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ink-2); font-weight: 600; }
[data-station="leadership"] .ld-decision .btn-secondary { background: var(--surface); box-shadow: var(--shadow-hair); }

/* ---------- Pipeline: the Deep Ink tile ---------- */
[data-station="leadership"] .ld-funnel { display: flex; flex-direction: column; flex: 1; justify-content: space-between; }
[data-station="leadership"] .ld-funnel-row { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: baseline; column-gap: 12px; }
[data-station="leadership"] .ld-funnel-label { grid-column: 1; grid-row: 1; font-size: 13px; font-weight: 600; color: var(--on-dark-2); }
[data-station="leadership"] .ld-funnel-count { grid-column: 2; grid-row: 1 / span 2; font-size: 44px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; text-align: right; color: #fff; }
[data-station="leadership"] .ld-funnel-amount { grid-column: 1; grid-row: 2; font-size: 13px; font-weight: 700; color: #fff; }
[data-station="leadership"] .ld-funnel-track { height: 6px; margin-top: 10px; border-radius: var(--radius-pill); background: rgba(255, 255, 255, 0.14); overflow: hidden; }
[data-station="leadership"] .ld-funnel-track span { display: block; height: 100%; border-radius: inherit; background: var(--avid-blue); transition: width 400ms var(--ease); }
[data-station="leadership"] .ld-funnel-step:first-child .ld-funnel-track span { background: #fff; }
[data-station="leadership"] .ld-funnel-conv { display: flex; align-items: center; gap: 6px; padding: 10px 0; font-size: 12px; color: var(--on-dark-3); font-weight: 600; }

/* ---------- Service health: the Mist ring ---------- */
[data-station="leadership"] .ld-health-ring { flex: 1; display: flex; align-items: center; justify-content: center; padding: 4px 0 20px; }
[data-station="leadership"] .ld-health .ring-value { font-size: 40px; }
[data-station="leadership"] .ld-health-facts { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
[data-station="leadership"] .ld-health-fact { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
[data-station="leadership"] .ld-health-fact strong { font-weight: 700; color: var(--ink); }

/* ---------- Service matrix ---------- */
[data-station="leadership"] .ld-matrix .table th.is-current { color: var(--avid-blue-ink); }
[data-station="leadership"] .ld-matrix .table td:first-child { width: 22%; }
[data-station="leadership"] .ld-cell { text-align: right; width: 15%; }
[data-station="leadership"] .ld-cell.is-current, [data-station="leadership"] .ld-matrix th.is-current { background: rgba(230, 244, 251, 0.6); }
[data-station="leadership"] .ld-matrix th.is-current { border-radius: 10px 10px 0 0; }
[data-station="leadership"] .ld-cell.is-empty { color: var(--ink-disabled); vertical-align: top; padding-top: 12px; }
[data-station="leadership"] .ld-cell-none { font-size: 12px; color: var(--ink-3); font-weight: 500; }
[data-station="leadership"] .ld-cell-nums { font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-station="leadership"] .ld-cell-done { font-weight: 700; color: var(--ink); }
[data-station="leadership"] .ld-cell-due { color: var(--ink-3); }
[data-station="leadership"] .ld-cell-bar { height: 4px; width: 72px; margin: 6px 0 0 auto; border-radius: 2px; background: var(--surface-3); overflow: hidden; }
[data-station="leadership"] .ld-cell-bar span { display: block; height: 100%; background: var(--ink-disabled); }
[data-station="leadership"] .ld-cell-bar.is-good span { background: var(--good); }
[data-station="leadership"] .ld-cell-bar.is-warn span { background: var(--warn); }
[data-station="leadership"] .ld-cell-bar.is-bad span { background: var(--bad); }
[data-station="leadership"] .ld-cell-bar.is-neutral span { background: var(--avid-blue); }
[data-station="leadership"] .ld-cell-total { font-weight: 700; }
[data-station="leadership"] .ld-muted { color: var(--ink-3); font-weight: 500; }
[data-station="leadership"] .ld-matrix .table td.ld-cell.is-current:last-child { padding-right: 12px; }

@media (max-width: 1360px) {
  [data-station="leadership"] .ld-hero-value { font-size: 64px; }
  [data-station="leadership"] .ld-entity-value { font-size: 38px; }
  [data-station="leadership"] .ld-funnel-count { font-size: 38px; }
  [data-station="leadership"] .ld-health-ring .ring { width: 148px !important; height: 148px !important; }
}

/* =====================================================================
   Drill links inside tiles (firm view lines, Sales and service columns)
   ===================================================================== */
[data-station="leadership"] a.ld-link { color: inherit; text-decoration: none; border-radius: var(--radius); transition: background var(--t); }
[data-station="leadership"] a.ld-link:hover { text-decoration: none; background: var(--mist); }
[data-station="leadership"] a.ld-link:focus-visible { box-shadow: var(--focus-ring); outline: none; }
[data-station="leadership"] .ld-link .drill-chevron { width: 20px; height: 20px; flex: none; }
[data-station="leadership"] .tile-mist a.ld-link:hover { background: var(--surface); }
[data-station="leadership"] .tile-ink a.ld-link:hover { background: rgba(255, 255, 255, 0.06); }
[data-station="leadership"] .tile-ink .ld-link .drill-chevron { color: var(--on-dark-3); }

/* Firm view: entity revenue, pipe lines and the exception band as links */
[data-station="leadership"] a.ld-entity-rev { margin: 0 -10px; padding: 20px 10px 18px; }
[data-station="leadership"] .ld-entity-rev .ld-mini-label { display: flex; align-items: center; gap: 4px; }
[data-station="leadership"] .ld-pipe-row { padding: 0; }
[data-station="leadership"] a.ld-pipe-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); width: 100%; margin: 0 -8px; padding: 6px 8px; box-sizing: content-box; }
[data-station="leadership"] .ld-pipe-link dd { display: inline-flex; align-items: center; gap: 2px; }
[data-station="leadership"] .ld-pipe-link dt { order: -1; }
[data-station="leadership"] a.ld-entity-exception:hover { background: var(--surface-3); }
[data-station="leadership"] .ld-entity-exception span:nth-child(2) { flex: 1; }
[data-station="leadership"] a.ld-entity-exception { border-radius: 0 0 var(--radius-tile) var(--radius-tile); }
[data-station="leadership"] a.ld-funnel-step { display: block; margin: 0 -10px; padding: 10px; }
[data-station="leadership"] .ld-funnel { gap: 6px; justify-content: space-evenly; }
[data-station="leadership"] .ld-funnel-amount { font-weight: 600; color: var(--on-dark-2); }
[data-station="leadership"] .ld-funnel-step.is-quiet .ld-funnel-track span { background: var(--warn); }
[data-station="leadership"] a.ld-health-ring { display: flex; }
[data-station="leadership"] a.ld-health-fact { margin: 0 -8px; padding: 4px 8px; }
[data-station="leadership"] a.ld-health-fact span:nth-of-type(2) { flex: 1; }
[data-station="leadership"] .ld-matrix-section .btn-text { color: var(--avid-blue-ink); }

/* =====================================================================
   Eric's week
   ===================================================================== */

/* Hero: the one blue fact */
[data-station="leadership"] .ld-eric-hero .ld-hero-value { font-size: 88px; letter-spacing: -0.04em; }
[data-station="leadership"] .ld-eric-hero .tile-label { font-size: 12px; letter-spacing: 0.06em; }
[data-station="leadership"] .ld-hero-count { font-weight: 700; color: #fff; }
[data-station="leadership"] .ld-eric-hero .ld-hero-pace { max-width: 360px; margin-top: 14px; }
[data-station="leadership"] .ld-hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
[data-station="leadership"] .ld-hero-number { min-width: 0; flex: 1; }
[data-station="leadership"] .ld-hero-split { flex: none; display: flex; flex-direction: column; gap: 14px; margin-top: 10px; min-width: 180px; }
[data-station="leadership"] .ld-hero-split > div { padding: 12px 16px; border-radius: var(--radius); background: rgba(255, 255, 255, 0.12); }
[data-station="leadership"] .ld-hero-split dt { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); }
[data-station="leadership"] .ld-hero-split dd { margin: 2px 0 0; font-size: 32px; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1.1; }
[data-station="leadership"] .ld-hero-split span { font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }
[data-station="leadership"] .ld-hero-list { margin-top: auto; padding-top: 22px; display: flex; flex-direction: column; }
[data-station="leadership"] .ld-hero-row {
  display: grid; grid-template-columns: 44px minmax(0, 1.3fr) minmax(0, 1fr) auto; align-items: center; gap: 12px;
  padding: 9px 0; border-top: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 14px; font-weight: 600;
}
[data-station="leadership"] .ld-hero-day { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); }
[data-station="leadership"] .ld-hero-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
[data-station="leadership"] .ld-hero-stage { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; color: rgba(255, 255, 255, 0.78); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-station="leadership"] .ld-hero-amt { font-size: 15px; font-weight: 700; color: #fff; text-align: right; }
[data-station="leadership"] .ld-hero-row.is-landed .ld-hero-stage { color: #fff; font-weight: 700; }
[data-station="leadership"] .ld-hero-more { margin-top: 8px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }

/* What you asked for */
[data-station="leadership"] .ld-asks-head .big { margin-top: 2px; }
[data-station="leadership"] .ld-asks-list { margin-top: 16px; display: flex; flex-direction: column; }
[data-station="leadership"] .ld-ask { display: flex; gap: 12px; padding: 10px 0; border-top: var(--hairline); }
[data-station="leadership"] .ld-ask-mark { flex: none; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--avid-blue); }
[data-station="leadership"] .ld-ask-mark.is-late { background: var(--warn); }
[data-station="leadership"] .ld-ask-tick {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; margin-top: 2px; margin-left: -4px; margin-right: -4px; border-radius: 50%;
  background: var(--good-tint); color: var(--good-ink);
}
[data-station="leadership"] .ld-ask-main { min-width: 0; flex: 1; }
[data-station="leadership"] .ld-ask-text { font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-station="leadership"] .ld-ask-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 3px; font-size: 12px; color: var(--ink-3); font-weight: 500; }
[data-station="leadership"] .ld-ask.is-done .ld-ask-text { color: var(--ink-3); font-weight: 500; }
[data-station="leadership"] .ld-asks-more { margin-top: auto; padding-top: 8px; font-size: 12px; font-weight: 600; color: var(--ink-3); }

/* One tile per question: the question is the label, so let it wrap */
[data-station="leadership"] .ld-q .tile-label { line-height: 1.45; padding-right: 4px; }
[data-station="leadership"] .ld-q .tile-head { align-items: flex-start; }
[data-station="leadership"] .ld-q .big-sub { min-height: 1.45em; }
[data-station="leadership"] .ld-q .stat-chart { margin-top: 14px; }
[data-station="leadership"] .ld-q .stat-chart svg { width: 100%; }

/* Entity tiles */
[data-station="leadership"] .ld-ent::before {
  content: ""; position: absolute; left: 24px; top: 0; width: 40px; height: 4px; border-radius: 0 0 4px 4px; background: var(--avid-blue);
}
[data-station="leadership"] .ld-ent.is-arm::before { background: var(--deep-ink); }
[data-station="leadership"] .ld-ent.is-ac::before { background: var(--ink-disabled); }
[data-station="leadership"] .ld-ent .tile-head { position: absolute; top: 20px; right: 20px; margin: 0; }
[data-station="leadership"] .ld-ent-head { display: flex; align-items: center; gap: 10px; padding-right: 32px; }
[data-station="leadership"] .ld-ent-name { font-size: 17px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; }
[data-station="leadership"] .ld-ent-figs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
[data-station="leadership"] .ld-ent-value { margin-top: 6px; font-size: 40px; }
[data-station="leadership"] .ld-ent-pace { margin-top: 6px; font-size: 12px; font-weight: 600; color: var(--ink-2); }
[data-station="leadership"] .ld-ent-pace.is-good { color: var(--good-ink); }
[data-station="leadership"] .ld-ent-pace.is-warn { color: var(--warn-ink); }
[data-station="leadership"] .ld-ent-pace.is-bad { color: var(--bad-ink); }
[data-station="leadership"] .ld-ent-bar { margin-top: auto; padding-top: 18px; }
[data-station="leadership"] .ld-ent-bar .progress { height: 6px; }

/* The Deep Ink moment: the top 20 */
[data-station="leadership"] .ld-top-intro { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 20px; }
[data-station="leadership"] .ld-top-intro .big { font-size: 48px; }
[data-station="leadership"] .ld-top-intro .big-sub { margin-top: 0; }
[data-station="leadership"] .ld-top-cols { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; margin-top: 18px; }
[data-station="leadership"] .ld-top-colhead,
[data-station="leadership"] .ld-top-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) 84px 104px; align-items: center; gap: 12px; }
[data-station="leadership"] .ld-top-colhead { padding-bottom: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-3); }
[data-station="leadership"] .ld-top-colhead span:last-child { text-align: right; }
[data-station="leadership"] .ld-top-list { display: flex; flex-direction: column; }
[data-station="leadership"] .ld-top-row { padding: 9px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
[data-station="leadership"] .ld-top-rank { font-size: 12px; font-weight: 700; color: var(--on-dark-3); }
[data-station="leadership"] .ld-top-name { display: flex; flex-direction: column; min-width: 0; }
[data-station="leadership"] .ld-top-hh { font-size: 14px; font-weight: 700; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-station="leadership"] .ld-top-last { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 12px; color: var(--on-dark-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-station="leadership"] .ld-top-last .dot { flex: none; }
[data-station="leadership"] .ld-top-model { font-size: 12px; font-weight: 600; color: var(--on-dark-2); }
[data-station="leadership"] .ld-top-fee { display: flex; flex-direction: column; align-items: flex-end; font-size: 14px; font-weight: 700; color: #fff; }
[data-station="leadership"] .ld-top-fee small { font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--on-dark-3); }
[data-station="leadership"] .ld-top-row.is-below .ld-top-hh,
[data-station="leadership"] .ld-top-row.is-below .ld-top-fee { color: var(--on-dark-2); font-weight: 600; }

/* Sales and service */
[data-station="leadership"] .ld-ss-lede { font-size: 15px; color: var(--ink-2); line-height: 1.5; }
[data-station="leadership"] .ld-ss-lede strong { color: var(--bad-ink); font-weight: 700; }
[data-station="leadership"] .ld-ss-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
[data-station="leadership"] a.ld-ss-col { display: flex; flex-direction: column; padding: 16px; background: var(--mist); border-radius: var(--radius); }
[data-station="leadership"] a.ld-ss-col:hover { background: var(--surface-3); }
[data-station="leadership"] .ld-ss-colhead { display: flex; align-items: center; justify-content: space-between; }
[data-station="leadership"] .ld-ss-label { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--ink-2); }
[data-station="leadership"] .ld-ss-count { display: flex; align-items: baseline; gap: 12px; margin-top: 8px; }
[data-station="leadership"] .ld-ss-count .big { font-size: 44px; }
[data-station="leadership"] .ld-ss-note { font-size: 12px; color: var(--ink-3); font-weight: 500; }
[data-station="leadership"] .ld-ss-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
[data-station="leadership"] .ld-chip {
  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
  border-radius: var(--radius-pill); background: var(--surface); box-shadow: var(--shadow-hair);
  font-size: 12px; font-weight: 600; color: var(--ink);
}
[data-station="leadership"] .ld-chip.has-motion { box-shadow: inset 0 0 0 1.5px var(--avid-blue); }
[data-station="leadership"] .ld-chip { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
[data-station="leadership"] .ld-chip-amt { font-size: 11px; font-weight: 700; color: var(--avid-blue-ink); }
[data-station="leadership"] .ld-ss-col.is-bad .ld-chip.has-motion { box-shadow: inset 0 0 0 1.5px var(--bad); }

/* Locked */
[data-station="leadership"] .ld-locked { min-height: 280px; justify-content: center; }

/* =====================================================================
   Narrow screens
   ===================================================================== */
@media (max-width: 1360px) {
  [data-station="leadership"] .ld-eric-hero .ld-hero-value { font-size: 76px; }
  [data-station="leadership"] .ld-ent-value { font-size: 34px; }
}
@media (max-width: 1100px) {
  [data-station="leadership"] .ld-top-cols { grid-template-columns: 1fr; }
  [data-station="leadership"] .ld-top-colhead.is-second { display: none; }
  [data-station="leadership"] .ld-ss-cols { grid-template-columns: 1fr; }
}

/* Phone: one column, hero first, numbers large, no sideways scroll */
@media (max-width: 640px) {
  body[data-station="leadership"] #app { padding-left: 16px; padding-right: 16px; gap: 12px; }
  #app[data-station="leadership"] > * { grid-column: 1 / -1; grid-row: auto; }
  #app[data-station="leadership"] > .rows-2.tile { min-height: 0; }
  [data-station="leadership"] .page-header { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 14px; }
  [data-station="leadership"] .page-title { font-size: 30px; }
  [data-station="leadership"] .page-actions { justify-content: flex-start; }
  [data-station="leadership"] .tile { padding: 20px; }
  [data-station="leadership"] .ld-private { align-items: flex-start; }
  [data-station="leadership"] .ld-private svg { margin-top: 3px; }
  [data-station="leadership"] .ld-ss .tile-note { display: none; }
  [data-station="leadership"] .ld-eric-hero .ld-hero-value { font-size: 64px; }
  [data-station="leadership"] .ld-hero-row { grid-template-columns: 36px minmax(0, 1fr) auto; }
  [data-station="leadership"] .ld-hero-stage { display: none; }
  [data-station="leadership"] .ld-hero-top { flex-direction: column; gap: 16px; }
  [data-station="leadership"] .ld-hero-split { flex-direction: row; width: 100%; min-width: 0; margin-top: 0; gap: 10px; }
  [data-station="leadership"] .ld-hero-split > div { flex: 1; min-width: 0; }
  [data-station="leadership"] .ld-hero-split dd { font-size: 26px; }
  [data-station="leadership"] .ld-q .big, [data-station="leadership"] .stat .big { font-size: 48px; }
  [data-station="leadership"] .ld-top-intro .big { font-size: 40px; }
  [data-station="leadership"] .ld-top-colhead,
  [data-station="leadership"] .ld-top-row { grid-template-columns: 22px minmax(0, 1fr) auto; }
  [data-station="leadership"] .ld-top-colhead span:nth-child(3),
  [data-station="leadership"] .ld-top-model { display: none; }
  [data-station="leadership"] .ld-ent-value { font-size: 36px; }
  [data-station="leadership"] .ld-hero-value { font-size: 56px; }
  [data-station="leadership"] .ld-entity-sub { white-space: normal; }
  [data-station="leadership"] .ld-entity-exception { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
  [data-station="leadership"] .ld-entity { padding-bottom: 0; }
  [data-station="leadership"] .ld-matrix { overflow-x: auto; }
  [data-station="leadership"] .ld-firm-hero .ld-hero-chart .bars { height: 72px; }
}

/* =====================================================================
   Growth (#/leadership/growth): blue hero (8 x 2) beside twelve weeks (4 x 2),
   the Deep Ink split by advisor (8) beside new fees collected (4), then How We Count It (12).
   ===================================================================== */

/* Weekly bars around a zero line, used in the hero row and on Eric's week */
[data-station="leadership"] .ld-wbars { display: block; width: 100%; color: var(--avid-blue); }
[data-station="leadership"] .ld-wbars .bar { fill: currentColor; opacity: 0.32; }
[data-station="leadership"] .ld-wbars .bar.is-hi { opacity: 1; }
[data-station="leadership"] .ld-wbars .bar.is-neg { fill: var(--warn); opacity: 0.7; }
[data-station="leadership"] .ld-wbars-zero { stroke: var(--line-strong); stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-station="leadership"] .ld-q .ld-wbars { height: 34px; }

/* Hero: the bridge from inflows to net new, market return apart */
[data-station="leadership"] .ld-growth-hero .ld-hero-value { font-size: 88px; letter-spacing: -0.04em; }
[data-station="leadership"] .ld-growth-hero .big-sub { flex-wrap: wrap; gap: 4px 14px; }
[data-station="leadership"] .ld-bridge {
  display: grid; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch; gap: 8px; margin-top: auto; padding-top: 22px;
}
[data-station="leadership"] .ld-bridge-part { padding: 12px 14px; border-radius: var(--radius); background: rgba(255, 255, 255, 0.12); min-width: 0; }
[data-station="leadership"] .ld-bridge-part dt { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); white-space: nowrap; }
[data-station="leadership"] .ld-bridge-part dd { margin: 4px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: #fff; white-space: nowrap; }
[data-station="leadership"] .ld-bridge-part span { display: block; margin-top: 2px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.7); }
[data-station="leadership"] .ld-bridge-part.is-net { background: #fff; }
[data-station="leadership"] .ld-bridge-part.is-net dt,
[data-station="leadership"] .ld-bridge-part.is-net span { color: var(--avid-blue-ink); }
[data-station="leadership"] .ld-bridge-part.is-net dd { color: var(--deep-ink); }
[data-station="leadership"] .ld-bridge-part.is-apart { margin-left: 12px; background: transparent; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4); }
[data-station="leadership"] .ld-bridge-op { align-self: center; text-align: center; font-size: 22px; font-weight: 700; color: rgba(255, 255, 255, 0.7); }
[data-station="leadership"] .ld-bridge-note { display: flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.82); }

/* Twelve weeks */
[data-station="leadership"] .ld-weeks-chart { margin-top: auto; padding-top: 16px; }
[data-station="leadership"] .ld-weeks .ld-wbars { height: 110px; }
[data-station="leadership"] .ld-weeks-axis { color: var(--ink-3); }
[data-station="leadership"] .ld-weeks-best { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 10px; border-top: var(--hairline); font-size: 12px; color: var(--ink-3); font-weight: 600; }
[data-station="leadership"] .ld-weeks-best strong { color: var(--ink); font-weight: 700; }

/* By advisor: the Deep Ink tile */
[data-station="leadership"] .ld-adv-lock { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: var(--on-dark-2); }
[data-station="leadership"] .ld-adv-lock.is-light { color: var(--ink-3); }
[data-station="leadership"] .ld-adv-head,
[data-station="leadership"] a.ld-adv-row {
  display: grid; grid-template-columns: minmax(140px, 1.2fr) minmax(60px, 1fr) 76px 60px 60px 150px 20px; align-items: center; gap: 14px;
}
[data-station="leadership"] .ld-adv-head { margin-top: 6px; padding: 0 10px 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-3); }
[data-station="leadership"] .ld-adv-head .is-num { text-align: right; }
[data-station="leadership"] .ld-adv-list { display: flex; flex-direction: column; }
[data-station="leadership"] .ld-adv-list li { border-top: 1px solid rgba(255, 255, 255, 0.1); }
[data-station="leadership"] a.ld-adv-row { margin: 0; padding: 16px 10px; color: #fff; }
[data-station="leadership"] .ld-adv-name { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 14px; font-weight: 700; }
[data-station="leadership"] .ld-adv-name > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-station="leadership"] .ld-adv-track { height: 8px; border-radius: var(--radius-pill); background: rgba(255, 255, 255, 0.1); overflow: hidden; }
[data-station="leadership"] .ld-adv-fill { display: block; height: 100%; border-radius: inherit; background: var(--avid-blue); }
[data-station="leadership"] .ld-adv-fill.is-neg { background: var(--warn); }
[data-station="leadership"] .ld-adv-in,
[data-station="leadership"] .ld-adv-out { text-align: right; font-size: 13px; font-weight: 600; color: var(--on-dark-2); }
[data-station="leadership"] .ld-adv-net { text-align: right; font-size: 16px; font-weight: 700; }
[data-station="leadership"] .ld-adv-hist { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--on-dark-2); }
[data-station="leadership"] .ld-adv-hist .ld-wbars { width: 84px; height: 26px; flex: none; color: #fff; }
[data-station="leadership"] .ld-adv-hist .ld-wbars .bar { opacity: 0.55; }
[data-station="leadership"] .ld-adv-hist .ld-wbars .bar.is-hi { opacity: 1; fill: var(--avid-blue); }
[data-station="leadership"] .ld-adv-hist .ld-wbars-zero { stroke: rgba(255, 255, 255, 0.25); }
[data-station="leadership"] .ld-adv-hist .num { margin-left: auto; }
[data-station="leadership"] .ld-adv-list li:first-child { border-top-color: rgba(255, 255, 255, 0.16); }
[data-station="leadership"] .ld-adv-foot { margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 500; color: var(--on-dark-3); }

/* Locked tiles for anyone who is not a principal */
[data-station="leadership"] .ld-lock-line { display: flex; align-items: flex-start; gap: 14px; margin-top: 8px; }
[data-station="leadership"] .ld-lock-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--surface); color: var(--ink-2); box-shadow: var(--shadow-hair); }
[data-station="leadership"] .ld-lock-line strong { display: block; font-size: 15px; font-weight: 700; color: var(--ink); }
[data-station="leadership"] .ld-lock-line div span { display: block; margin-top: 4px; font-size: 13px; color: var(--ink-2); }

/* New fees collected */
[data-station="leadership"] a.ld-fees-total { display: block; margin: 0 -10px; padding: 4px 10px 10px; }
[data-station="leadership"] .ld-fees-total .big { display: flex; align-items: center; gap: 4px; }
[data-station="leadership"] .ld-fees-list { margin-top: 6px; display: flex; flex-direction: column; }
[data-station="leadership"] .ld-fees-list li { border-top: var(--hairline); }
[data-station="leadership"] a.ld-fees-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 20px; align-items: center; gap: 10px; margin: 0 -10px; padding: 10px; }
[data-station="leadership"] .ld-fees-main { display: flex; flex-direction: column; min-width: 0; }
[data-station="leadership"] .ld-fees-name { font-size: 13px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-station="leadership"] .ld-fees-src { font-size: 12px; color: var(--ink-3); font-weight: 500; }
[data-station="leadership"] .ld-fees-row strong { font-size: 15px; font-weight: 700; order: 2; }
[data-station="leadership"] .ld-fees-row .ld-fees-main { order: 1; }
[data-station="leadership"] .ld-fees-row .drill-chevron { order: 3; }

/* How we count it */
[data-station="leadership"] .ld-method-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 4px; }
[data-station="leadership"] .ld-method-list dt { font-size: 13px; font-weight: 700; color: var(--ink); }
[data-station="leadership"] .ld-method-list dd { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-2); }

@media (max-width: 1360px) {
  [data-station="leadership"] .ld-growth-hero .ld-hero-value { font-size: 76px; }
  [data-station="leadership"] .ld-bridge-part dd { font-size: 22px; }
  [data-station="leadership"] .ld-bridge-part { padding: 12px; }
  [data-station="leadership"] .ld-adv-head,
  [data-station="leadership"] a.ld-adv-row { grid-template-columns: minmax(120px, 1.2fr) minmax(40px, 1fr) 70px 54px 54px 130px 20px; gap: 10px; }
}

@media (max-width: 640px) {
  [data-station="leadership"] .ld-growth-hero .ld-hero-value { font-size: 60px; }
  [data-station="leadership"] .ld-bridge { grid-template-columns: 1fr 1fr; padding-top: 18px; }
  [data-station="leadership"] .ld-bridge-op { display: none; }
  [data-station="leadership"] .ld-bridge-part.is-apart { margin-left: 0; }
  [data-station="leadership"] .ld-bridge-part dd { font-size: 22px; }
  [data-station="leadership"] .ld-adv-head { display: none; }
  [data-station="leadership"] a.ld-adv-row { grid-template-columns: minmax(0, 1fr) auto 20px; grid-template-rows: auto auto; row-gap: 8px; padding: 12px 0; }
  [data-station="leadership"] .ld-adv-track { grid-column: 1 / -1; grid-row: 2; }
  [data-station="leadership"] .ld-adv-in, [data-station="leadership"] .ld-adv-out, [data-station="leadership"] .ld-adv-hist { display: none; }
  [data-station="leadership"] .ld-method-list { grid-template-columns: 1fr; gap: 12px; }
}
[data-station="leadership"] .ld-adv-row.is-flat { cursor: default; opacity: 0.8; }