/* Lot 2 isolated: operational composition, reuse L1 tokens and layer. */
@layer components {
 .calls-workspace { display:grid; gap:18px; }
 .calls-heading,.calls-day-metrics,.calls-supply-action,.call-laboratory > header {display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;}
 .calls-heading h2 {font-size:22px;margin:0;line-height:1.3;}
 .calls-heading span,.calls-day-metrics {font-size:12px;color:var(--muted);}
 .calls-primary .next-call-card {margin-top:10px;min-height:0;padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;}
 .calls-primary .card-topline {grid-column:1/-1;}
 .calls-primary .call-company {margin:6px 0 0;font-size:26px;line-height:1.25;}
 .calls-primary .call-contact {margin:0;grid-column:1;}
 .calls-primary .call-website-url,.calls-primary .call-product-summary {margin:0;grid-column:1;color:#ddd;font-size:13px;line-height:1.45;}
 .calls-primary .call-offer-fit {margin:0;grid-column:2;grid-row:2;padding:6px 8px;color:#fff;border:1px solid #878787;background:transparent;align-self:start;}
 .calls-primary .call-gatekeeper-memory {margin:0;grid-column:1;}
 .calls-primary .call-context {display:none;}
 .calls-primary .call-source-freshness {grid-column:1;margin:0;padding:0;background:transparent;color:#bdbdbd;font-size:11px;}
 .calls-primary .card-cta {grid-column:2;grid-row:3/7;margin:0;align-self:center;padding:10px 14px;background:#fff;color:#111;}
 .calls-day-metrics {padding:10px 0;border-bottom:1px solid var(--line);justify-content:flex-start;gap:12px 28px;}
 .calls-day-metrics strong {font-size:17px;color:var(--ink);margin-left:6px;}
 .calls-supply {border:1px solid var(--line);padding:14px;background:#fff;}
 .calls-supply-action p {margin:0;max-width:65ch;font-size:13px;flex:1 1 260px;}
 .calls-supply .call-batch-button {min-width:160px;}
 .call-batch-progress {margin-top:12px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;}
 .call-batch-progress header {display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;}
 .call-batch-progress dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;}
 .call-batch-progress dt {font-size:12px;color:var(--muted);}
 .call-batch-progress dd {font-size:24px;margin:4px 0 0;font-weight:650;}
 .call-batch-progress details {font-size:12px;color:var(--muted);}
 .calls-workspace .section {margin-top:6px;}
 .calls-workspace .empty {padding:12px;grid-column:1/-1;font-size:13px;}
 .calls-workspace .unanswered-queue-empty {min-height:0;display:block;text-align:left;}
 .calls-workspace .unanswered-queue-tabs {border-radius:0;background:#ededed;}
 .live-call-shell .script-prequalification {border-radius:0;background:#333;border-color:#878787;}
 .live-call-shell .script-prequalification b {color:#fff;}
 .calls-workspace .section-heading h2,.calls-workspace .unanswered-queue-heading h2 {font-size:20px;line-height:1.3;}
 .calls-workspace .queue-card {min-height:0;gap:5px;padding:14px;}
 .calls-workspace .queue-card .call-company {margin-top:8px;font-size:20px;}
 .calls-workspace .queue-card .call-contact,.calls-workspace .queue-card .call-website-url,.calls-workspace .queue-card .call-offer-fit {margin-top:0;}
 .call-laboratory {border-top:1px solid var(--line);padding:16px 0;}
 .call-laboratory h2 {font-size:18px;margin:0;}
 .call-laboratory p {margin:4px 0;font-size:13px;color:var(--muted);}
 .call-laboratory-detail {margin-top:8px;font-size:12px;}
 .call-laboratory-detail .test-journey-progress {margin-top:12px;}
 .call-preparation {border-block:1px solid var(--line);margin:14px 0;font-size:13px;}
 .call-preparation > summary {padding:10px 0;font-weight:600;}
 .live-call-shell .script-block {margin:12px 0;padding:14px 18px;}
 .live-call-shell .script-prequalification {font-size:11px;}
 .live-call-shell .call-recipient-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .live-call-shell .call-recipient-choice {padding:8px 12px;min-height:44px;}
 .live-call-shell .direct-recipient-panel {padding:12px 0 0;}
 .live-call-shell [data-canonical-speech] {font-size:16px;line-height:1.6;white-space:pre-wrap;margin:14px 0 4px;}
 .live-call-shell .decision-maker-name {max-width:360px;}
 .live-call-shell .speech-actions {margin:12px 0;}
 .live-call-shell .not-interested-recovery {padding:14px;background:#f4f4f4;border:1px solid var(--line);border-radius:0;}
 .live-call-shell .not-interested-recovery > span {color:var(--ink);}
 .live-call-shell .not-interested-recovery p {color:var(--muted);}
 .live-call-shell .call-objection-heading {font-size:18px;margin:16px 0 10px;}
 .live-call-shell .live-objection-desk {padding:0;margin:14px 0;border:0;}
 .live-call-shell .call-objection-search {display:grid;gap:6px;font-size:12px;margin-bottom:10px;}
 .live-call-shell .live-objection-list {display:grid;grid-template-columns:1fr;gap:0;}
 .live-call-shell details.live-objection-card {padding:0;border:0;border-bottom:1px solid var(--line);background:#fff;color:#111;}
 .live-call-shell details.live-objection-card > summary {padding:12px 6px;font-weight:600;font-size:14px;}
 .live-call-shell .live-objection-response,.live-call-shell .live-objection-note,.live-call-shell .live-objection-actions {margin:0;padding:10px 12px;}
 .live-call-shell .live-objection-response blockquote {font-size:14px;line-height:1.6;margin:0;}
 .live-call-shell .post-call-capture {padding:16px;margin-top:18px;background:#f4f4f4;border:1px solid var(--line);border-radius:0;}
 .lead-v71-filters {padding:18px;background:#fff;border:1px solid var(--line);border-radius:0;}
 .lead-v71-filters header h2 {font-size:22px;}
 .lead-v71-filter-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
 .lead-v71-filter-grid button,.lead-v71-signal-filter,.lead-v71-signal-settings,.lead-v71-filter-editor,.lead-v71-score,.lead-v71-card {border-radius:0;background-image:none;box-shadow:none;}
 .lead-v71-filter-grid button {padding:10px;font-size:13px;background:#f4f4f4;}
 .lead-v71-score {font-size:13px;background:#f4f4f4;border-color:var(--line);}
 .lead-v71-card {border-color:var(--line);overflow:visible;}
 .lead-v71-card > header {background:#f4f4f4;}
 .lead-v71-identity {padding:18px 22px;}
 .lead-v71-identity h2 {font-size:26px;line-height:1.3;letter-spacing:-.02em;}
 .lead-v71-site {display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;}
 .lead-v71-site a {min-width:0;overflow-wrap:anywhere;}
 .lead-v71-score-parts {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin:0;}
 .lead-v71-score-parts > div {display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);}
 .lead-v71-score-parts dt {font-size:13px;overflow-wrap:anywhere;}
 .lead-v71-score-parts dd {margin:0;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;}
 .lead-v71-signals,.lead-v71-contacts,.lead-v71-evidence {border-radius:0;border-color:var(--line);background:#fff;}
 .lead-v71-grid article {border-left:1px solid var(--line);}
 .lead-v71-score-formula {border-color:var(--line);}
 .lead-v71-score-formula strong {font-size:13px;letter-spacing:normal;}
 .lead-v71-score > details {grid-column:1/-1;}
 .lead-v71-score > p {grid-column:1/-1;margin:0;}
 .lead-v71-diagnostic {font-size:12px;color:var(--muted);}
 .calls-workspace .callback-queue .queue-card {border-top:2px solid #595959;}
 .calls-workspace .callback-delegation {padding:10px;font-size:12px;}
 .calls-workspace .unanswered-queue-card {border-radius:0;box-shadow:none;padding:14px;border-color:var(--line);}
 .calls-workspace .unanswered-queue-tabs button {border-radius:0;min-height:44px;}
 /* Neutral L2 descendants: do not inherit the old decorative green/ochre. */
 .calls-workspace .unanswered-queue-tabs button[aria-pressed="true"] {border-color:var(--line);box-shadow:none;}
 .calls-workspace .unanswered-queue-tabs button span {border-radius:0;background:#ededed;color:var(--ink);}
 .calls-workspace .unanswered-queue-meta {color:var(--muted);}
 .lead-v71-filters .lead-v71-filter-grid > button,.lead-v71-signal-filter {border-color:var(--line);background:#f4f4f4;}
 .lead-v71-filters .lead-v71-filter-grid > button:is(:hover,:focus-visible) {border-color:var(--ink);background:#ededed;}
 .lead-v71-filters .lead-v71-signal-choice {border-radius:0;border-color:var(--line);background:#f4f4f4;}
 .lead-v71-filters .lead-v71-signal-choice:has(input:checked) {border-color:#878787;background:#ededed;}
 .lead-v71-filters :is(.lead-v71-field,.lead-v71-range,.lead-v71-contacts-required,.lead-v71-weights) {border-radius:0;border-color:var(--line);background:#f4f4f4;}
 .lead-v71-filters :is(.lead-v71-field,.lead-v71-range,.lead-v71-weights) :is(input,textarea),.lead-v71-signal-settings :is(input:not([type=checkbox]),textarea) {border-radius:0;border-color:#878787;}
 .lead-v71-signal-settings :is(.lead-v71-signal-actions > button,.lead-v71-signal-add > button,.lead-v71-signal-remove) {border-radius:0;border-color:var(--line);}
 .lead-v71-card .lead-v71-contacts div {border-color:var(--line);}
 .lead-v71-card .badge.neutral,.lead-v71-card .badge.success {color:var(--ink);background:#ededed;}
 @media(max-width:650px) {
  .calls-workspace {gap:12px;}
  .calls-primary .next-call-card {display:flex;padding:14px;gap:6px;}
  .calls-primary .call-company {font-size:22px;margin:4px 0;}
  .calls-primary .call-contact {font-size:13px;}
  .calls-primary .card-cta {align-self:stretch;justify-content:center;margin-top:6px;font-size:13px;}
  .calls-primary .call-product-summary {font-size:12px;}
  .calls-primary .call-source-freshness {font-size:10px;}
  .calls-primary .call-offer-fit {font-size:10px;padding:4px 6px;}
  .calls-heading h2 {font-size:20px;}
  .calls-day-metrics {gap:8px;font-size:11px;}
  .call-batch-progress dl {gap:6px;}
  .call-batch-progress dt {font-size:11px;}
  .call-batch-progress dd {font-size:22px;}
  .call-laboratory > header {align-items:flex-start;}
  .call-laboratory .flow-secondary {width:100%;}
  .live-call-shell .script-block {padding:12px;}
  .live-call-shell [data-canonical-speech] {font-size:15px;}
  .lead-v71-filter-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .lead-v71-filters {padding:12px;}
 }
}

/* Reference-driven Appels page. Every rule is confined to this workspace. */
@layer components {
 body[data-workspace="calls"] { background:#f5f6f7; }
 body[data-workspace="calls"] main { width:min(1440px,100%); max-width:100%; box-sizing:border-box; padding:22px clamp(16px,3.6vw,44px) 32px; }
 body[data-workspace="calls"] .topbar { min-height:62px; padding:8px 22px; gap:10px; }
 body[data-workspace="calls"] .brand { gap:8px; }
 body[data-workspace="calls"] .brand img { width:124px; height:36px; }
 body[data-workspace="calls"] .brand span { font-size:10px; }
 body[data-workspace="calls"] .tabs { flex-wrap:nowrap; justify-content:center; }
 body[data-workspace="calls"] .nav-group { gap:0; padding:0 4px; }
 body[data-workspace="calls"] .tabs button { font-size:12px; min-height:44px; padding:7px 9px; border-radius:4px; }
 body[data-workspace="calls"] .topbar-account { display:flex; width:auto; flex-wrap:nowrap; gap:8px; }
 body[data-workspace="calls"] .account-switch-trigger { order:1; border-radius:4px; width:172px; max-width:185px; flex:0 1 172px; font-size:10px; }
 body[data-workspace="calls"] .account-switch-trigger small { font-size:9px; }
 body[data-workspace="calls"] .account-switch-trigger strong { font-size:10px; }
 body[data-workspace="calls"] #logout { order:3; min-width:86px; padding:6px 8px; border-radius:4px; font-size:10px; }
 body[data-workspace="calls"] #sync { order:2; position:relative; padding:0; width:29px; height:29px; min-width:29px; font-size:0; gap:0; background:#161b18; border:1px solid #3d5749; border-radius:50%; }
 body[data-workspace="calls"] #sync::after { content:attr(data-initials); position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:10px; font-weight:600; }
 body[data-workspace="calls"] #sync .sync-light { display:none; }
 body[data-workspace="calls"] .shell-location { padding:0; margin:0 0 18px; min-height:28px; border:0; align-items:center; }
 body[data-workspace="calls"] #page-location { font-size:25px; font-weight:750; letter-spacing:-.025em; }
 body[data-workspace="calls"] #scope-location { font-size:12px; color:#525d6b; }
 body[data-workspace="calls"] #read-freshness { font-size:12px; color:#525d6b; }
 body[data-workspace="calls"] .account-switch-read-only { position:relative; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; margin:0 0 18px; padding:10px 16px 10px 52px; color:#65430b; border:1px solid #efcf67; border-radius:6px; background:#fff8e7; }
 body[data-workspace="calls"] .account-switch-read-only::before { content:'▤'; position:absolute; left:13px; top:10px; display:grid; place-items:center; width:28px; height:28px; border-radius:5px; background:#f8e8b8; font-size:19px; }
 body[data-workspace="calls"] .account-switch-read-only strong { font-size:13px; }
 body[data-workspace="calls"] .account-switch-read-only span { font-size:10px; }
 .calls-reference { --calls-ink:#16181b; --calls-muted:#525d6b; --calls-line:#dce1e7; --calls-green:#005934; --calls-green-soft:#edf8f2; --calls-red:#bd2926; --calls-red-soft:#ffeded; --calls-amber:#7b5819; --calls-amber-soft:#fff8e7; gap:20px; color:var(--calls-ink); }
 .calls-reference .calls-icon { display:block; flex:0 0 auto; width:22px; height:22px; overflow:visible; }
 .calls-reference .calls-heading,.calls-reference .section-heading { margin:0 0 12px; }
 .calls-reference .calls-heading h2,.calls-reference .section-heading h2 { font-size:20px; font-weight:750; line-height:1.35; letter-spacing:-.02em; }
 .calls-reference .calls-heading>span,.calls-reference .section-heading>span { color:var(--calls-muted); font-size:12px; font-weight:500; }
 .calls-reference .section { margin:0; }
 .calls-reference :is(.next-call-card,.queue-card) { position:relative; isolation:isolate; overflow:hidden; border:1px solid var(--calls-line); border-radius:6px; text-align:left; box-shadow:none; }
 .calls-reference :is(.next-call-card,.queue-card)>* { position:relative; z-index:1; }
 .calls-reference :is(.next-call-card,.queue-card)::after { content:''; z-index:0; position:absolute; right:-38px; bottom:-8px; width:300px; height:145px; background-image:url('/assets/4system-logo.png?v=source-access-20261018-r1'); background-position:center; background-size:contain; background-repeat:no-repeat; transform:rotate(-20deg) scale(1.25); opacity:.055; pointer-events:none; }
 .calls-reference .calls-card-dark { background:#171a18; color:#fff; border-color:#171a18; }
 .calls-reference .calls-card-dark .call-company,.calls-reference .calls-card-dark .card-topline { color:#fff; }
 .calls-reference .calls-card-light { background:#fff; color:var(--calls-ink); }
 .calls-reference .calls-card-light::after { filter:invert(1); opacity:.025; }
 .calls-reference .calls-primary .next-call-card { margin:0; padding:16px 18px; min-height:200px; grid-template-columns:minmax(0,1fr) 226px; gap:4px 20px; }
 .calls-reference .card-topline { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; font-weight:500; margin:0; }
 .calls-reference .card-topline .badge { border-radius:4px; padding:5px 8px; font-size:11px; font-weight:650; line-height:1.5; }
 .calls-reference .card-topline .badge:is(.overdue,.danger) { color:#ae2623; background:#fff0f0; }
 .calls-reference .card-topline .badge:is(.today,.warning) { color:#775214; background:#fff6df; }
 .calls-reference .card-topline .badge:is(.future,.success) { color:#006138; background:#eaf6ef; }
 .calls-reference .calls-card-stage { display:flex; align-items:center; gap:8px; white-space:nowrap; }
 .calls-reference .calls-card-stage i { display:grid; place-items:center; width:31px; height:31px; border:1px solid #4d6355; border-radius:50%; color:inherit; font-style:normal; }
 .calls-reference .calls-card-stage .calls-icon { width:18px; height:18px; }
 .calls-reference .calls-card-light .calls-card-stage i { border-color:#e2e7e4; background:#f6f8f6; }
 .calls-reference .calls-primary .call-company { font-size:26px; font-weight:750; margin:3px 0 0; line-height:1.25; }
 .calls-reference .call-contact { margin:0; font-size:14px; line-height:1.5; font-weight:450; }
 .calls-reference .calls-card-dark :is(.call-contact,.call-product-summary) { color:#e5e7e5; }
 .calls-reference .calls-card-light :is(.call-contact,.call-product-summary) { color:#4a4e53; }
 .calls-reference .call-website-url { display:flex; gap:6px; align-items:center; margin:0; font-size:13px; line-height:1.5; font-weight:650; overflow-wrap:anywhere; color:inherit; }
 .calls-reference .call-website-url .calls-icon { width:16px; height:16px; }
 .calls-reference .call-product-summary { margin:0; font-size:13px; line-height:1.5; }
 .calls-reference .call-offer-fit { display:inline-flex; align-items:center; max-width:100%; width:fit-content; margin:0; padding:5px 7px; border:1px solid #99b4a3; border-radius:4px; background:#eef7f0; color:#17462e; font-size:11px; font-weight:650; letter-spacing:.02em; line-height:1.4; }
 .calls-reference .calls-primary .call-offer-fit,.calls-reference .calls-card-dark .call-offer-fit { background:#1d2720; border-color:#496354; color:#fff; }
 .calls-reference .calls-primary .call-offer-fit { justify-self:end; text-align:center; font-size:11px; }
 .calls-reference .call-source-freshness { font-size:11px; line-height:1.4; color:#aeb5b0; }
 .calls-reference .call-gatekeeper-memory { color:inherit; background:transparent; font-size:11px; }
 .calls-reference .card-cta { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:10px 14px; margin:0; border:1px solid #dce1e7; border-radius:4px; background:#fff; color:#171a18; font-size:14px; font-weight:700; }
 .calls-reference .calls-primary .card-cta { min-height:44px; align-self:end; grid-row:3/7; margin:0; padding:11px 14px; font-size:14px; }
 .calls-reference .calls-primary .call-contact { grid-row:3; }
 .calls-reference .calls-primary .call-website-url { grid-row:4; }
 .calls-reference .calls-primary .call-product-summary { grid-row:5; }
 .calls-reference .calls-primary .call-source-freshness { grid-row:6; }
 .calls-reference .calls-day-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:0; border:0; }
 .calls-reference .calls-metric { display:flex; align-items:flex-start; gap:12px; min-height:104px; margin:0; padding:15px 13px; border:1px solid var(--calls-line); border-radius:6px; background:#fff; }
 .calls-reference .calls-metric-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:8px; background:#f1f3f5; color:#111; }
 .calls-reference .calls-metric>div { display:flex; flex-direction:column; gap:2px; }
 .calls-reference .calls-metric-label { color:var(--calls-muted); font-size:13px; font-weight:550; }
 .calls-reference .calls-metric strong { color:var(--calls-ink); margin:0; font-size:29px; font-weight:750; line-height:1.2; }
 .calls-reference .calls-metric small { color:var(--calls-muted); font-size:12px; line-height:1.5; }
 .calls-reference .calls-metric.is-green { color:var(--calls-green); background:var(--calls-green-soft); border-color:#cfe7d9; }
 .calls-reference .calls-metric.is-green strong,.calls-reference .calls-metric.is-green .calls-metric-label { color:var(--calls-green); }
 .calls-reference .is-green .calls-metric-icon { background:#d9f0e4; color:var(--calls-green); }
 .calls-reference .calls-supply { padding:0; border:1px solid var(--calls-line); border-radius:6px; background:#fff; }
 .calls-reference .calls-supply-action { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:72px; padding:14px 16px; }
 .calls-reference .calls-supply-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:6px; background:#f1f3f5; }
 .calls-reference .calls-supply-action>p { margin:0; max-width:none; font-size:13px; line-height:1.6; color:#525d6b; }
 .calls-reference .call-batch-button { display:flex; align-items:center; justify-content:center; gap:8px; min-width:162px; min-height:44px; padding:8px 12px; border:1px solid #171a18; border-radius:4px; background:#171a18; color:#fff; font-size:13px; }
 .calls-reference .call-batch-button:disabled { opacity:.65; }
 .calls-reference .calls-supply-action .ui-disabled-reason { grid-column:2/-1; margin:0; font-size:12px; line-height:1.4; }
 .calls-reference .call-batch-progress { margin:0; padding:16px; border-top:1px solid var(--calls-line); font-size:12px; }
 .calls-reference .call-batch-progress>header { align-items:center; font-size:12px; }
 .calls-reference .call-batch-progress>header>strong { color:var(--calls-ink); font-size:14px; font-weight:750; }
 .calls-reference .call-batch-progress>header>span { font-size:12px; color:var(--calls-muted); }
 .calls-reference .calls-verification-grid { display:flex; gap:18px; align-items:center; margin:17px 0 12px; }
 .calls-reference .call-batch-progress dl { flex:1 1 620px; gap:0; margin:0; }
 .calls-reference .call-batch-progress dl>div { padding:0 15px; border-left:1px solid var(--calls-line); }
 .calls-reference .call-batch-progress dl>div:first-child { padding-left:0; border:0; }
 .calls-reference .call-batch-progress dt { color:var(--calls-muted); font-size:12px; }
 .calls-reference .call-batch-progress dd { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:5px 0 0; font-size:28px; line-height:1.2; }
 .calls-reference .call-batch-progress dd>strong { font-weight:750; }
 .calls-reference [data-batch-saved] { color:var(--calls-green); }
 .calls-reference [data-batch-missing] { color:var(--calls-red); }
 .calls-reference .calls-state-chip { display:inline-flex; align-items:center; gap:4px; padding:3px 5px; border:1px solid #e0e4e8; border-radius:4px; background:#f3f4f6; color:#666b7a; font-size:11px; font-weight:600; line-height:1.4; }
 .calls-reference .calls-state-chip .calls-icon { width:14px; height:14px; }
 .calls-reference .calls-state-chip.success { border-color:#cde5d6; background:#edf8f2; color:var(--calls-green); }
 .calls-reference .calls-state-chip.danger { border-color:#f2d3d2; background:#ffeded; color:var(--calls-red); }
 .calls-reference .calls-progress-meter { display:flex; align-items:center; gap:8px; flex:1 1 160px; }
 .calls-reference .calls-progress-meter progress { appearance:none; width:100%; height:8px; border:0; border-radius:8px; background:#e4f1e9; overflow:hidden; }
 .calls-reference progress::-webkit-progress-bar { background:#e4f1e9; }
 .calls-reference progress::-webkit-progress-value { background:#12653f; border-radius:8px; }
 .calls-reference progress::-moz-progress-bar { background:#12653f; }
 .calls-reference .calls-progress-meter strong { font-size:11px; color:var(--calls-green); white-space:nowrap; }
 .calls-reference .calls-progress-unknown { font-size:11px; color:var(--calls-muted); }
 .calls-reference .call-batch-progress footer { color:var(--calls-muted); font-size:12px; }
 .calls-reference .call-batch-progress footer>p { display:flex; gap:7px; align-items:center; margin:0; }
 .calls-reference .call-batch-progress footer>p .calls-icon { width:15px; height:15px; }
 .calls-reference .call-batch-progress details>summary { display:flex; align-items:center; gap:8px; width:fit-content; min-height:44px; color:#525d6b; font-size:12px; padding:5px 0; }
 .calls-reference .calls-generation-reason,.calls-reference .call-batch-message { font-size:12px; margin:10px 16px; color:var(--calls-muted); }
 .calls-reference .calls-next .queue-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .calls-reference .calls-next .queue-card { display:flex; align-items:flex-start; padding:16px 18px; gap:6px; min-height:236px; }
 .calls-reference .queue-card .card-topline { width:100%; }
 .calls-reference .queue-card .call-company { font-size:22px; margin:2px 0 0; line-height:1.25; font-weight:750; }
 .calls-reference .queue-card .call-contact { font-size:14px; }
 .calls-reference .queue-card .call-website-url { font-size:13px; }
 .calls-reference .queue-card .call-product-summary { font-size:13px; }
 .calls-reference .queue-card .card-cta { margin-top:auto; padding:8px 12px; width:auto; font-size:13px; }
 .calls-reference .queue-card .call-offer-fit { margin:3px 0; }
 .calls-reference .calls-recap { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0 0 10px; }
 .calls-reference .calls-recap .calls-metric { padding:9px 12px; min-height:66px; gap:10px; align-items:center; }
 .calls-reference .calls-recap .calls-metric-icon { width:32px; height:32px; flex-basis:32px; border-radius:50%; }
 .calls-reference .calls-recap .calls-metric>div { display:grid; grid-template-columns:auto 1fr; column-gap:6px; align-items:center; }
 .calls-reference .calls-recap .calls-metric strong { grid-row:1; grid-column:1; font-size:20px; }
 .calls-reference .calls-recap .calls-metric-label { grid-row:1; grid-column:2; font-size:12px; color:#303944; }
 .calls-reference .calls-recap .calls-metric small { grid-column:1/-1; font-size:12px; }
 .calls-reference .calls-recap .is-red { background:var(--calls-red-soft); border-color:#f3dada; }
 .calls-reference .calls-recap .is-red .calls-metric-icon { color:var(--calls-red); background:#ffdbdb; }
 .calls-reference .calls-recap .is-amber { background:var(--calls-amber-soft); border-color:#f0e3be; }
 .calls-reference .calls-recap .is-amber .calls-metric-icon { color:var(--calls-amber); background:#f8edca; }
 .calls-reference .calls-followup-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 10px; }
 .calls-reference .calls-followup-toolbar>div { display:flex; gap:4px; }
 .calls-reference .calls-followup-toolbar button { min-height:44px; padding:6px 10px; border:1px solid var(--calls-line); border-radius:4px; background:#fff; color:#3e4856; font-size:12px; }
 .calls-reference .calls-followup-toolbar button[aria-pressed="true"] { background:#edf4ef; color:#155d38; border-color:#bad5c3; font-weight:650; }
 .calls-reference .calls-followup-toolbar>span { color:var(--calls-muted); font-size:12px; }
 .calls-reference .calls-table-wrap { border:1px solid var(--calls-line); border-radius:6px; background:#fff; overflow:visible; }
 .calls-reference .calls-followup-table { width:100%; border-collapse:collapse; table-layout:auto; font-size:13px; }
 .calls-reference .calls-followup-table th { text-align:left; padding:12px 10px; color:#465363; font-size:12px; font-weight:650; background:#fff; border-bottom:1px solid #e6e9ed; }
 .calls-reference .calls-followup-table td { padding:7px 10px; border-bottom:1px solid #e7ebef; color:#35404c; font-size:13px; line-height:1.5; vertical-align:middle; }
 .calls-reference .calls-followup-table tr:last-child td { border-bottom:0; }
 .calls-reference .calls-followup-table td>strong { color:#202831; font-size:13px; font-weight:700; }
 .calls-reference .calls-status { display:inline-flex; align-items:center; gap:6px; padding:5px 7px; border-radius:20px; font-size:11.5px; font-weight:550; line-height:1.4; white-space:nowrap; }
 .calls-reference .calls-status .calls-icon { width:16px; height:16px; }
 .calls-reference .calls-status.danger,.calls-reference .calls-next-action.danger { background:#ffeded; color:#952923; }
 .calls-reference .calls-status.success,.calls-reference .calls-next-action.success { background:#eaf7ef; color:#165532; }
 .calls-reference .calls-next-action { display:inline-block; padding:5px 7px; border-radius:4px; font-size:12px; font-weight:550; }
 .calls-reference .calls-category { display:inline-block; padding:3px 5px; border:1px solid #c9dfcf; border-radius:4px; background:#edf8f0; color:#204c31; font-size:11px; font-weight:650; white-space:nowrap; }
 .calls-reference .calls-row-open .calls-icon { width:16px; height:16px; }
 .calls-reference .card-cta .calls-icon { width:18px; height:18px; }
 .calls-reference .calls-row-open { display:inline-flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; min-width:90px; padding:6px 10px; border:1px solid #dce1e7; border-radius:4px; background:#fff; color:#252e38; font-size:12px; font-weight:650; }
 .calls-reference .calls-table-empty { padding:18px!important; text-align:center; }
 .calls-reference .calls-delegation>summary { min-height:44px; font-size:12px; padding:4px; }
 .calls-reference .calls-delegation .callback-delegation { display:grid; min-width:140px; gap:8px; padding:10px 0; }
 .calls-reference .calls-bottom-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .calls-reference :is(.calls-notes,.calls-good-practices) { padding:14px 16px; border:1px solid #eed793; border-radius:6px; background:#fff8e7; color:#6a4b13; }
 .calls-reference .calls-good-practices { background:#edf8f2; color:#155e37; border-color:#cce5d5; }
 .calls-reference .calls-bottom-panels header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 10px; }
 .calls-reference .calls-bottom-panels h2 { display:flex; align-items:center; gap:7px; font-size:15px; line-height:1.4; margin:0; font-weight:750; }
 .calls-reference .calls-panel-icon { display:grid; place-items:center; flex:0 0 27px; height:27px; border-radius:5px; background:#f8eac5; }
 .calls-reference .calls-good-practices .calls-panel-icon { background:#d9f0e4; }
 .calls-reference .calls-bottom-panels button { min-height:44px; padding:5px 8px; border:1px solid #e9dbae; border-radius:4px; background:#fff; color:#694e21; font-size:12px; font-weight:650; }
 .calls-reference .calls-bottom-panels ul { padding-left:16px; margin:0; font-size:13px; line-height:1.7; }
 .calls-reference .calls-bottom-panels li { margin:4px 0; }
 .calls-reference .calls-bottom-panels p { font-size:13px; line-height:1.6; margin:0 0 8px; }
 .calls-reference .calls-bottom-panels small { font-size:12px; line-height:1.5; opacity:1; }
 .calls-reference .calls-good-practices ul { list-style:none; padding:0; }
 .calls-reference .calls-good-practices li { display:flex; align-items:center; gap:7px; color:#2e573e; }
 .calls-reference .calls-good-practices li>span { display:grid; place-items:center; width:18px; height:18px; flex:0 0 18px; border-radius:50%; color:#fff; background:#006138; }
 .calls-reference .calls-good-practices li .calls-icon { width:13px; height:13px; }
 .calls-reference .call-laboratory { margin-top:0; padding:12px 0; border-color:#dce1e7; }
 .calls-reference .call-laboratory h2 { font-size:14px; }
 .calls-reference .call-laboratory .eyebrow { font-size:11px; }
 .calls-reference .call-laboratory p { font-size:12px; }
 .calls-reference .call-laboratory .flow-secondary { border-radius:4px; font-size:11px; }
 @media(min-width:851px) {
  body[data-workspace="calls"] .topbar { grid-template-columns:auto minmax(0,1fr) auto; }
  body[data-workspace="calls"] .topbar>.brand { grid-column:1; grid-row:1; }
  body[data-workspace="calls"] .topbar>.tabs { grid-column:2; grid-row:1; }
  body[data-workspace="calls"] .topbar>.topbar-account { grid-column:3; grid-row:1; justify-self:end; }
  body[data-workspace="calls"] .topbar-account>.account-switch-trigger { flex:0 0 172px; width:172px; min-width:172px; max-width:172px; }
  body[data-workspace="calls"] .topbar-account>.account-switch-trigger strong { max-width:none; white-space:normal; overflow-wrap:normal; line-height:1.4; }
  body[data-workspace="calls"] .topbar-account #logout { flex:0 0 86px; }
 }
 @media(min-width:1450px) {
  body[data-workspace="calls"] .topbar { padding-inline:32px; }
  body[data-workspace="calls"] .tabs button { font-size:14px; padding-inline:12px; }
  body[data-workspace="calls"] .brand img { width:150px; height:43px; }
  body[data-workspace="calls"] .account-switch-trigger { max-width:220px; }
 }
 @media(max-width:1100px) {
  body[data-workspace="calls"] .brand span { display:none; }
  body[data-workspace="calls"] .tabs button { padding-inline:7px; }
  body[data-workspace="calls"] .topbar-account { gap:5px; }
  .calls-reference .calls-verification-grid { flex-wrap:wrap; }
  .calls-reference .calls-progress-meter { flex:0 1 215px; margin-left:auto; }
  .calls-reference .calls-followup-table th,.calls-reference .calls-followup-table td { padding-inline:7px; }
 }
 @media(max-width:850px) {
  body[data-workspace="calls"] .topbar { grid-template-columns:auto minmax(0,1fr); padding:8px 16px; }
  body[data-workspace="calls"] .topbar-account { grid-column:2; grid-row:1; justify-self:end; }
  body[data-workspace="calls"] .tabs { grid-column:1/-1; grid-row:2; justify-content:space-between; flex-wrap:wrap; }
  body[data-workspace="calls"] .nav-group { flex:1; justify-content:space-between; }
  body[data-workspace="calls"] .tabs button { font-size:12px; }
  .calls-reference .calls-metric { padding:12px 10px; gap:8px; }
  .calls-reference .calls-metric-icon { flex-basis:30px; width:30px; height:30px; }
  .calls-reference .calls-day-metrics { gap:10px; }
  .calls-reference .calls-recap { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .calls-reference .calls-followup-table { font-size:13px; }
  .calls-reference .calls-followup-table thead { display:none; }
  .calls-reference .calls-followup-table tbody { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:10px; }
  .calls-reference .calls-followup-table tr { display:flex; flex-direction:column; min-width:0; padding:10px; border:1px solid var(--calls-line); border-radius:5px; }
  .calls-reference .calls-followup-table td { display:flex; align-items:start; justify-content:space-between; gap:10px; border:0; padding:5px 0; font-size:13px; }
  .calls-reference .calls-followup-table td::before { content:attr(data-column); color:var(--calls-muted); font-size:12px; flex:0 0 88px; }
  .calls-reference .calls-followup-table td[data-column="Actions"] { align-items:center; margin-top:4px; }
  .calls-reference .calls-followup-table td[colspan] { display:block; }
  .calls-reference .calls-followup-table td[colspan]::before { content:none; }
 }
 @media(max-width:650px) {
  body[data-workspace="calls"] main { padding:16px 14px 24px; }
  body[data-workspace="calls"] .topbar { padding:7px 12px; gap:6px 8px; grid-template-columns:80px minmax(0,1fr); }
  body[data-workspace="calls"] .brand img { width:80px; height:25px; }
  body[data-workspace="calls"] .topbar-account { flex-wrap:wrap; justify-content:flex-end; }
  body[data-workspace="calls"] .account-switch-trigger { max-width:160px; min-height:44px; padding:5px 7px; }
  body[data-workspace="calls"] #sync { display:none; }
  body[data-workspace="calls"] #logout { min-width:74px; font-size:9px; }
  body[data-workspace="calls"] .tabs { display:grid; grid-template-columns:1fr; gap:4px; }
  body[data-workspace="calls"] .nav-group { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; padding:0; }
  body[data-workspace="calls"] .nav-group+.nav-group { grid-template-columns:repeat(3,minmax(0,1fr)); border-left:0; border-top:1px solid #444; padding-top:4px; margin-top:0; }
  body[data-workspace="calls"] .tabs button { padding:6px 3px; font-size:11px; }
  body[data-workspace="calls"] .shell-location { margin-bottom:14px; gap:5px; }
  body[data-workspace="calls"] .shell-location>div { display:block; }
  body[data-workspace="calls"] #page-location { display:block; font-size:24px; }
  body[data-workspace="calls"] #scope-location { display:block; font-size:10px; margin-top:3px; }
  body[data-workspace="calls"] #read-freshness { font-size:10px; }
  body[data-workspace="calls"] .account-switch-read-only { display:block; padding:10px 12px 10px 46px; font-size:11px; }
  body[data-workspace="calls"] .account-switch-read-only strong { display:block; margin-bottom:3px; font-size:12px; }
  .calls-reference { gap:18px; }
  .calls-reference .calls-heading h2,.calls-reference .section-heading h2 { font-size:18px; }
  .calls-reference .calls-heading>span,.calls-reference .section-heading>span { font-size:12px; }
  .calls-reference .calls-primary .next-call-card { display:flex; min-height:0; padding:14px; gap:7px; }
  .calls-reference .calls-primary .call-company { font-size:25px; margin:1px 0 0; }
  .calls-reference .calls-primary .call-contact { font-size:14px; }
  .calls-reference .calls-primary .call-offer-fit { order:7; font-size:11px; }
  .calls-reference .calls-primary .call-source-freshness { order:6; font-size:11px; }
  .calls-reference .calls-primary .card-cta { order:8; width:100%; margin-top:4px; padding:11px 12px; min-height:44px; }
  .calls-reference .call-website-url { font-size:13px; }
  .calls-reference .calls-day-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .calls-reference .calls-metric { min-height:100px; padding:12px; gap:8px; }
  .calls-reference .calls-metric-label { font-size:12px; }
  .calls-reference .calls-metric strong { font-size:26px; }
  .calls-reference .calls-metric small { font-size:12px; }
  .calls-reference .calls-supply-action { grid-template-columns:32px minmax(0,1fr); gap:10px; padding:12px; }
  .calls-reference .calls-supply-icon { width:32px; height:32px; }
  .calls-reference .calls-supply-action>p { font-size:13px; }
  .calls-reference .call-batch-button { grid-column:1/-1; min-width:0; width:100%; font-size:12px; }
  .calls-reference .calls-supply-action .ui-disabled-reason { grid-column:1/-1; }
  .calls-reference .call-batch-progress { padding:12px; }
  .calls-reference .call-batch-progress>header { align-items:start; gap:4px; }
  .calls-reference .call-batch-progress>header>strong { font-size:13px; }
  .calls-reference .call-batch-progress>header>span { font-size:12px; }
  .calls-reference .calls-verification-grid { gap:12px; margin:14px 0 10px; }
  .calls-reference .call-batch-progress dl { flex-basis:100%; }
  .calls-reference .call-batch-progress dl>div { padding-inline:8px; }
  .calls-reference .call-batch-progress dt { font-size:12px; line-height:1.4; }
  .calls-reference .call-batch-progress dd { display:block; font-size:25px; }
  .calls-reference .calls-state-chip { display:flex; width:fit-content; margin-top:4px; font-size:11px; }
  .calls-reference .calls-progress-meter { flex-basis:100%; }
  .calls-reference .calls-next .queue-list { grid-template-columns:1fr; gap:12px; }
  .calls-reference .calls-next .queue-card { min-height:224px; padding:14px; }
  .calls-reference .calls-recap { gap:8px; }
  .calls-reference .calls-recap .calls-metric { min-height:72px; padding:8px; gap:7px; }
  .calls-reference .calls-recap .calls-metric-label { font-size:11.5px; }
  .calls-reference .calls-recap .calls-metric strong { font-size:20px; }
  .calls-reference .calls-followup-table tbody { grid-template-columns:1fr; }
  .calls-reference .calls-bottom-panels { grid-template-columns:1fr; gap:12px; }
  .calls-reference .calls-bottom-panels h2 { font-size:14px; }
  .calls-reference .calls-bottom-panels button { font-size:12px; }
  .calls-reference .call-laboratory>header { align-items:center; }
  .calls-reference .call-laboratory .flow-secondary { width:auto; }
 }
}

/* Call record is a document view under the application header, not an overlay. */
@layer components {
 body.has-call-record-page #view { display:none; }
 body.has-call-record-page #shell-location>div { display:none; }
 body.has-call-record-page #shell-location { margin-bottom:18px; align-items:center; }
 #call-record-page { min-width:0; width:100%; }
 #call-record-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#526070; font-size:12px; }
 #call-record-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; padding:4px 0; color:#1d2935; text-decoration:none; font-weight:600; }
 #call-record-breadcrumb a:hover { text-decoration:underline; }
 #call-record-breadcrumb [aria-current=page] { color:#1b232d; font-weight:600; }
 #deal-dialog[data-presentation="page"] { position:static; inset:auto; display:none; width:100%; max-width:none; min-width:0; height:auto; max-height:none; margin:0; padding:0; border:0; border-radius:0; overflow:visible; color:#1c2530; background:transparent; box-shadow:none; }
 #deal-dialog[data-presentation="page"][open] { display:block; }
 #deal-dialog[data-presentation="page"] #deal-dialog-content { padding:0; }
 #deal-dialog[data-presentation="page"] .calls-icon { display:block; flex:0 0 auto; width:18px; height:18px; overflow:visible; }
 .call-record-shell { --record-line:#dce2e9; --record-soft:#526070; --record-ink:#19212b; }
 .call-record-header { position:relative; margin-bottom:20px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 18px; }
 .call-record-header .dialog-head { display:contents; }
 .call-record-header .dialog-head>div:first-child { grid-column:1; grid-row:1; }
 .call-record-header h2 { margin:0 0 7px; font-size:28px; font-weight:750; line-height:1.2; letter-spacing:-.025em; color:#151c24; }
 .call-record-header [data-call-contact],.call-record-header .dialog-head p { margin:0; color:#526070; font-size:13px; line-height:1.6; max-width:72ch; }
 .call-record-header [data-call-route] { font-size:12px; margin-top:4px; }
 .call-record-header .live-call-head-actions { grid-column:2; grid-row:1; display:flex; justify-content:flex-end; align-items:start; gap:8px; }
 .call-record-top-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; grid-column:2; justify-content:flex-end; }
 .call-record-tags { display:flex; align-items:center; flex-wrap:wrap; gap:8px; grid-column:1; grid-row:2; }
 .call-record-tags>span { display:inline-flex; align-items:center; padding:5px 8px; border:1px solid #d8e7dc; border-radius:4px; color:#21533c; background:#edf7f1; font-size:11px; font-weight:600; }
 .call-record-readonly { grid-column:1/-1; margin:0; padding:10px 12px; color:#71501d; border:1px solid #efdaa0; border-radius:5px; background:#fff8e4; font-size:12px; line-height:1.5; }
 .call-record-grid { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr); align-items:start; gap:18px; }
 .call-record-main,.call-record-sidebar { display:grid; gap:14px; min-width:0; }
 .call-record-tabs { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
 .call-record-tabs button { min-height:44px; padding:8px 12px; border:1px solid #d8dee6; border-radius:4px; color:#455263; background:#f8f9fb; font-size:12px; font-weight:600; }
 .call-record-tabs button[aria-current="true"] { color:#fff; border-color:#171a18; background:#171a18; }
 .call-record-panel { padding:16px; border:1px solid var(--record-line); border-radius:6px; background:#fff; min-width:0; }
 .call-record-panel h3 { color:#19212b; font-size:16px; line-height:1.4; font-weight:700; margin:0 0 14px; }
 .call-record-panel>header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
 .call-record-panel>header h3 { margin:0; }
 .call-record-shell :is(button,a.primary-action,a.secondary-action) { min-height:44px; max-width:100%; min-width:44px; padding:9px 12px; border-radius:4px; font-size:12px; line-height:1.45; }
 .call-record-top-actions :is(a,button),.call-record-shortcuts :is(a,button) { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#253343; border:1px solid var(--record-line); background:#fff; text-decoration:none; }
 .call-record-header :is(.crm-contact-trigger,.secondary-action) { border:1px solid var(--record-line); background:#fff; color:#253343; }
 .call-record-key-facts dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
 .call-record-key-facts dl>div { padding:12px; border:1px solid #e4e8ed; border-radius:5px; background:#f8f9fb; }
 .call-record-key-facts dt { display:flex; align-items:center; gap:7px; margin:0 0 7px; color:#526070; font-size:12px; }
 .call-record-key-facts dd { margin:0; color:#23303f; font-size:13px; line-height:1.6; font-weight:550; }
 .call-record-key-facts>p { font-size:11px; color:#596674; margin:10px 0 0; line-height:1.5; }
 .call-record-info dl { display:grid; margin:0; }
 .call-record-info dl>div { display:grid; grid-template-columns:86px minmax(0,1fr); gap:10px; padding:9px 0; border-bottom:1px solid #e9edf2; }
 .call-record-info dl>div:last-child { border:0; }
 .call-record-info dt { font-size:12px; color:#576476; }
 .call-record-info dd { margin:0; color:#26313d; font-size:12px; font-weight:500; line-height:1.6; overflow-wrap:anywhere; }
 .call-record-info dd a { display:flex; flex-wrap:wrap; align-items:center; gap:5px; color:#244a36; text-decoration:underline; }
 .call-record-info dd a .calls-icon { width:14px; height:14px; }
 .call-record-info>header button { padding:8px; font-size:11px; }
 #deal-dialog[data-presentation="page"] .script-block { border:1px solid #171a18; border-radius:6px; padding:20px; margin:0; background:#171a18; color:#fff; }
 .call-record-script-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; }
 .call-record-script-header strong { font-size:12px; font-weight:650; color:#e1e8e3; text-transform:uppercase; letter-spacing:.05em; }
 .call-record-script-header button { border:1px solid #65776a; background:#25302a; color:#fff; min-height:44px; padding:8px 10px; font-size:11px; }
 #deal-dialog[data-presentation="page"] .script-prequalification { margin:0 0 14px; background:#26332c; border:1px solid #576d5e; border-radius:4px; padding:7px 10px; color:#e4ebe6; font-size:12px; }
 #deal-dialog[data-presentation="page"] .call-recipient-switch { margin:0 0 14px; }
 #deal-dialog[data-presentation="page"] .call-recipient-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 #deal-dialog[data-presentation="page"] .call-recipient-choice { padding:10px 12px; min-height:44px; border:1px solid #748177; color:#e8eee9; background:#25312a; border-radius:4px; }
 #deal-dialog[data-presentation="page"] .call-recipient-choice.is-active { color:#14261c; background:#e6f3eb; border-color:#e6f3eb; }
 #deal-dialog[data-presentation="page"] .call-recipient-choice small { color:inherit; font-size:12px; }
 #deal-dialog[data-presentation="page"] .direct-recipient-panel { background:transparent; padding:0; border:0; color:#fff; }
 #deal-dialog[data-presentation="page"] .decision-maker-name { color:#e2e8e3; font-size:12px; max-width:none; }
 #deal-dialog[data-presentation="page"] .decision-maker-name input { color:#fff; background:#222f27; border-color:#738777; border-radius:4px; min-height:44px; }
 #deal-dialog[data-presentation="page"] [data-canonical-speech],#deal-dialog[data-presentation="page"] [data-canonical-gatekeeper-speech] { color:#fff; font-size:16px; line-height:1.75; white-space:pre-wrap; margin:14px 0 0; }
 #deal-dialog[data-presentation="page"] [data-readonly-call-script] blockquote { color:#fff; font-size:16px; line-height:1.75; margin:0; white-space:pre-wrap; }
 #deal-dialog[data-presentation="page"] .script-proof-note { color:#c8d6cd; font-size:11px; line-height:1.6; }
 #deal-dialog[data-presentation="page"] .gatekeeper-panel { color:#fff; background:#202e25; border-color:#718475; }
 #deal-dialog[data-presentation="page"] .gatekeeper-panel h3,#deal-dialog[data-presentation="page"] .gatekeeper-panel label { color:#fff; }
 #deal-dialog[data-presentation="page"] .call-preparation { border:1px solid var(--record-line); border-radius:6px; padding:0 14px; margin:0; background:#fff; scroll-margin-top:18px; }
 #deal-dialog[data-presentation="page"] .call-preparation>summary { min-height:44px; padding:12px 0; font-size:13px; font-weight:650; color:#273545; }
 #deal-dialog[data-presentation="page"] .company-brief { border:0; border-radius:0; margin:0; padding:12px 0; background:#fff; }
 #deal-dialog[data-presentation="page"] .company-brief p,#deal-dialog[data-presentation="page"] .company-brief strong { color:#354355; font-size:13px; line-height:1.6; }
 #deal-dialog[data-presentation="page"] .company-brief a { color:#225c3c; font-size:12px; }
 #deal-dialog[data-presentation="page"] .call-objection-heading { margin:2px 0 0; color:#1e2a35; font-size:18px; font-weight:700; scroll-margin-top:18px; }
 #deal-dialog[data-presentation="page"] .not-interested-recovery { padding:16px; border:1px solid #d8dfe8; border-radius:6px; background:#fff; }
 #deal-dialog[data-presentation="page"] .not-interested-recovery>span { color:#4b596a; font-size:11px; font-weight:650; letter-spacing:.03em; }
 #deal-dialog[data-presentation="page"] .not-interested-recovery blockquote { font-size:19px; color:#17212c; line-height:1.5; font-weight:650; margin:12px 0 14px; }
 #deal-dialog[data-presentation="page"] .live-objection-desk { margin:0; padding:12px 14px; border:1px solid var(--record-line); border-radius:6px; background:#fff; }
 #deal-dialog[data-presentation="page"] .call-objection-search { display:grid; gap:6px; color:#526070; font-size:12px; margin-bottom:12px; }
 #deal-dialog[data-presentation="page"] .call-objection-search input { min-height:44px; border:1px solid #aeb9c6; border-radius:4px; background:#fff; }
 #deal-dialog[data-presentation="page"] .live-objection-card { border:0; border-bottom:1px solid #e1e7ef; border-radius:0; background:#fff; margin:0; }
 #deal-dialog[data-presentation="page"] .live-objection-card summary { color:#243241; padding:12px 3px; min-height:44px; font-size:13px; font-weight:600; }
 #deal-dialog[data-presentation="page"] .live-objection-response { padding:12px 3px; }
 #deal-dialog[data-presentation="page"] .live-objection-response blockquote { margin:0; font-size:14px; line-height:1.7; color:#243140; }
 #deal-dialog[data-presentation="page"] .live-objection-actions { display:flex; flex-wrap:wrap; gap:8px; padding:10px 0; margin:0; }
 #deal-dialog[data-presentation="page"] .live-objection-actions button { flex:1 1 170px; border:1px solid #c8d0da; }
 .call-record-sidebar .call-record-phone-actions { display:grid; gap:8px; padding:14px; border:1px solid var(--record-line); border-radius:6px; background:#fff; margin:0; }
 .call-record-sidebar .call-record-phone-actions .disabled { display:block; font-size:12px; color:#6b501d; background:#fff4dc; border:1px solid #e4cf99; border-radius:4px; line-height:1.5; padding:10px; }
 #deal-dialog[data-presentation="page"] .call-record-followup { margin:0; padding:16px; border:1px solid var(--record-line); border-radius:6px; color:#233140; background:#fff; }
 .call-record-followup h3 { color:#1e2935; font-size:16px; font-weight:700; margin:0; }
 .call-record-followup header { display:flex; gap:10px; justify-content:space-between; margin-bottom:14px; }
 .call-record-followup header .eyebrow { display:none; }
 .call-record-followup header>span { font-size:11px; color:#556171; }
 .call-record-followup label { display:grid; gap:6px; font-size:12px; line-height:1.5; margin:10px 0; color:#384655; }
 .call-record-followup input,.call-record-followup textarea,.call-record-followup select { width:100%; min-width:0; min-height:44px; border:1px solid #aeb9c6; border-radius:4px; padding:9px 10px; font-size:13px; color:#23303e; background:#fff; }
 .call-record-followup .dictation-field { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px; }
 .call-record-followup .dictation-button { align-self:start; padding:7px; min-width:44px; font-size:10px; }
 .call-record-followup small,.call-record-followup .post-call-rule { color:#536071; font-size:11px; line-height:1.6; }
 #deal-dialog[data-presentation="page"] .simple-outcome-grid { display:grid; grid-template-columns:1fr; gap:7px; margin:12px 0; }
 #deal-dialog[data-presentation="page"] .simple-outcome-grid button { font-size:12px; }
 .call-record-shortcuts { display:grid; gap:8px; }
 .call-record-shortcuts h3 { margin-bottom:4px; }
 .call-record-practices { background:#fff8e5; border-color:#edd99e; color:#634b19; }
 .call-record-practices h3 { display:flex; gap:8px; align-items:center; color:#70521c; }
 .call-record-practices ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; font-size:12px; line-height:1.6; }
 .call-record-practices li { display:flex; align-items:start; gap:8px; }
 .call-record-practices li .calls-icon { width:16px; height:16px; color:#13623e; margin-top:2px; }
 .call-record-readonly-tail { margin:0; border:1px solid #ebcccc; border-radius:6px; padding:12px; color:#812f2e; background:#fff0ef; font-size:12px; line-height:1.6; }
 #deal-dialog[data-presentation="page"] .call-step-panel { margin:0; padding:16px; border:1px solid var(--record-line); border-radius:6px; color:#293644; background:#fff; }
 #deal-dialog[data-presentation="page"] .meeting-capture-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 #deal-dialog[data-presentation="page"] .meeting-capture-form .wide { grid-column:1/-1; }
 #deal-dialog[data-presentation="page"] .meeting-capture-form label { color:#364353; font-size:13px; }
 #deal-dialog[data-presentation="page"] .meeting-capture-form :is(input,textarea) { border:1px solid #aeb9c6; border-radius:4px; background:#fff; padding:10px; font-size:14px; }
 #deal-dialog[data-presentation="page"] .meeting-capture-form>button { grid-column:1/-1; }
 #deal-dialog[data-presentation="page"] .call-saving { position:fixed; inset:auto 20px 20px auto; width:min(320px,calc(100% - 40px)); }
 .calls-reference article.next-call-card,.calls-reference article.queue-card { cursor:default; }
 .calls-reference article .call-website-url { width:fit-content; text-decoration:underline; text-underline-offset:3px; }
 .calls-reference article .call-website-url:hover { text-decoration-thickness:2px; }
 .calls-reference article .card-cta { cursor:pointer; }
 @media(max-width:1020px) {
  .call-record-header { grid-template-columns:1fr; }
  .call-record-header .live-call-head-actions,.call-record-top-actions { grid-column:1; grid-row:auto; justify-content:flex-start; }
  .call-record-tags { grid-row:auto; }
  .call-record-grid { grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr); gap:14px; }
 }
 @media(max-width:760px) {
  .call-record-grid { grid-template-columns:1fr; gap:16px; }
  .call-record-sidebar { grid-template-columns:1fr; }
  .call-record-header h2 { font-size:26px; }
  .call-record-tabs { display:grid; grid-template-columns:1fr 1fr 1fr; gap:4px; }
  .call-record-tabs button { padding:8px 5px; font-size:11px; }
  .call-record-key-facts dl { grid-template-columns:1fr; }
  #deal-dialog[data-presentation="page"] .script-block { padding:16px; }
  #deal-dialog[data-presentation="page"] [data-canonical-speech] { font-size:15px; }
  #deal-dialog[data-presentation="page"] .not-interested-recovery blockquote { font-size:17px; }
  #deal-dialog[data-presentation="page"] .call-recipient-grid { gap:5px; }
  #deal-dialog[data-presentation="page"] .call-recipient-choice { font-size:12px; padding:8px; }
  .call-record-script-header { gap:8px; }
  .call-record-script-header strong { font-size:11px; }
  .call-record-info dl>div { grid-template-columns:90px minmax(0,1fr); }
 }
}


@layer components {
 .call-record-schedule {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid #c0dfcd;border-radius:6px;background:#edf8f2;color:#155533;}
 .call-record-schedule>div {display:grid;gap:5px;}
 .call-record-schedule span {font-size:12px;font-weight:650;}
 .call-record-schedule strong {font-size:18px;line-height:1.4;}
 .call-record-schedule small {font-size:12px;}
 .call-record-schedule.is-overdue {color:#8c342f;background:#fff0ee;border-color:#ebcfcb;}
 .call-record-schedule button {min-height:44px;font-size:12px;border:1px solid #a9c7b4;border-radius:4px;background:#fff;color:#245b3e;padding:9px 12px;}
 .call-record-history ol {display:grid;gap:14px;margin:0;padding:0;list-style:none;}
 .call-record-history li {border-left:2px solid #cadbd0;padding-left:12px;display:grid;gap:5px;}
 .call-record-history li strong {font-size:12px;color:#233246;}
 .call-record-history li>span {font-size:11px;color:#536171;}
 .call-record-history p,.call-record-attempt-summary p {font-size:13px;line-height:1.6;margin:4px 0;color:#364556;}
 #deal-dialog[data-presentation="page"] .unanswered-queue {margin:0;padding:0;border:0;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-card {padding:16px;border:1px solid #dce2e9;border-radius:6px;background:#fff;box-shadow:none;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-actions {display:flex;flex-wrap:wrap;gap:8px;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-actions button {flex:1 1 160px;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-meta {font-size:12px;color:#455467;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-later-form {background:#f7f9fb;border:1px solid #dce2e9;border-radius:4px;padding:12px;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-later-form label {font-size:12px;color:#435269;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-later-form input {border-radius:4px;background:#fff;border:1px solid #aeb9c6;min-height:44px;}
 @media(max-width:760px){.call-record-tabs {grid-template-columns:repeat(2,minmax(0,1fr));}.call-record-schedule {align-items:flex-start;flex-direction:column;}}
}


@layer components {
 body.has-call-record-page #sync.account-identity {display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;width:172px;min-width:172px;height:auto;min-height:44px;padding:6px 10px;box-sizing:border-box;border:1px solid #44584a;border-radius:4px;background:#161b18;font-size:11px;}
 body.has-call-record-page #sync.account-identity::after {content:none;}
 body.has-call-record-page #sync.account-identity>.account-switch-light {display:block;width:8px;height:8px;border-radius:50%;margin:0;background:#b9cfbe;}
 body.has-call-record-page #sync.account-identity strong {font-size:11px;line-height:1.4;color:#fff;max-width:none;white-space:normal;overflow-wrap:normal;}
 body.has-call-record-page #sync.account-identity small {font-size:9px;color:#c5d1c8;}
 #deal-dialog[data-presentation="page"] .live-objection-actions {position:static;inset:auto;background:transparent;}
 #deal-dialog[data-presentation="page"] .script-block>span,#deal-dialog[data-presentation="page"] .script-block .eyebrow {color:#d2e1d7;font-size:12px;}
 #deal-dialog[data-presentation="page"] .call-website-proof>a {color:#225b3d;background:#f0f7f2;border:1px solid #bfd3c5;padding:9px 12px;}
 .call-record-info>header .crm-contact-trigger {min-width:100px;white-space:nowrap;flex:0 0 auto;}
 .call-record-followup .dictation-field textarea {min-height:128px;line-height:1.6;resize:vertical;overflow:auto;}
 .call-record-info dd a {word-break:normal;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-datetime-fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;}
 #deal-dialog[data-presentation="page"] .unanswered-queue-datetime-fields input {width:100%;box-sizing:border-box;}
 @media(max-width:650px){body.has-call-record-page #sync.account-identity {display:none;}.call-record-followup .dictation-field {grid-template-columns:1fr;}.call-record-followup .dictation-button {justify-self:start;}}
}

/* User reference palette: yellow / green / red states only.
   Preserve dimensions, typography, black cards, navigation and all workflows. */
@layer components {
 body[data-workspace="calls"] {
  --call-green:#005934;
  --call-green-bg:#ecf8f0;
  --call-green-border:#c6e5d4;
  --call-green-icon:#d9f0e2;
  --call-yellow:#68470d;
  --call-yellow-bg:#fff7e2;
  --call-yellow-border:#efca55;
  --call-yellow-icon:#f8e9bc;
  --call-red:#ad2428;
  --call-red-bg:#ffebed;
  --call-red-border:#f0c5c8;
 }
 .calls-reference {
  --calls-green:var(--call-green);
  --calls-green-soft:var(--call-green-bg);
  --calls-red:var(--call-red);
  --calls-red-soft:var(--call-red-bg);
  --calls-amber:var(--call-yellow);
  --calls-amber-soft:var(--call-yellow-bg);
 }
 body[data-workspace="calls"] .account-switch-read-only {
  color:var(--call-yellow);
  background:var(--call-yellow-bg);
  border-color:var(--call-yellow-border);
 }
 body[data-workspace="calls"] .account-switch-read-only::before {
  color:var(--call-yellow);
  background:var(--call-yellow-icon);
 }
 .calls-reference .card-topline .badge:is(.overdue,.danger) {
  color:var(--call-red);background:var(--call-red-bg);
 }
 .calls-reference .card-topline .badge:is(.today,.warning) {
  color:var(--call-yellow);background:var(--call-yellow-bg);
 }
 .calls-reference .card-topline .badge:is(.future,.success,.scheduled,.upcoming) {
  color:var(--call-green);background:var(--call-green-bg);
 }
 .calls-reference .calls-metric.is-green {border-color:var(--call-green-border);}
 .calls-reference .is-green .calls-metric-icon {background:var(--call-green-icon);}
 .calls-reference .calls-state-chip.success {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 .calls-reference .calls-state-chip.danger {
  color:var(--call-red);background:var(--call-red-bg);border-color:var(--call-red-border);
 }
 .calls-reference .calls-progress-meter progress,
 .calls-reference progress::-webkit-progress-bar {background:var(--call-green-icon);}
 .calls-reference progress::-webkit-progress-value {background:var(--call-green);}
 .calls-reference progress::-moz-progress-bar {background:var(--call-green);}
 .calls-reference .calls-recap .is-red {border-color:var(--call-red-border);}
 .calls-reference .calls-recap .is-red .calls-metric-icon {background:#fbd4d8;}
 .calls-reference .calls-recap .is-amber {border-color:var(--call-yellow-border);}
 .calls-reference .calls-recap .is-amber .calls-metric-icon {background:var(--call-yellow-icon);}
 .calls-reference .calls-status.danger,.calls-reference .calls-next-action.danger {
  color:var(--call-red);background:var(--call-red-bg);
 }
 .calls-reference .calls-status.success,.calls-reference .calls-next-action.success {
  color:var(--call-green);background:var(--call-green-bg);
 }
 .calls-reference .calls-category {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 .calls-reference .calls-notes {
  color:var(--call-yellow);background:var(--call-yellow-bg);border-color:var(--call-yellow-border);
 }
 .calls-reference .calls-notes .calls-panel-icon {background:var(--call-yellow-icon);}
 .calls-reference .calls-good-practices {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 .calls-reference .calls-good-practices .calls-panel-icon {background:var(--call-green-icon);}
 .calls-reference .calls-good-practices li>span {background:var(--call-green);}
 .calls-reference .calls-followup-toolbar button[aria-pressed="true"] {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] {
  --green-soft:var(--call-green-bg);
  --mint:var(--call-green-bg);
 }
 #deal-dialog[data-presentation="page"] .call-record-tags>span:not(.badge) {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .badge:is(.overdue,.danger) {
  color:var(--call-red);background:var(--call-red-bg);border-color:var(--call-red-border);
 }
 #deal-dialog[data-presentation="page"] .badge:is(.today,.warning) {
  color:var(--call-yellow);background:var(--call-yellow-bg);border-color:var(--call-yellow-border);
 }
 #deal-dialog[data-presentation="page"] .badge:is(.scheduled,.upcoming,.future,.success) {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .call-recipient-choice.is-active {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .gatekeeper-name-capture,
 #deal-dialog[data-presentation="page"] .gatekeeper-responsible {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .gatekeeper-name-capture>span,
 #deal-dialog[data-presentation="page"] .gatekeeper-name-capture small,
 #deal-dialog[data-presentation="page"] .gatekeeper-responsible label>span {
  color:var(--call-green);
 }
 #deal-dialog[data-presentation="page"] .gatekeeper-callback,
 #deal-dialog[data-presentation="page"] .gatekeeper-email {
  color:#26313b;background:#fff;border-color:#dce2e9;
 }
 #deal-dialog[data-presentation="page"] .gatekeeper-callback :is(span,small,label),
 #deal-dialog[data-presentation="page"] .gatekeeper-email strong {color:#35404c;}
 #deal-dialog[data-presentation="page"] .gatekeeper-name-capture input,
 #deal-dialog[data-presentation="page"] .gatekeeper-responsible input {
  color:#26313b;background:#fff;border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .recipient-swap-note,
 #deal-dialog[data-presentation="page"] .call-flow-message.success {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .call-record-readonly,
 #deal-dialog[data-presentation="page"] .call-record-phone-actions .disabled,
 #deal-dialog[data-presentation="page"] .gatekeeper-guardrail,
 #deal-dialog[data-presentation="page"] .gatekeeper-memory-reminder {
  color:var(--call-yellow);background:var(--call-yellow-bg);border-color:var(--call-yellow-border);
 }
 #deal-dialog[data-presentation="page"] .gatekeeper-memory-reminder span {
  color:var(--call-yellow);background:var(--call-yellow-icon);
 }
 #deal-dialog[data-presentation="page"] .call-record-practices {
  color:var(--call-yellow);background:var(--call-yellow-bg);border-color:var(--call-yellow-border);
 }
 #deal-dialog[data-presentation="page"] .call-record-practices h3 {color:var(--call-yellow);}
 #deal-dialog[data-presentation="page"] .call-record-practices li .calls-icon {color:var(--call-green);}
 #deal-dialog[data-presentation="page"] .call-record-readonly-tail,
 #deal-dialog[data-presentation="page"] .call-flow-message.error {
  color:var(--call-red);background:var(--call-red-bg);border-color:var(--call-red-border);
 }
 #deal-dialog[data-presentation="page"] .call-record-schedule {
  color:var(--call-green);background:var(--call-green-bg);border-color:var(--call-green-border);
 }
 #deal-dialog[data-presentation="page"] .call-record-schedule.is-overdue {
  color:var(--call-red);background:var(--call-red-bg);border-color:var(--call-red-border);
 }
 #deal-dialog[data-presentation="page"] .call-record-schedule button {
  color:var(--call-green);border-color:var(--call-green-border);
 }
}

/* Shared reference composition. Changes confined to the requested four pages.
   Vivid green extends only the already explicit call semantic accents. */
@layer components {
 body[data-workspace="calls"] {
  --call-green:#006d32;--call-green-bg:#d4f7e0;--call-green-border:#48c97d;--call-green-icon:#b5efcd;
 }
 .calls-reference .calls-card-dark .call-offer-fit,.calls-reference .calls-primary .call-offer-fit {
  color:#f4fff7;background:#087b3e;border-color:#40df83;
 }
 .calls-reference .calls-card-dark .calls-card-stage i,.calls-reference .calls-primary .calls-card-stage i {
  color:#e9fff1;border-color:#40df83;background:#134c2d;
 }
 #deal-dialog[data-presentation="page"] .call-recipient-choice.is-active {
  color:#00572b;background:#b5efcd;border-color:#39c973;
 }
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) {background:#f5f6f8;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) main {box-sizing:border-box;width:min(1440px,100%);max-width:100%;padding:22px clamp(16px,3.6vw,44px) 36px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar {min-height:62px;padding:8px 22px;gap:10px;background:#000;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .brand img {width:124px;height:36px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .brand {gap:8px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .brand span {font-size:10px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .tabs {flex-wrap:nowrap;justify-content:center;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .nav-group {gap:0;padding:0 4px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .tabs button {font-size:12px;min-height:44px;padding:7px 9px;border-radius:4px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar-account {display:flex;width:auto;flex-wrap:nowrap;gap:8px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar-account>.account-switch-trigger {flex:0 0 172px;width:172px;min-width:172px;max-width:172px;min-height:44px;border-radius:4px;font-size:11px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .account-switch-trigger strong {font-size:11px;max-width:none;white-space:normal;overflow-wrap:normal;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .account-switch-trigger small {font-size:9px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) #logout {min-height:44px;min-width:86px;padding:6px 8px;border-radius:4px;font-size:11px;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .shell-location {padding:0;margin:0 0 18px;min-height:28px;border:0;align-items:center;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) #page-location {font-size:25px;line-height:1.3;font-weight:750;letter-spacing:-.025em;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) :is(#scope-location,#read-freshness) {font-size:11px;color:#526070;}
 body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .account-switch-read-only {border-radius:6px;background:#fff7e2;border-color:#efca55;color:#68470d;padding:12px 16px;font-size:12px;}
 .reference-workspace {--ref-ink:#1c2530;--ref-muted:#536172;--ref-line:#dce2e9;--ref-green:#006d32;--ref-green-bg:#d4f7e0;--ref-green-border:#48c97d;--ref-yellow:#78551b;--ref-yellow-bg:#fff7e2;--ref-red:#ad2428;--ref-red-bg:#ffebed;display:grid;gap:20px;color:var(--ref-ink);}
 .reference-workspace .calls-icon {display:block;flex:0 0 auto;width:20px;height:20px;}
 .reference-workspace .section {margin:0;}
 .reference-workspace .section-heading {margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
 .reference-workspace .section-heading h2 {margin:0;font-size:20px;line-height:1.4;letter-spacing:-.015em;font-weight:750;}
 .reference-workspace .section-heading>span {font-size:12px;color:var(--ref-muted);}
 .ref-kpis {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
 .ref-kpi {display:flex;gap:12px;align-items:flex-start;min-height:116px;padding:16px 14px;background:#fff;border:1px solid var(--ref-line);border-radius:6px;}
 .ref-kpi-icon {display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:7px;background:#f0f3f5;color:#273442;}
 .ref-kpi-copy {min-width:0;display:grid;gap:5px;}
 .ref-kpi-copy>span {font-size:12px;font-weight:550;line-height:1.4;color:#465365;}
 .ref-kpi-copy>strong {font-size:28px;line-height:1.25;font-weight:750;letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:#18222b;}
 .ref-kpi-copy>small {font-size:11px;line-height:1.5;color:var(--ref-muted);}
 .ref-kpi.is-green {border-color:var(--ref-green-border);background:var(--ref-green-bg);}
 .ref-kpi.is-green .ref-kpi-icon {background:#b5efcd;color:var(--ref-green);}
 .ref-kpi.is-green strong {color:var(--ref-green);}
 .ref-kpi.is-amber {border-color:#e8d093;background:var(--ref-yellow-bg);}
 .ref-kpi.is-amber .ref-kpi-icon {background:#f6e5b5;color:var(--ref-yellow);}
 .ref-kpi.is-red {border-color:#ecc6cb;background:var(--ref-red-bg);}
 .ref-kpi.is-red .ref-kpi-icon {background:#fbd4d8;color:var(--ref-red);}
 .ref-kpi.is-red strong {color:var(--ref-red);}
 .reference-workspace .badge {border-radius:4px;font-size:11px;line-height:1.4;padding:4px 7px;letter-spacing:0;}
 .reference-workspace .badge.success {color:var(--ref-green);background:var(--ref-green-bg);}
 .reference-workspace .badge.warning {color:var(--ref-yellow);background:var(--ref-yellow-bg);}
 .reference-workspace .badge.danger {color:var(--ref-red);background:var(--ref-red-bg);}
 .reference-workspace .badge.neutral {color:#465568;background:#eef1f4;}
 .reference-workspace :is(.flow-primary,.primary-action) {background:#171717;color:#fff;}
 .reference-workspace :is(.flow-secondary,.secondary-action) {color:#263442;background:#fff;border-color:var(--ref-line);}
 .reference-workspace :is(button,summary,a.primary-action,a.secondary-action) {min-height:44px;border-radius:4px;font-size:12px;}
 .ref-toolbar {display:flex;align-items:end;flex-wrap:wrap;gap:12px;}
 .ref-toolbar label {display:grid;gap:6px;min-width:180px;font-size:12px;color:var(--ref-muted);}
 .ref-toolbar select {min-height:44px;border:1px solid #b8c3d0;border-radius:4px;padding:9px 12px;background:#fff;color:#293643;font-size:13px;}
 .ref-toolbar button {display:flex;align-items:center;gap:8px;margin-left:auto;padding:9px 12px;}
 .ref-scope-caption {color:var(--ref-muted);font-size:12px;line-height:1.6;margin:0;}
 .ref-context-note {display:flex;align-items:center;gap:12px;margin:0;padding:12px 16px;border:1px solid #edd28b;border-radius:6px;background:#fff7e2;color:#6e511b;font-size:12px;line-height:1.6;}
 .ref-bottom-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
 .ref-notes,.ref-practices {padding:16px;border:1px solid #edd28b;border-radius:6px;background:#fff7e2;color:#6e511b;}
 .ref-practices {color:#235438;border-color:#aaddba;background:#e2f8e9;}
 .ref-bottom-grid header {display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;}
 .ref-bottom-grid h2 {display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:750;line-height:1.4;}
 .ref-bottom-grid p,.ref-bottom-grid li {font-size:12px;line-height:1.7;margin:4px 0;}
 .ref-bottom-grid small {font-size:11px;line-height:1.6;}
 .ref-bottom-grid ul {padding-left:16px;margin:0;}
 .ref-practices ul {list-style:none;padding:0;}
 .ref-practices li {display:flex;align-items:center;gap:8px;}
 .ref-practices li>span {display:grid;place-items:center;background:#078343;color:#fff;width:16px;height:16px;flex:0 0 16px;border-radius:50%;}
 .ref-practices li .calls-icon {width:12px;height:12px;}
 .reference-workspace .performance-table-wrap {max-width:100%;border:1px solid var(--ref-line);border-radius:6px;background:#fff;overflow-x:auto;}
 .reference-workspace .performance-table-wrap table {width:100%;border-collapse:collapse;font-size:13px;}
 .reference-workspace .performance-table-wrap th {padding:12px 10px;background:#f9fafb;color:#536071;text-align:left;font-size:12px;font-weight:650;border-bottom:1px solid #e3e8ee;}
 .reference-workspace .performance-table-wrap td {padding:10px;border-bottom:1px solid #e9edf2;color:#344253;font-size:13px;line-height:1.5;}
 .reference-workspace .performance-table-wrap td strong {color:#202b37;}
 .reference-workspace .performance-table-wrap td>span {display:block;font-size:11px;color:#5b6878;}
 .reference-workspace .performance-table-wrap td button {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:75px;border:1px solid #dce2e9;background:#fff;color:#293743;padding:8px;}
 .reference-workspace .empty,.reference-workspace .empty-focus {min-height:100px;background:#fff;border:1px dashed #c9d3de;border-radius:6px;color:#526070;padding:20px;font-size:13px;text-align:left;}
 .reference-workspace .empty-focus strong {font-size:16px;line-height:1.4;display:block;color:#273544;}
 .reference-workspace .empty-focus p {margin:7px 0 0;font-size:13px;line-height:1.6;}
 .ref-source-color-0 {background-color:#0c9250;}.ref-source-color-1 {background-color:#24302a;}.ref-source-color-2 {background-color:#e7b32c;}.ref-source-color-3 {background-color:#47779a;}.ref-source-color-4 {background-color:#91cba6;}.ref-source-color-5 {background-color:#af695d;}.ref-source-color-6 {background-color:#a6b0bb;}
 @media(min-width:851px){
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar {grid-template-columns:auto minmax(0,1fr) auto;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar>.brand {grid-column:1;grid-row:1;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar>.tabs {grid-column:2;grid-row:1;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar>.topbar-account {grid-column:3;grid-row:1;justify-self:end;}
 }
 @media(max-width:1100px){
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .brand span {display:none;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .tabs button {padding-inline:7px;}
  .ref-kpis {gap:9px;}.ref-kpi {padding:13px 10px;gap:8px;}.ref-kpi-icon {width:30px;height:30px;flex-basis:30px;}.ref-kpi-copy>strong {font-size:25px;}
 }
 @media(max-width:850px){
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar {grid-template-columns:auto minmax(0,1fr);padding:8px 16px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar-account {grid-column:2;grid-row:1;justify-self:end;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .tabs {grid-column:1/-1;grid-row:2;justify-content:space-between;flex-wrap:wrap;}
  .ref-kpis {grid-template-columns:repeat(3,minmax(0,1fr));}
 }
 @media(max-width:650px){
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) main {padding:16px 14px 24px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar {grid-template-columns:80px minmax(0,1fr);padding:7px 12px;gap:6px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .brand img {width:80px;height:25px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) #sync {display:none;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar-account {flex-wrap:wrap;justify-content:flex-end;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .topbar-account>.account-switch-trigger {flex:0 1 160px;min-width:0;width:160px;max-width:160px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .tabs {display:grid;grid-template-columns:1fr;gap:4px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .nav-group {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;gap:2px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .nav-group+.nav-group {grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:1px solid #444;margin:0;padding-top:4px;}
  body:is([data-workspace="closing"],[data-workspace="analytics"],[data-workspace="team"],[data-workspace="crm"]) .tabs button {font-size:11px;padding:6px 3px;}
  .reference-workspace {gap:16px;}.ref-kpis {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.ref-kpi {min-height:112px;padding:12px 9px;}.ref-kpi-copy>strong {font-size:24px;}.ref-kpi-copy>span {font-size:12px;}.ref-kpi-copy>small {font-size:11px;}
  .ref-toolbar {gap:9px;}.ref-toolbar label {min-width:0;flex:1 1 140px;}.ref-toolbar button {margin-left:0;}.ref-bottom-grid {grid-template-columns:1fr;gap:12px;}.ref-context-note {align-items:start;font-size:12px;}
  .reference-workspace .section-heading h2 {font-size:18px;}
 }
}

/* Closing + CRM reference surfaces only.
   Append after ui.css in the existing components layer. No shell, JS or data edits.
   Colours describe the supplied screenshots; semantic tones come from the markup.
   Small screenshot controls are enlarged to 44px and text is never below 12px. */
@layer components {
  :is(body[data-workspace="closing"] #view[data-view="closing"],
      body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) {
    --ref-ink: #111111;
    --ref-muted: #595959;
    --ref-line: #dfe2e5;
    --ref-surface: #ffffff;
    --ref-soft: #f4f5f6;
    --ref-yellow: #ffc928;
    --ref-yellow-ink: #735000;
    --ref-yellow-soft: #fffbed;
    --ref-yellow-line: #efdda0;
    --ref-green: #09935d;
    --ref-green-ink: #07623f;
    --ref-green-soft: #edf8f2;
    --ref-green-line: #bddfce;
    --ref-red: #dc293b;
    --ref-red-ink: #a51729;
    --ref-red-soft: #fff0f2;
    --ref-red-line: #f0c7ce;
    --ref-blue: #1679df;
    --ref-blue-soft: #f0f6fc;
    --ref-blue-line: #c7dcef;
    min-width: 0;
    max-width: 100%;
    color: var(--ref-ink);
    font-family: Montserrat, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
  }

  /* Common KPI layout is owned by the parent; only page-specific variations. */
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-kpi {
    min-height: 86px;
    padding: 12px 14px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-kpi {
    min-height: 86px;
    padding: 12px;
    gap: 10px;
  }

  /* Shared lower panels, scoped away from other workspaces and the shell. */
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
    align-items: stretch;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid > :is(.ref-notes, .ref-practices) {
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--ref-line);
    border-radius: 6px;
    background: var(--ref-surface);
    box-shadow: none;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid > .ref-notes {
    background: var(--ref-yellow-soft);
    border-color: var(--ref-yellow-line);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-bottom-grid > .ref-practices {
    background: var(--ref-green-soft);
    border-color: var(--ref-green-line);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid :is(.ref-notes, .ref-practices) > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin-bottom: 8px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.015em;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid :is(p, ul) {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid ul {
    padding-left: 18px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid li + li {
    margin-top: 4px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-notes li::marker {
    color: var(--ref-yellow-ink);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-practices li::marker {
    color: var(--ref-green);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid :is(button, summary, a) {
    min-height: 44px;
    font-size: 12px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid button {
    min-width: 44px;
    max-width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-weight: 650;
  }

  /* Closing: preserve the native tabs and panel contract, not the calendar. */
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--ref-line);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs button {
    min-width: 44px;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--ref-muted);
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs button[aria-selected="true"] {
    color: #ffffff;
    background: #171717;
    border-color: #171717;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs b {
    min-width: 24px;
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--ref-ink);
    background: #e8e9eb;
    font-size: 12px;
    font-weight: 700;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs [aria-selected="true"] b {
    color: var(--ref-green-ink);
    background: #dff3e8;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) #closing-panel {
    min-width: 0;
    max-width: 100%;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-reference-section {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--ref-line);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) #closing-panel > .closing-reference-section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-reference-section .section-heading {
    align-items: flex-start;
    gap: 10px 16px;
    margin-bottom: 12px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-reference-section .section-heading h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.02em;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-reference-section :is(.eyebrow, .section-heading > span) {
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-reference-section .eyebrow {
    margin: 0 0 3px;
    font-weight: 700;
    letter-spacing: .04em;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-reference-section :is(.section-heading p:not(.eyebrow), .meeting-live-rule) {
    margin: 5px 0 10px;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.55;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .r2-closing-section .ref-closing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) article.ref-closing-card {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    min-height: 180px;
    padding: 14px 16px;
    border: 1px solid var(--ref-yellow-line);
    border-left: 3px solid var(--ref-yellow);
    border-radius: 6px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    box-shadow: none;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .r2-closing-section article.ref-closing-card {
    border-color: var(--ref-line);
    border-left-color: var(--ref-green);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 36px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card > header > svg {
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    padding: 8px;
    border-radius: 7px;
    color: var(--ref-yellow-ink);
    background: var(--ref-yellow-soft);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .r2-closing-section .ref-closing-card > header > svg {
    color: var(--ref-green-ink);
    background: var(--ref-green-soft);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.015em;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card :is(p, small) {
    margin: 0;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-offer {
    display: grid;
    gap: 3px;
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.5;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-offer :is(strong, span) {
    color: inherit;
    font-size: 13px;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card > footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin-top: auto;
    padding-top: 8px;
    border: 0;
    background: transparent;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card time svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--ref-yellow-ink);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .r2-closing-section .ref-closing-card time svg {
    color: var(--ref-green-ink);
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    min-height: 44px;
    max-width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
  }
  /* Dark emphasis is opt-in; never infer it from company, order or deal status. */
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) article.ref-closing-card:is(.featured, .is-featured) {
    color: #ffffff;
    border-color: #232623;
    border-left-color: var(--ref-green);
    background: #202321;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card:is(.featured, .is-featured) :is(p, small, time) {
    color: #d0d6d2;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card:is(.featured, .is-featured) > header > svg {
    color: #72d9a0;
    background: #323d35;
  }

  /* Closing decision table scrolls locally; no clipping of actions or badges. */
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .performance-table-wrap:has(.ref-decision-table) {
    max-width: 100%;
    margin-top: 12px;
    border: 1px solid var(--ref-line);
    border-radius: 6px;
    background: var(--ref-surface);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: auto;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-decision-table {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-decision-table :is(th, td) {
    padding: 8px 12px;
    border: 0;
    border-bottom: 1px solid #eceef0;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-decision-table th {
    color: var(--ref-muted);
    background: #f8f9fa;
    font-size: 12px;
    font-weight: 650;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-decision-table tr:last-child td {
    border-bottom: 0;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-decision-table :is(button, a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-size: 12px;
    font-weight: 650;
  }

  /* CRM search and provenance keep existing field and event selectors. */
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar > label {
    display: block;
    min-width: 0;
    flex: 1 1 320px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 11px 14px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    font-size: 13px;
    line-height: 1.5;
    box-shadow: none;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar input::placeholder {
    color: var(--ref-muted);
    opacity: 1;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar > div {
    color: var(--ref-muted);
    font-size: 12px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) :is(.crm-add-lead, .crm-pipeline-tabs button) {
    min-width: 44px;
    min-height: 44px;
    padding: 9px 13px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    white-space: normal;
    box-shadow: none;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-pipeline-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-pipeline-tabs button[aria-pressed="true"] {
    color: #ffffff;
    background: #171717;
    border-color: #171717;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-crm-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 12px;
    margin: 0 0 12px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-crm-filters label {
    display: grid;
    gap: 4px;
    min-width: 0;
    flex: 0 1 210px;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) :is(.ref-crm-filters select, .crm-stage-picker select) {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-stage-picker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 0 0 14px;
    color: var(--ref-muted);
    font-size: 12px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-stage-picker select {
    width: auto;
    flex: 0 1 300px;
  }

  /* Each actual stage becomes one column, never wrap extra stages into rows. */
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-grid.pipedrive-crm-grid {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(210px, 1fr);
    align-items: start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-bottom: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: auto;
    scrollbar-color: #b6bbc0 #eceef0;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column {
    --ref-stage: #64676b;
    --ref-stage-ink: #45484c;
    --ref-stage-soft: #f3f4f5;
    --ref-stage-line: var(--ref-line);
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 1px solid var(--ref-stage-line);
    border-radius: 6px;
    background: var(--ref-stage-soft);
    box-shadow: none;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column[data-stage-tone="blue"] {
    --ref-stage: var(--ref-blue);
    --ref-stage-ink: #135aa0;
    --ref-stage-soft: var(--ref-blue-soft);
    --ref-stage-line: var(--ref-blue-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column[data-stage-tone="amber"] {
    --ref-stage: var(--ref-yellow);
    --ref-stage-ink: var(--ref-yellow-ink);
    --ref-stage-soft: var(--ref-yellow-soft);
    --ref-stage-line: var(--ref-yellow-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column[data-stage-tone="red"] {
    --ref-stage: var(--ref-red);
    --ref-stage-ink: var(--ref-red-ink);
    --ref-stage-soft: var(--ref-red-soft);
    --ref-stage-line: var(--ref-red-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column[data-stage-tone="green"] {
    --ref-stage: var(--ref-green);
    --ref-stage-ink: var(--ref-green-ink);
    --ref-stage-soft: var(--ref-green-soft);
    --ref-stage-line: var(--ref-green-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 50px;
    padding: 12px 10px;
    border-bottom: 1px solid var(--ref-stage-line);
    border-radius: 5px 5px 0 0;
    color: var(--ref-ink);
    background: var(--ref-stage-soft);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column > header h2 {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: 0;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.015em;
    overflow-wrap: anywhere;
  }
  /* The dot conveys only the explicit data-stage-tone, not a guessed status. */
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column[data-stage-tone] > header h2::before {
    content: "";
    display: inline-block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ref-stage);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column > header small {
    color: var(--ref-muted);
    font-size: 12px;
    font-weight: 550;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column > header > span {
    display: grid;
    place-items: center;
    width: auto;
    min-width: 25px;
    height: auto;
    min-height: 25px;
    padding: 2px 6px;
    border: 1px solid var(--ref-stage-line);
    border-radius: 4px;
    background: var(--ref-surface);
    color: var(--ref-stage-ink);
    font-size: 12px;
    font-weight: 750;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-cards {
    display: grid;
    gap: 7px;
    padding: 7px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-cards > .crm-journey-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    min-height: 0;
    padding: 11px 12px;
    border: 1px solid var(--ref-line);
    border-radius: 5px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    box-shadow: none;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  /* Legacy cards used a full-card overlay and disabled pointer events.
     The reference contract has an explicit title button and native links. */
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card > :not(.crm-card-open) {
    position: relative;
    z-index: auto;
    pointer-events: auto;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-open {
    position: static;
    inset: auto;
    z-index: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    min-width: 44px;
    min-height: 44px;
    padding: 3px 0;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: var(--ref-ink);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-open strong {
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.015em;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-open > span[aria-hidden] {
    flex: 0 0 auto;
    color: var(--ref-muted);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card :is(.ref-card-contact, .ref-card-summary, .pipeline-card-meta, .crm-website-url, small) {
    margin: 0;
    color: var(--ref-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card .crm-card-value {
    color: var(--ref-ink);
    font-size: 13px;
    font-weight: 700;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-card-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    margin: 2px 0;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-card-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 44px;
    min-height: 44px;
    max-width: 100%;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--ref-ink);
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-card-links svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity-state {
    display: block;
    margin-top: 3px;
    padding: 8px 9px;
    border: 1px solid var(--ref-line);
    border-radius: 4px;
    background: var(--ref-soft);
    color: var(--ref-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity-state.is-overdue {
    color: var(--ref-red-ink);
    background: var(--ref-red-soft);
    border-color: var(--ref-red-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity-state.is-today {
    color: var(--ref-yellow-ink);
    background: var(--ref-yellow-soft);
    border-color: var(--ref-yellow-line);
  }

  /* Never hide tools, statuses, footers or available actions to mimic a mockup. */
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card .pipeline-card-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 4px;
    padding-top: 6px;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools {
    margin-top: 6px;
    border-top: 1px solid var(--ref-line);
    font-size: 12px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools > summary {
    display: list-item;
    min-width: 44px;
    min-height: 44px;
    padding: 12px 0;
    color: var(--ref-ink);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    cursor: pointer;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools > summary::marker {
    color: var(--ref-muted);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools[open] > summary {
    border-bottom: 1px solid var(--ref-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools :is(label, p, h4, li, .crm-activity span, .crm-tools-disabled) {
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools :is(input, select, textarea) {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    min-height: 44px;
    padding: 9px 10px;
    border: 1px solid #a9afb5;
    border-radius: 4px;
    background: var(--ref-surface);
    color: var(--ref-ink);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools textarea {
    min-height: 78px;
    resize: vertical;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools button {
    min-width: 44px;
    min-height: 44px;
    max-width: 100%;
    padding: 9px 11px;
    border: 1px solid #171717;
    border-radius: 4px;
    background: #171717;
    color: #ffffff;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    white-space: normal;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools button.secondary {
    color: var(--ref-ink);
    background: var(--ref-soft);
    border-color: var(--ref-line);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity-actions {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity-actions summary {
    display: list-item;
    min-height: 44px;
    padding: 10px;
    border: 1px solid var(--ref-line);
    border-radius: 4px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-activity {
    border-radius: 4px;
    color: var(--ref-ink);
    background: var(--ref-soft);
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .column-empty {
    margin: 0;
    padding: 16px 8px;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column.is-drop-target {
    outline: 2px solid var(--ref-ink);
    outline-offset: -2px;
    border-color: var(--ref-ink);
    background: var(--ref-stage-soft);
    box-shadow: none;
  }
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card.is-dragging {
    opacity: .48;
  }
  /* Keep asynchronous/data guards stronger than restored native hit targets. */
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card[aria-busy="true"],
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card[aria-busy="true"] *,
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card [aria-busy="true"],
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card [aria-busy="true"] * {
    pointer-events: none;
  }

  /* Badge geometry only; named legacy states retain their semantic colours. */
  :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
      .reference-workspace.ref-closing, .reference-workspace.ref-crm) :is(.ref-closing-card, .ref-decision-table, .crm-journey-card) .badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* Feedback belongs on explicit controls, not a pretend full-card click area. */
  @media (hover: hover) {
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-journey-card:hover {
      border-color: #b7bec4;
      transform: none;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-open:hover {
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-card-links a:hover {
      background: var(--ref-soft);
      border-color: var(--ref-line);
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) :is(.ref-closing-card, .ref-decision-table, .ref-bottom-grid) button:not(:disabled):hover {
      background: #f4f5f6;
      border-color: #b7bec4;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs button:not([aria-selected="true"]):hover {
      border-color: var(--ref-line);
      background: var(--ref-soft);
    }
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) :is(.closing-workspace-tabs, .ref-closing-card, .ref-decision-table, .ref-bottom-grid) :is(button, a, summary, input, select):focus-visible,
  :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) :is(.crm-toolbar, .crm-pipeline-tabs, .ref-crm-filters, .crm-stage-picker, .pipeline-grid, .ref-bottom-grid) :is(button, a, summary, input, select, textarea):focus-visible {
    outline: 2px solid var(--ref-ink);
    outline-offset: 3px;
    box-shadow: none;
  }
  :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card:is(.featured, .is-featured) button:focus-visible {
    outline-color: #ffffff;
  }

  @media (max-width: 960px) {
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-kpis {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .r2-closing-section .ref-closing-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px) {
    :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
        .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
        .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-bottom-grid {
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) :is(.ref-closing-grid, .r2-closing-section .ref-closing-grid) {
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .closing-workspace-tabs button {
      justify-content: center;
      gap: 6px;
      padding: 9px 8px;
      font-size: 12px;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card > footer {
      align-items: stretch;
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) .ref-closing-card > footer button {
      width: 100%;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar > label {
      flex: none;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-crm-filters {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-stage-picker {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 6px;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-stage-picker select {
      width: 100%;
      flex: none;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-grid.pipedrive-crm-grid {
      display: block;
      grid-auto-flow: row;
      grid-auto-columns: auto;
      overflow-x: visible;
      padding-bottom: 0;
    }
    /* Preserve the existing single-stage mobile navigation; hidden guards win. */
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column {
      display: none;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-column.is-selected-stage {
      display: block;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .pipeline-cards {
      padding: 9px;
      gap: 9px;
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-card-tools :is(input, select, textarea),
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .crm-toolbar input {
      font-size: 16px;
    }
  }
  @media (max-width: 440px) {
    :is(body[data-workspace="closing"] #view[data-view="closing"], body[data-workspace="crm"] #view[data-view="crm"],
        .reference-workspace.ref-closing, .reference-workspace.ref-crm) .ref-kpis {
      grid-template-columns: minmax(0, 1fr);
    }
    :is(body[data-workspace="crm"] #view[data-view="crm"], .reference-workspace.ref-crm) .ref-crm-filters {
      grid-template-columns: minmax(0, 1fr);
    }
    :is(body[data-workspace="closing"] #view[data-view="closing"], .reference-workspace.ref-closing) article.ref-closing-card {
      padding: 12px;
    }
  }
}

/* Data + Équipe reference surfaces, 2026-10-12.
   CSS only. Montserrat is already self-hosted by ui.css.
   Shared .ref-kpis/.ref-kpi layout belongs to the parent stylesheet.
   No generated statistics, comparison badges, dates or chart geometry.
   Cold-call track, columns, node dimensions, clipping and SVG paths remain native. */
@layer components {
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) {
    --ref-ink: #111315;
    --ref-muted: #5f6874;
    --ref-surface: #fff;
    --ref-soft: #f1f3f5;
    --ref-border: #dfe4e9;
    --ref-divider: #e9edf1;
    --ref-green: #078946;
    --ref-green-ink: #12603c;
    --ref-green-soft: #edf9f2;
    --ref-green-border: #abdcc1;
    --ref-yellow-soft: #fff9e9;
    --ref-yellow-border: #efd48e;
    --ref-yellow-ink: #785411;
    --ref-red-soft: #fce9e9;
    --ref-red-ink: #942f37;
    --ref-radius: 6px;
    --ink: var(--ref-ink);
    --paper: var(--ref-surface);
    --soft: var(--ref-muted);
    --muted: var(--ref-muted);
    --line: var(--ref-border);
    --green: var(--ref-green);
    --green-soft: var(--ref-green-soft);
    --mint: #dcf4e6;
    --amber: var(--ref-yellow-ink);
    --shadow: none;
    --shadow-sm: none;
    min-width: 0;
    color: var(--ref-ink);
    background: #f5f6f7;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-variant-numeric: tabular-nums;
    color-scheme: light;
  }

  /* Filters and factual context: compact reference rhythm, 44px targets. */
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px 18px;
    margin: 14px 0 18px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(.ref-toolbar label, .provenance-source-select) {
    display: grid;
    gap: 6px;
    min-width: min(100%, 170px);
    max-width: 100%;
    color: var(--ref-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(.ref-toolbar select, .ref-toolbar input, .provenance-source-select select) {
    width: 100%;
    min-width: 44px;
    min-height: 44px;
    max-width: 100%;
    padding: 10px 12px;
    color: var(--ref-ink);
    background-color: var(--ref-surface);
    border: 1px solid #bdc5ce;
    border-radius: var(--ref-radius);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(.ref-toolbar button, .ref-bottom-grid button, .ref-team-panel > .section-heading button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 44px;
    min-height: 44px;
    max-width: 100%;
    padding: 10px 13px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    border: 1px solid #bdc5ce;
    border-radius: var(--ref-radius);
    box-shadow: none;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-toolbar > button {
    margin-inline-start: auto;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(.ref-toolbar button, .ref-bottom-grid button, .ref-team-panel > .section-heading button):hover:not(:disabled) {
    color: var(--ref-ink);
    background: var(--ref-soft);
    border-color: #939da9;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(.ref-toolbar, .ref-bottom-grid) button svg {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-context-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-height: 44px;
    margin: 12px 0 14px;
    padding: 10px 13px;
    color: var(--ref-yellow-ink);
    background: var(--ref-yellow-soft);
    border: 1px solid var(--ref-yellow-border);
    border-radius: var(--ref-radius);
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-context-note :is(p, small) {
    margin: 0;
    color: inherit;
    font-size: 12px;
    line-height: 1.5;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-context-note > svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }

  /* Page-specific KPI colors only; no duplicate shared grid/card rules. */
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-kpis > .ref-kpi:last-child .ref-kpi-icon {
    color: var(--ref-green-ink);
    background: #dcf4e6;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-kpis:not(.ref-team-finance) > .ref-kpi:first-child,
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance > .ref-kpi:first-child {
    color: #fff;
    background: #111315;
    border-color: #111315;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-kpis:not(.ref-team-finance) > .ref-kpi:first-child .ref-kpi-icon,
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance > .ref-kpi:first-child .ref-kpi-icon {
    color: #fff;
    background: #292d2e;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-kpis:not(.ref-team-finance) > .ref-kpi:first-child .ref-kpi-copy > :is(span, strong),
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance > .ref-kpi:first-child .ref-kpi-copy > :is(span, strong) {
    color: #fff;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-kpis:not(.ref-team-finance) > .ref-kpi:first-child .ref-kpi-copy > small,
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance > .ref-kpi:first-child .ref-kpi-copy > small {
    color: #d0d5d7;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-kpis:not(.ref-team-finance) > .ref-kpi:last-child {
    color: var(--ref-ink);
    background: var(--ref-green-soft);
    border-color: var(--ref-green-border);
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-kpis:not(.ref-team-finance) > .ref-kpi:last-child .ref-kpi-icon {
    color: var(--ref-green-ink);
    background: #dcf4e6;
  }

  /* Five factual conversion rates. N/D is never restyled as a zero. */
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .conversion-ratios {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .conversion-ratios > div {
    min-width: 0;
    padding: 13px 14px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    box-shadow: none;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .conversion-ratios dt {
    margin: 0;
    color: var(--ref-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .conversion-ratios dd {
    margin: 7px 0 0;
    color: var(--ref-ink);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.025em;
  }

  /* DATA: actual four-unit dl, its reading note and the native journey skin. */
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend {
    margin: 14px 0 18px;
    padding: 0;
    border: 0;
    font-size: 13px;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend h2 {
    margin: 0 0 9px;
    padding: 7px 11px;
    color: var(--ref-ink);
    background: #f0f2f4;
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.02em;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend dl > div {
    min-width: 0;
    padding: 12px;
    background: var(--ref-surface);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend dt {
    color: var(--ref-ink);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend dd {
    margin: 5px 0 0;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend > p {
    margin: 9px 0 0;
    padding: 9px 12px;
    color: var(--ref-muted);
    background: var(--ref-soft);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    font-size: 12px;
    line-height: 1.5;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component {
    --ccj-ink: var(--ref-ink);
    --ccj-muted: var(--ref-muted);
    --ccj-line: var(--ref-border);
    --ccj-panel: var(--ref-surface);
    --ccj-soft: #eaf6ee;
    --ccj-green: var(--ref-green);
  }
  /* Paint only: do not alter track/columns, sizing, overflow, node fonts,
     stroke widths, SVG geometry or link measurement inputs. */
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component :is(.ccj-scroll, .ccj-detail-panel, .ccj-unavailable) {
    border-color: var(--ref-border);
    border-radius: var(--ref-radius);
    background: var(--ref-surface);
    box-shadow: none;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component :is(.ccj-node, .ccj-origin-node, .ccj-stage-nav button) {
    border-radius: 4px;
    box-shadow: none;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component :is(.ccj-node, .ccj-origin-node) {
    color: var(--ref-ink);
    background: var(--ref-soft);
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component .ccj-node[aria-pressed="true"] {
    background: #eaf6ee;
    border-color: var(--ref-green);
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component :is(.ccj-origin-node[aria-pressed="true"], .ccj-origin-node.ccj-source-active) {
    background: #edf7fc;
    border-color: #83bede;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ccj-component :is(.ccj-evidence-row, .ccj-objection) {
    background: var(--ref-soft);
  }
  /* The lead-origin fallback keeps its own layout and source colors. */
  body[data-workspace="analytics"] .reference-workspace.ref-data .loj-component {
    --loj-ink: var(--ref-ink);
    --loj-muted: var(--ref-muted);
    --loj-line: var(--ref-border);
    --loj-panel: var(--ref-surface);
    --loj-soft: var(--ref-soft);
    --loj-focus: var(--ref-green);
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .loj-component :is(.loj-stage-column, .loj-detail-panel, .loj-unavailable) {
    border-radius: var(--ref-radius);
    box-shadow: none;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics {
    min-width: 0;
    margin: 16px 0;
    padding: 0;
    background: var(--ref-surface);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics > h2 {
    margin: 0;
    padding: 10px 13px;
    color: var(--ref-muted);
    background: var(--ref-soft);
    border-bottom: 1px solid var(--ref-border);
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics .performance-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-gutter: stable;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: 13px;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics :is(th, td) {
    padding: 10px 13px;
    color: var(--ref-muted);
    border-bottom: 1px solid var(--ref-divider);
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
    white-space: normal;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics td:last-child {
    color: var(--ref-ink);
    font-weight: 700;
    text-align: right;
  }
  body[data-workspace="analytics"] .reference-workspace.ref-data .ref-data-diagnostics tr:last-child td {
    border-bottom: 0;
  }

  /* ÉQUIPE: provenance and real five-volume summary, without fake trends. */
  body[data-workspace="team"] .reference-workspace.ref-team .provenance-summary {
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .provenance-summary-head {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
    margin: 0 0 12px;
  }
  /* Native summary fallback only; parent .ref-kpis stays the shared authority. */
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 12px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article {
    padding: 13px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    box-shadow: none;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article > span {
    color: var(--ref-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article > strong {
    margin-top: 7px;
    color: var(--ref-ink);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.03em;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article:first-child {
    background: #111315;
    border-color: #111315;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article:first-child > :is(span, strong) {
    color: #fff;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article:last-child {
    background: var(--ref-green-soft);
    border-color: var(--ref-green-border);
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.conversion-method, .conversion-coverage) {
    margin: 8px 0;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .conversion-coverage {
    padding: 9px 12px;
    color: var(--ref-yellow-ink);
    background: var(--ref-yellow-soft);
    border: 1px solid var(--ref-yellow-border);
    border-radius: var(--ref-radius);
  }

  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 10px 0 14px;
    padding: 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-tabs button[data-ref-team-panel] {
    min-width: 44px;
    min-height: 44px;
    padding: 10px 13px;
    color: #404852;
    background: #eceff2;
    border: 1px solid var(--ref-border);
    border-radius: 5px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    overflow-wrap: normal;
    cursor: pointer;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-tabs button[data-ref-team-panel]:hover:not(.is-active):not(:disabled) {
    color: var(--ref-ink);
    background: #e2e6ea;
    border-color: #b7c0c9;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-tabs button[data-ref-team-panel]:is(.is-active, [aria-selected="true"]) {
    color: #fff;
    background: #111315;
    border-color: #111315;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance > .ref-kpi {
    min-height: 88px;
    align-items: center;
    padding: 16px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance .ref-kpi-copy > strong {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -.025em;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance .ref-kpi-icon {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-charts {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
    margin: 14px 0 16px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.ref-team-panel, .ref-team-charts > article, .ref-team-charts > section) {
    min-width: 0;
    padding: 14px;
    background: var(--ref-surface);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    box-shadow: none;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-panel {
    margin: 16px 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-charts > .ref-team-panel {
    margin: 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.ref-team-panel, .ref-team-charts > article, .ref-team-charts > section) > h2,
  body[data-workspace="team"] .reference-workspace.ref-team :is(.ref-team-panel, .ref-team-charts > article, .ref-team-charts > section) > header h2,
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-panel .section-heading h2 {
    margin: 0;
    color: var(--ref-ink);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.025em;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-panel > .section-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin: 0 0 13px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-panel :is(.ui-scroll-hint, .section-heading p:not(.eyebrow)) {
    margin: 5px 0 0;
    color: var(--ref-muted);
    font-size: 12px;
    line-height: 1.5;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-panel .eyebrow {
    color: var(--ref-muted);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
  }
  /* SVG viewBox, bars, segments and exact values are supplied by the DTO renderer. */
  body[data-workspace="team"] .reference-workspace.ref-team :is(.ref-volume-chart, .ref-source-chart) {
    min-width: 0;
    max-width: 100%;
    margin-top: 12px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(svg.ref-volume-chart, .ref-volume-chart svg, svg.ref-source-chart, .ref-source-chart svg) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    font-family: Montserrat, Arial, sans-serif;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(svg.ref-volume-chart, .ref-volume-chart svg) text {
    fill: var(--ref-muted);
    font-size: 12px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(svg.ref-source-chart, .ref-source-chart svg) {
    max-width: 230px;
    margin-inline: auto;
  }
  /* Accept either a chart-and-legend wrapper or direct panel siblings. */
  body[data-workspace="team"] .reference-workspace.ref-team .ref-source-chart:not(svg):has(> .ref-source-legend),
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-charts > :is(article, section):has(> .ref-source-chart):has(> .ref-source-legend) {
    display: grid;
    grid-template-columns: minmax(130px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 12px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-team-charts > :is(article, section):has(> .ref-source-chart):has(> .ref-source-legend) > :is(h2, header, p) {
    grid-column: 1 / -1;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend {
    display: grid;
    gap: 0;
    min-width: 0;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 1.45;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend > li {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #404852;
    border-bottom: 1px solid var(--ref-divider);
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend > li:last-child {
    border-bottom: 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend > li > :first-child {
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend :is(strong, b) {
    color: var(--ref-ink);
    font-size: 12px;
    font-weight: 700;
    text-align: right;
  }

  /* Native tables: all columns retained, local laptop overflow, mobile data-label cards. */
  body[data-workspace="team"] .reference-workspace.ref-team .performance-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: auto;
    scrollbar-gutter: stable;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    table-layout: auto;
    color: #404852;
    font-size: 13px;
    line-height: 1.45;
    font-variant-numeric: tabular-nums;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) th {
    padding: 11px 10px;
    color: var(--ref-muted);
    background: #fafbfc;
    border-bottom: 1px solid var(--ref-border);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: right;
    text-transform: none;
    white-space: normal;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) td {
    padding: 12px 10px;
    color: #404852;
    border-bottom: 1px solid var(--ref-divider);
    font-size: 13px;
    line-height: 1.45;
    text-align: right;
    vertical-align: middle;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) :is(th, td):nth-child(-n+3) {
    text-align: left;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) td > strong {
    color: var(--ref-ink);
    font-weight: 600;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) td > span:not(.badge) {
    display: block;
    margin-top: 3px;
    color: var(--ref-muted);
    font-size: 12px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) tbody tr:last-child td {
    border-bottom: 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap table, table.team-performance-table) tbody tr:hover {
    background: #fafbfc;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap button, table.team-performance-table button) {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 11px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    border: 1px solid #bdc5ce;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.performance-table-wrap button, table.team-performance-table button):hover:not(:disabled) {
    color: var(--ref-ink);
    background: var(--ref-soft);
    border-color: #939da9;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.team-performance-table .badge, .performance-table-wrap .badge) {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 4px 8px;
    color: #46515b;
    background: var(--ref-soft);
    border: 1px solid var(--ref-border);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.team-performance-table .badge.success, .performance-table-wrap .badge.success) {
    color: var(--ref-green-ink);
    background: #dff5e8;
    border-color: var(--ref-green-border);
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.team-performance-table .badge.danger, .performance-table-wrap .badge.danger) {
    color: var(--ref-red-ink);
    background: var(--ref-red-soft);
    border-color: #edc3c7;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .signed-deals-section :is(.performance-table-wrap table, table.team-performance-table),
  body[data-workspace="team"] .reference-workspace.ref-team .team-administration .performance-table-wrap table {
    min-width: 760px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .signed-deals-section .commission-value {
    color: var(--ref-green-ink);
    font-size: 13px;
  }

  body[data-workspace="team"] .reference-workspace.ref-team .team-user-details {
    display: grid;
    gap: 10px;
    min-width: 0;
    margin-top: 14px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.personal-ratios, .team-administration) {
    min-width: 0;
    margin: 0;
    padding: 12px 14px;
    color: var(--ref-ink);
    background: var(--ref-surface);
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    box-shadow: none;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-administration {
    margin-top: 16px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.personal-ratios, .team-administration) > summary {
    display: list-item;
    min-height: 44px;
    padding: 11px 0;
    color: var(--ref-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
  }
  body[data-workspace="team"] .reference-workspace.ref-team :is(.personal-ratios, .team-administration)[open] > summary {
    margin-bottom: 12px;
    border-bottom: 1px solid var(--ref-divider);
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-user-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 12px 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-user-facts :is(dt, dd) {
    font-size: 12px;
    line-height: 1.5;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-user-facts dt {
    color: var(--ref-muted);
    font-weight: 600;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-user-facts dd {
    margin: 5px 0 0;
    color: var(--ref-ink);
    font-weight: 600;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .personal-ratios .conversion-ratios {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-width: 0;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .personal-ratios .conversion-ratios > div {
    padding: 10px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .personal-ratios .conversion-ratios dd {
    font-size: 20px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-administration :is(input, select, button),
  body[data-workspace="team"] .reference-workspace.ref-team .team-form :is(input, button) {
    min-height: 44px;
    border-radius: 5px;
    font-size: 13px;
  }
  body[data-workspace="team"] .reference-workspace.ref-team .team-form label > span {
    font-size: 12px;
  }

  /* Shared lower notes and practices: existing content only. */
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    margin-top: 18px;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid > :is(.ref-notes, .ref-practices) {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--ref-border);
    border-radius: var(--ref-radius);
    box-shadow: none;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid > .ref-notes {
    color: var(--ref-yellow-ink);
    background: var(--ref-yellow-soft);
    border-color: var(--ref-yellow-border);
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid > .ref-practices {
    color: var(--ref-green-ink);
    background: var(--ref-green-soft);
    border-color: var(--ref-green-border);
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid :is(.ref-notes, .ref-practices) h2 {
    margin: 0 0 10px;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.015em;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid :is(.ref-notes, .ref-practices) :is(p, ul) {
    margin: 8px 0 0;
    color: #37414a;
    font-size: 13px;
    line-height: 1.6;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid ul {
    padding-inline-start: 20px;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid li + li {
    margin-top: 7px;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) .ref-practices li::marker {
    color: var(--ref-green);
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(button, select, input, summary, a, [tabindex]):focus-visible {
    outline: 2px solid var(--ref-green-ink);
    outline-offset: 3px;
  }
  :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
      body[data-workspace="team"] .reference-workspace.ref-team) :is(.ref-toolbar, .ref-team-tabs, .ref-team-panel, .ref-bottom-grid) button:disabled {
    color: #69717a;
    background: #f1f3f5;
    border-color: #d7dde3;
    opacity: 1;
    cursor: not-allowed;
  }

  @media (max-width: 980px) {
    body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend dl {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body[data-workspace="team"] .reference-workspace.ref-team .ref-team-charts {
      grid-template-columns: minmax(0, 1fr);
    }
    body[data-workspace="team"] .reference-workspace.ref-team .personal-ratios .conversion-ratios {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 760px) {
    :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
        body[data-workspace="team"] .reference-workspace.ref-team) .conversion-ratios,
    body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body[data-workspace="team"] .reference-workspace.ref-team .conversion-key-metrics:not(.ref-kpis) > article:last-child {
      grid-column: auto;
    }
    :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
        body[data-workspace="team"] .reference-workspace.ref-team) .ref-bottom-grid,
    body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance {
      grid-template-columns: minmax(0, 1fr);
    }
    body[data-workspace="team"] .reference-workspace.ref-team .team-user-facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) {
      display: block;
      width: 100%;
      min-width: 0;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) thead {
      display: none;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody {
      display: grid;
      gap: 12px;
      width: 100%;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody tr {
      display: block;
      width: 100%;
      padding: 12px;
      background: var(--ref-surface);
      border: 1px solid var(--ref-border);
      border-radius: var(--ref-radius);
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody td {
      display: grid;
      grid-template-columns: minmax(100px, .8fr) minmax(0, 1fr);
      align-items: center;
      gap: 5px 12px;
      width: 100%;
      min-height: 44px;
      padding: 9px 0;
      color: #404852;
      border-bottom: 1px solid var(--ref-divider);
      text-align: right;
      overflow-wrap: anywhere;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody td[data-label]::before {
      content: attr(data-label);
      grid-column: 1;
      grid-row: 1 / span 2;
      color: var(--ref-muted);
      font-size: 12px;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: 0;
      text-align: left;
      text-transform: none;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody td > * {
      grid-column: 2;
      margin-top: 0;
      text-align: right;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody td > :is(button, .badge) {
      justify-self: end;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody td[colspan] {
      display: block;
      text-align: left;
    }
    body[data-workspace="team"] .reference-workspace.ref-team :is(table.team-performance-table, .team-performance-table > table) tbody td[colspan]::before {
      content: none;
    }
    body[data-workspace="team"] .reference-workspace.ref-team .signed-deals-section :is(table.team-performance-table, .team-performance-table > table) {
      min-width: 0;
    }
  }

  @media (max-width: 540px) {
    :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
        body[data-workspace="team"] .reference-workspace.ref-team) .ref-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: stretch;
      gap: 10px;
    }
    :is(body[data-workspace="analytics"] .reference-workspace.ref-data,
        body[data-workspace="team"] .reference-workspace.ref-team) .ref-toolbar > button {
      width: 100%;
      margin-inline-start: 0;
    }
    body[data-workspace="analytics"] .reference-workspace.ref-data .data-unit-legend dl {
      grid-template-columns: minmax(0, 1fr);
    }
    body[data-workspace="team"] .reference-workspace.ref-team .ref-team-tabs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body[data-workspace="team"] .reference-workspace.ref-team .ref-team-tabs button[data-ref-team-panel] {
      white-space: normal;
    }
    body[data-workspace="team"] .reference-workspace.ref-team .ref-source-chart:not(svg):has(> .ref-source-legend),
    body[data-workspace="team"] .reference-workspace.ref-team .ref-team-charts > :is(article, section):has(> .ref-source-chart):has(> .ref-source-legend) {
      grid-template-columns: minmax(0, 1fr);
    }
    body[data-workspace="team"] .reference-workspace.ref-team .ref-team-finance .ref-kpi-copy > strong {
      font-size: 25px;
      overflow-wrap: anywhere;
    }
  }
}

@layer components {
 body[data-workspace="closing"] .ref-closing-card.is-dark {color:#fff;border-color:#232623;border-left-color:#1aa95b;background:#202321;}
 body[data-workspace="closing"] .ref-closing-card.is-dark :is(p,small,time) {color:#d0d6d2;}
 body[data-workspace="closing"] .ref-closing-card.is-dark h3 {color:#fff;}
 body[data-workspace="closing"] .ref-closing-card>header .ref-card-icon {display:grid;place-items:center;width:38px;height:38px;background:#fff7e2;color:#78551b;border-radius:6px;}
 body[data-workspace="closing"] .r2-closing-section .ref-closing-card>header .ref-card-icon {background:#d4f7e0;color:#006d32;}
 body[data-workspace="closing"] .ref-closing-card.is-dark>header .ref-card-icon {background:#244832;color:#65e696;}
 body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend>li {grid-template-columns:10px minmax(0,1fr) auto auto;}
 body[data-workspace="team"] .reference-workspace.ref-team .ref-source-legend>li>:is(strong,small) {white-space:nowrap;}
 body[data-workspace="team"] .ref-donut-value {fill:#1c2530;font-size:25px;font-weight:750;}
 body[data-workspace="team"] .ref-donut-label {fill:#526270;font-size:12px;}
 body[data-workspace="team"] .ref-volume-chart>p,.ref-chart-empty {font-size:12px;line-height:1.5;color:#526270;}
 body[data-workspace="team"] .ref-chart-panel>header {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;}
 body[data-workspace="team"] .ref-chart-panel>header>span {font-size:12px;color:#526270;}
 .reference-workspace {--ref-green:#007a35;--ref-green-bg:#d4f7e0;--ref-green-border:#48c97d;}
 body:is([data-workspace="closing"],[data-workspace="crm"]) #view,.reference-workspace.ref-closing,.reference-workspace.ref-crm,
 body[data-workspace="analytics"] .reference-workspace.ref-data,body[data-workspace="team"] .reference-workspace.ref-team {--ref-green:#007a35;--ref-green-ink:#00612b;--ref-green-soft:#d4f7e0;--ref-green-line:#48c97d;--ref-green-border:#48c97d;--ref-yellow:#78551b;--ref-yellow-ink:#78551b;}
 body[data-workspace="crm"] #view .pipeline-column[data-stage-tone="amber"] {--ref-stage:#e6b12f;}
 body[data-workspace="calls"] .calls-reference .calls-card-dark .call-offer-fit,body[data-workspace="calls"] .calls-reference .calls-primary .call-offer-fit {color:#08321b;background:#22c55e;border-color:#55ef90;}
 body[data-workspace="calls"] .calls-reference .calls-card-dark .calls-card-stage i,body[data-workspace="calls"] .calls-reference .calls-primary .calls-card-stage i {color:#65ef98;border-color:#40df83;background:#134c2d;}
 body[data-workspace="calls"] #deal-dialog[data-presentation="page"] .call-recipient-choice.is-active {color:#004d24;background:#77e7a2;border-color:#22c55e;}
 @media(max-width:767px){body[data-workspace="closing"] .ref-decision-table {min-width:0;}.ref-decision-table thead {display:none;}.ref-decision-table tbody {display:grid;gap:10px;}.ref-decision-table tbody tr {display:block;border:1px solid #dce2e9;border-radius:5px;padding:10px;}.ref-decision-table tbody td[data-label] {display:flex;justify-content:space-between;gap:12px;padding:8px 0;}.ref-decision-table tbody td[data-label]::before {content:attr(data-label);font-size:12px;color:#526270;flex:0 0 110px;}}
}

/* One persistent header geometry across all CRM workspaces and record pages.
   Match the existing Appels reference, never a per-view sizing override. */
@layer components {
 html:root {scrollbar-gutter:stable;}
 :root body > .topbar {
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:44px;
  align-items:center;align-content:center;box-sizing:border-box;width:100%;max-width:none;min-width:0;
  height:62px;min-height:62px;max-height:62px;margin:0;padding:8px 22px;gap:10px;
  border:0;border-radius:0;background:#000;box-shadow:none;
 }
 :root body > .topbar > .brand {grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;}
 :root body > .topbar .brand img {display:block;width:124px;height:36px;object-fit:contain;padding:0;background:transparent;flex:0 0 auto;}
 :root body > .topbar .brand span {display:block;white-space:nowrap;color:#bdbdbd;font-size:10px;line-height:15px;}
 :root body > .topbar > .tabs {grid-column:2;grid-row:1;justify-self:stretch;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:auto;min-width:0;max-width:100%;height:44px;margin:0;padding:0;gap:0;border:0;border-radius:0;background:transparent;overflow:visible;}
 :root body > .topbar .nav-group {display:flex;flex-wrap:nowrap;align-items:center;flex:0 0 auto;gap:0;padding:0 4px;height:44px;}
 :root body > .topbar .nav-group + .nav-group {margin:0;border:0;border-left:1px solid #595959;}
 :root body > .topbar .tabs button {box-sizing:border-box;flex:0 0 auto;width:auto;min-width:44px;height:44px;min-height:44px;max-height:44px;margin:0;padding:7px 9px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;color:#f4f4f4;background:transparent;}
 :root body > .topbar .tabs button[aria-current="page"] {color:#111;background:#fff;border-color:#fff;}
 :root body > .topbar > .topbar-account {grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;flex-wrap:nowrap;box-sizing:border-box;gap:8px;width:266px;min-width:266px;height:44px;}
 :root body > .topbar .topbar-account > .account-switch-trigger,
 :root body > .topbar #sync.account-identity {
  order:1;flex:0 0 172px;box-sizing:border-box;width:172px;min-width:172px;max-width:172px;height:44px;min-height:44px;max-height:44px;
  display:grid;grid-template-columns:10px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:5px 10px;
  border:1px solid rgba(255,255,255,.18);border-radius:4px;background:rgba(255,255,255,.05);color:#fff;font-size:10px;font-family:inherit;line-height:15px;
 }
 :root body > .topbar #sync.account-identity {grid-template-columns:10px minmax(0,1fr);text-align:left;}
 :root body > .topbar #sync.account-identity::after {content:none;}
 :root body > .topbar :is(.account-switch-trigger,.account-identity) strong {display:block;max-width:100%;font-size:10px;line-height:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
 :root body > .topbar :is(.account-switch-trigger,.account-identity) small {display:block;font-size:9px;line-height:13px;color:#bdbdbd;white-space:nowrap;}
 :root body > .topbar :is(.account-switch-trigger,.account-identity) .account-switch-light {display:block;width:8px;height:8px;flex:0 0 8px;margin:0;border-radius:0;background:#ddd;box-shadow:none;}
 :root body > .topbar #logout {order:3;flex:0 0 86px;box-sizing:border-box;width:86px;min-width:86px;max-width:86px;height:44px;min-height:44px;max-height:44px;margin:0;padding:6px 8px;border:1px solid #d4d4d4;border-radius:4px;font-size:10px;line-height:15px;white-space:nowrap;color:#111;background:#fff;}
 :root body > .topbar #sync:not(.account-identity) {order:1;width:172px;min-width:172px;max-width:172px;font-size:11px;line-height:15px;}
 @media(min-width:1450px){
  :root body > .topbar {padding-inline:32px;}
  :root body > .topbar .brand img {width:150px;height:43px;}
  :root body > .topbar .tabs button {font-size:14px;line-height:21px;padding-inline:12px;}
 }
 @media(max-width:1100px){
  :root body > .topbar .brand span {display:none;}
  :root body > .topbar .tabs button {padding-inline:7px;}
 }
 @media(max-width:1000px) and (min-width:851px){
  :root body > .topbar .brand img {width:100px;height:29px;}
  :root body > .topbar .tabs button {font-size:11px;padding-inline:5px;}
 }
 @media(max-width:850px) and (min-width:651px){
  :root body > .topbar {height:114px;min-height:114px;max-height:114px;padding:8px 16px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:44px 44px;}
  :root body > .topbar > .topbar-account {grid-column:2;grid-row:1;}
  :root body > .topbar > .tabs {grid-column:1/-1;grid-row:2;justify-content:center;}
 }
 @media(max-width:650px){
  :root body > .topbar {height:160px;min-height:160px;max-height:160px;padding:7px 12px;gap:6px;grid-template-columns:80px minmax(0,1fr);grid-template-rows:44px 96px;}
  :root body > .topbar .brand img {width:80px;height:25px;}
  :root body > .topbar > .topbar-account {grid-column:2;grid-row:1;justify-self:stretch;width:100%;min-width:0;gap:6px;}
  :root body > .topbar .topbar-account > .account-switch-trigger,
  :root body > .topbar #sync.account-identity {flex:1 1 0;min-width:0;width:172px;max-width:172px;padding:5px 7px;gap:6px;}
  :root body > .topbar #sync:not(.account-identity) {min-width:0;width:auto;max-width:172px;font-size:10px;}
  :root body > .topbar #logout {flex-basis:74px;width:74px;min-width:74px;max-width:74px;padding-inline:4px;font-size:9px;}
  :root body > .topbar > .tabs {grid-column:1/-1;grid-row:2;display:grid;width:100%;height:96px;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 48px;gap:4px;}
  :root body > .topbar .nav-group {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box;width:100%;height:44px;gap:2px;padding:0;}
  :root body > .topbar .nav-group + .nav-group {grid-template-columns:repeat(3,minmax(0,1fr));height:48px;border-left:0;border-top:1px solid #444;padding:3px 0 0;margin:0;}
  :root body > .topbar .tabs button {width:100%;min-width:0;font-size:11px;line-height:16px;padding:6px 3px;}
 }
}

@layer components {
 .lead-source-access-dialog {width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce2ea;background:#fff;color:#1c2530;font-family:Montserrat,Arial,sans-serif;}
 .lead-source-access-dialog>section {display:flex;flex-direction:column;max-height:calc(100dvh - 34px);padding:18px;box-sizing:border-box;gap:12px;}
 .lead-source-access-dialog header,.lead-source-access-dialog footer {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex:0 0 auto;}
 .lead-source-access-dialog :is(h2,p) {margin:0;line-height:1.6;}
 .lead-source-access-dialog h2 {font-size:18px;}
 .lead-source-access-dialog p {font-size:12px;color:#526270;}
 .lead-source-access-dialog ol {overflow:auto;min-height:0;margin:0;padding:0;list-style:none;}
 .lead-source-access-dialog li {display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #e1e7ed;font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
 .lead-source-access-dialog time {font-size:11px;color:#526270;}
 .lead-source-access-dialog a {color:#006831;}
 .lead-source-access-dialog button {min-height:44px;padding:8px 12px;border:1px solid #bdc8d5;background:#fff;color:#17202a;font:inherit;font-size:12px;cursor:pointer;}
 .lead-source-access-dialog button[hidden] {display:none;}
 .lead-source-access-dialog button:focus-visible {outline:2px solid #008341;outline-offset:2px;}
}
/* Supplied Lead composition only. The common header and other workspaces
   remain defined by their existing, verified styles. */
@layer components {
 body[data-workspace="leads"] {background:#f5f6f8;}
 body[data-workspace="leads"] main {box-sizing:border-box;width:min(1440px,100%);max-width:100%;padding:22px clamp(16px,3.6vw,44px) 32px;}
 body[data-workspace="leads"] #shell-location {margin:0;padding:0;border:0;min-height:0;}
 body[data-workspace="leads"] #shell-location>div {display:flex;flex-wrap:wrap;}
 body[data-workspace="leads"] #read-freshness {display:block;margin:8px 0;color:#435267;font-size:12px;}
 .lead-ref-workspace {--lead-line:#dce2ea;--lead-ink:#1c2530;--lead-muted:#536274;display:grid;gap:18px;min-width:0;color:var(--lead-ink);font-family:Montserrat,Arial,sans-serif;}
 .lead-ref-workspace :is(.lead-ref-icon,.calls-icon) {display:block;flex:0 0 auto;width:20px;height:20px;}
 .lead-ref-workspace :is(button,select,input,summary) {font-family:inherit;}
 .lead-ref-workspace button {min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;margin:0;padding:9px 12px;border:1px solid var(--lead-line);border-radius:4px;font-size:12px;line-height:1.4;font-weight:600;color:#253442;background:#fff;cursor:pointer;}
 .lead-ref-workspace button:disabled {cursor:not-allowed;opacity:1;color:#697482;border-color:#d7dfe7;background:#f3f5f6;}
 .lead-ref-workspace :is(button,select,input,a,summary):focus-visible {outline:2px solid #008341;outline-offset:3px;}
 .lead-ref-workspace button:not(:disabled):hover {border-color:#9ca9b7;background:#f5f7f8;}
 .lead-ref-workspace button.is-primary {background:#161616;border-color:#161616;color:#fff;}
 .lead-ref-workspace button.is-primary:hover {background:#303030;}
 .lead-ref-workspace button.is-green {background:#087d43;border-color:#087d43;color:#fff;}
 .lead-ref-workspace button.is-green:disabled {background:#d4f7e0;border-color:#48c97d;color:#005d2a;}
 .lead-ref-page-head {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
 .lead-ref-page-head>div {display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
 .lead-ref-page-head h1 {margin:0;font-size:29px;line-height:1.3;letter-spacing:-.025em;font-weight:750;color:#17202a;}
 .lead-ref-page-head p {margin:0;font-size:13px;line-height:1.6;color:var(--lead-muted);}
 .lead-ref-page-head>small {font-size:11px;line-height:1.5;color:#586577;}
 .lead-ref-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(250px,1.6fr);gap:12px;}
 .lead-ref-kpi {display:flex;align-items:center;gap:12px;padding:16px 12px;min-height:108px;box-sizing:border-box;background:#fff;border:1px solid var(--lead-line);border-radius:6px;}
 .lead-ref-kpi-icon {display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;color:#344253;border-radius:7px;background:#f0f3f5;}
 .lead-ref-kpi>div {display:grid;gap:4px;min-width:0;}
 .lead-ref-kpi strong {font-size:27px;line-height:1.2;letter-spacing:-.02em;font-weight:750;font-variant-numeric:tabular-nums;color:#1c2530;}
 .lead-ref-kpi>div>span {font-size:12px;line-height:1.5;font-weight:550;color:#465467;}
 .lead-ref-kpi small {font-size:10.5px;line-height:1.5;color:#526274;}
 .lead-ref-workspace .lead-ref-search-card {display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:18px;background:#151515;border-color:#151515;border-radius:6px;color:#fff;text-align:left;}
 .lead-ref-workspace button.lead-ref-search-card:not(:disabled):hover,
 .lead-ref-workspace button.lead-ref-search-card:focus-visible {background:#292929;border-color:#292929;color:#fff;}
 .lead-ref-search-card>svg:first-child {width:27px;height:27px;}
 .lead-ref-search-card>svg:last-child {margin-left:auto;width:18px;height:18px;}
 .lead-ref-search-card>span {display:grid;gap:7px;}
 .lead-ref-search-card strong {font-size:14px;line-height:1.4;color:#fff;font-weight:700;}
 .lead-ref-search-card small {font-size:11px;font-weight:400;line-height:1.55;color:#d0d4d7;}
 .lead-ref-filters {margin:0;border:1px solid var(--lead-line);border-radius:6px;background:#fff;overflow:hidden;}
 .lead-ref-filters>header {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px 0;}
 .lead-ref-filters h2 {margin:0;font-size:17px;line-height:1.5;font-weight:700;}
 .lead-ref-filters>header>button {border:0;background:transparent;font-size:12px;}
 .lead-ref-filter-grid {display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:12px 16px;padding:12px 18px 16px;align-items:end;}
 .lead-ref-field {display:grid;gap:5px;min-width:0;margin:0;padding:0;border:0;color:#465469;font-size:12px;line-height:1.5;font-weight:500;}
 .lead-ref-field>span:first-child,.lead-ref-field>legend {font-size:12px;line-height:1.5;font-weight:500;}
 .lead-ref-field input,.lead-ref-field select,.lead-ref-auto select {box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;padding:8px 10px;border:1px solid #bdc8d5;border-radius:4px;font-size:12px;line-height:1.5;background:#fff;color:#263444;}
 .lead-ref-field select:disabled,.lead-ref-field input:disabled {background:#f7f8f9;color:#637083;border-color:#d7dfe7;opacity:1;}
 .lead-ref-input-icon {position:relative;display:block;}
 .lead-ref-input-icon>:is(.lead-ref-icon,.calls-icon) {position:absolute;left:10px;top:12px;width:18px;height:18px;color:#637284;pointer-events:none;}
 .lead-ref-input-icon input {padding-left:36px;}
 .lead-ref-field input::placeholder {color:#667385;opacity:1;}
 .lead-ref-business-dropdown {position:relative;margin:0;min-width:0;}
 .lead-ref-business-dropdown>summary {box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-width:0;width:100%;height:44px;padding:8px 10px;border:1px solid #bdc8d5;border-radius:4px;font-size:12px;line-height:1.5;background:#fff;color:#263444;cursor:pointer;}
 .lead-ref-business-dropdown>summary::-webkit-details-marker {display:none;}
 .lead-ref-business-dropdown>summary:focus-visible {outline:2px solid #111;outline-offset:2px;}
 .lead-ref-business-dropdown>summary[aria-disabled=true] {background:#f7f8f9;color:#637083;border-color:#d7dfe7;cursor:default;}
 .lead-ref-business-dropdown>summary>:is([data-lead-business-value],[data-lead-source-value]) {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .lead-ref-business-caret {width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);}
 .lead-ref-business-dropdown[open]>summary>.lead-ref-business-caret {transform:translateY(2px) rotate(225deg);}
 .lead-ref-business-dropdown>.lead-ref-business-choices {position:absolute;z-index:30;top:calc(100% + 5px);right:0;box-sizing:border-box;display:grid;grid-template-columns:1fr;width:max(100%,230px);max-width:calc(100vw - 48px);max-height:300px;overflow-y:auto;gap:0;border:1px solid #bdc8d5;border-radius:4px;padding:5px;background:#fff;box-shadow:0 8px 24px #00000018;}
 .lead-ref-business-dropdown:not([open])>.lead-ref-business-choices {display:none;}
 .lead-ref-business-choices>small {padding:5px 7px;font-size:10.5px;line-height:1.4;color:#637083;}
 .lead-ref-business-choices>label {display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;padding:3px 7px;margin:0;cursor:pointer;color:#263444;font-size:12px;line-height:1.35;}
 .lead-ref-business-choices>label:hover {background:#f4f6f8;}
 .lead-ref-field .lead-ref-business-choices input[type=checkbox] {width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:#111;}
 .lead-ref-business-choices>label>span {min-width:0;overflow-wrap:anywhere;}
 .lead-ref-business-choices>label:focus-within {outline:2px solid #111;outline-offset:-2px;}
 .lead-ref-business-choices>label:has(input:disabled) {color:#637083;cursor:default;}
 .lead-ref-filters:has(.lead-ref-business-dropdown[open]) {overflow:visible;position:relative;z-index:2;}
 .lead-ref-dates>legend {margin-bottom:5px;}
 .lead-ref-dates>div {display:flex;align-items:center;gap:5px;height:44px;}
 .lead-ref-dates>div>input {flex:1 1 0;width:0;font-size:11px;padding-inline:5px;}
 .lead-ref-dates>div>span {flex:0 0 auto;font-size:11px;color:#657184;}
 .lead-ref-filter-actions {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-height:44px;}
 .lead-ref-filter-actions>button {flex:1 1 auto;padding:8px;font-size:11px;gap:6px;}
 .lead-ref-filter-actions .lead-ref-icon {width:16px;height:16px;}
 .lead-ref-auto {display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #e1e7ed;background:#f9fafb;}
 .lead-ref-auto-icon {display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border:1px solid #dfe5eb;background:#fff;border-radius:50%;color:#344254;}
 .lead-ref-auto>div {flex:1 1 auto;}
 .lead-ref-auto h3 {margin:0;font-size:14px;line-height:1.5;font-weight:650;color:#293646;}
 .lead-ref-auto p {margin:3px 0 0;font-size:12px;line-height:1.5;color:#586779;}
 .lead-ref-auto>label {display:flex;align-items:center;gap:8px;flex:0 1 260px;min-width:170px;font-size:12px;color:#536172;}
 .lead-ref-auto>label>span {flex:0 0 auto;}
 .lead-ref-auto select {height:44px;min-width:0;font-size:12px;}
 .lead-ref-auto>.is-green {flex:0 0 auto;white-space:nowrap;}
 .lead-ref-filter-caption {margin:0;padding:8px 18px 10px;font-size:11px;line-height:1.55;color:#536274;border-top:1px solid #e9edf1;}
 [data-lead-ref-results] {min-width:0;display:grid;gap:10px;}
 .lead-ref-list-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;}
 .lead-ref-list-tabs {display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-width:0;}
 .lead-ref-workspace .lead-ref-list-tabs>button {border-color:transparent;background:transparent;color:#536172;font-size:12px;padding:8px 9px;gap:4px;}
 .lead-ref-workspace .lead-ref-list-tabs>button[aria-pressed="true"] {background:#141414;border-color:#141414;color:#fff;}
 .lead-ref-workspace .lead-ref-list-tabs>button:disabled {background:transparent;color:#6b7482;}
 .lead-ref-list-toolbar>button {flex:0 0 auto;}
 .lead-ref-table-panel {min-width:0;border:1px solid var(--lead-line);border-radius:6px;overflow:visible;background:#fff;}
 .lead-ref-table-scroll {max-width:100%;overflow:auto;border-radius:6px 6px 0 0;}
 .lead-ref-table-scroll table {width:100%;border-collapse:collapse;font-size:12px;line-height:1.5;}
 .lead-ref-table-scroll th {text-align:left;white-space:nowrap;background:#fafbfc;color:#536172;font-size:12px;font-weight:550;line-height:1.5;padding:10px 8px;border-bottom:1px solid #dce3eb;}
 .lead-ref-table-scroll td {padding:7px 8px;border-bottom:1px solid #e8edf2;font-size:12px;color:#475569;vertical-align:middle;max-width:220px;overflow-wrap:anywhere;}
 .lead-ref-table-scroll tbody>tr:last-child>td {border-bottom:0;}
 .lead-ref-table-scroll td>small {display:block;font-size:11px;line-height:1.5;color:#5d6a7b;}
 .lead-ref-select {width:32px;}
 .lead-ref-table-scroll :is(th,td)>label {display:grid;place-items:center;width:28px;height:44px;cursor:pointer;}
 .lead-ref-table-scroll input[type=checkbox] {width:16px;height:16px;min-width:16px;min-height:16px;margin:0;accent-color:#111;}
 .lead-ref-company {min-width:130px;}
 .lead-ref-company>strong {display:block;font-weight:700;color:#263442;}
 .lead-ref-company>a {display:flex;align-items:center;gap:4px;max-width:200px;min-height:24px;font-size:11px;line-height:1.5;color:#536274;text-decoration:none;}
 .lead-ref-company>a>svg {width:12px;height:12px;}
 .lead-ref-workspace a:hover {text-decoration:underline;}
 .lead-ref-score {display:inline-flex;align-items:center;justify-content:center;min-width:31px;padding:3px 6px;border-radius:4px;font-size:11px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums;background:#eef1f5;color:#576476;}
 .lead-ref-score.is-green {background:#d4f7e0;color:#00612c;}
 .lead-ref-score.is-amber {background:#fff3ce;color:#70511a;}
 .lead-ref-status {display:inline-block;max-width:190px;padding:4px 7px;border-radius:4px;background:#eff2f5;color:#526174;font-size:11px;line-height:1.5;font-weight:550;}
 .lead-ref-status.green {background:#d4f7e0;color:#00612c;}.lead-ref-status.amber {background:#fff3ce;color:#70511a;}.lead-ref-status.blue {background:#e5f0ff;color:#245583;}.lead-ref-status.red {background:#ffebed;color:#a1262e;}
 .lead-ref-missing {font-size:11px;color:#627082;}
 .lead-ref-row-actions {white-space:nowrap;min-width:128px;}
 .lead-ref-row-actions>button {min-width:68px;min-height:44px;gap:7px;padding:7px 9px;}
 .lead-ref-row-actions>button>.calls-icon {width:15px;height:15px;}
 .lead-ref-row-menu {display:inline-block;vertical-align:middle;position:relative;margin-left:4px;}
 .lead-ref-row-menu>summary {display:grid;place-items:center;list-style:none;width:36px;height:44px;border-radius:4px;color:#526172;cursor:pointer;}
 .lead-ref-row-menu>summary::-webkit-details-marker {display:none;}
 .lead-ref-row-menu[open]>div {position:absolute;right:0;top:44px;z-index:4;display:grid;gap:6px;min-width:200px;padding:10px;border:1px solid #c9d3df;border-radius:5px;background:#fff;box-shadow:0 6px 18px rgb(0 0 0 / 10%);white-space:normal;}
 .lead-ref-row-menu p {margin:0;}
 .lead-ref-row-menu a {display:flex;align-items:center;gap:6px;min-height:44px;padding:5px;font-size:12px;color:#344456;text-decoration:none;}
 .lead-ref-row-menu a>svg {width:15px;height:15px;}
 .lead-ref-table-panel>footer {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #e2e7ed;background:#fbfcfd;border-radius:0 0 6px 6px;}
 .lead-ref-bulk {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
 .lead-ref-bulk>span {white-space:nowrap;font-size:12px;color:#526172;margin-right:4px;}
 .lead-ref-workspace .lead-ref-bulk>button {font-size:11px;padding:7px 8px;gap:5px;}
 .lead-ref-bulk>button>svg {width:15px;height:15px;}
 .lead-ref-workspace .lead-ref-bulk>.is-danger:disabled {background:#ffedf0;border-color:#efd3d8;color:#a32d36;}
 .lead-ref-pagination {display:flex;align-items:center;gap:6px;flex:0 0 auto;font-size:12px;color:#536274;white-space:nowrap;}
 .lead-ref-pagination>span {margin-right:4px;}
 .lead-ref-pagination>button {width:35px;min-width:35px;padding:7px;}
 .lead-ref-pagination>button:first-of-type>svg {transform:rotate(180deg);}
 .lead-ref-pagination>button>svg {width:17px;height:17px;}
 .lead-ref-table-caption {font-size:11px;line-height:1.55;color:#526274;margin:0;}
 .lead-ref-message {padding:10px 12px;border:1px solid #9ed2b1;border-radius:5px;font-size:12px;line-height:1.6;color:#205537;background:#e8f8ed;margin:0;}
 .lead-ref-duplicates {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;background:#fff7e2;border:1px solid #efd68d;border-radius:5px;font-size:12px;color:#77551d;}
 .lead-ref-duplicates>button {margin-left:auto;}
 .lead-ref-empty>td {padding:26px 18px;color:#536274;}
 .lead-ref-empty strong {display:block;color:#283645;font-size:14px;font-weight:650;}
 .lead-ref-empty span {display:block;margin-top:5px;font-size:12px;}
 .lead-ref-bottom {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;}
 .lead-ref-bottom>aside {min-width:0;padding:16px;border:1px solid #ecd08a;border-radius:6px;background:#fff8e5;color:#70511e;}
 .lead-ref-bottom h2 {display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.4;}
 .lead-ref-advice ul {margin:0;padding-left:18px;font-size:12px;line-height:1.8;}
 .lead-ref-bottom .lead-ref-shortcuts {background:#e6f9ed;color:#24593a;border-color:#a3d8b5;}
 .lead-ref-shortcuts>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .lead-ref-shortcuts>div>button {justify-content:flex-start;min-width:0;text-align:left;font-size:11px;padding:8px;}
 .lead-ref-shortcuts>div>button>svg {width:16px;height:16px;}
 .lead-ref-shortcuts>small {display:block;font-size:11px;line-height:1.55;margin-top:10px;color:#386247;}
 .lead-ref-native {margin:0;border:1px solid var(--lead-line);border-radius:6px;background:#fff;}
 .lead-ref-native>summary {display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;font-weight:600;min-height:48px;padding:12px 16px;color:#465568;}
 .lead-ref-native>summary::after {content:'+';margin-left:auto;font-size:20px;font-weight:400;}
 .lead-ref-native[open]>summary::after {content:'−';}
 .lead-ref-native>div {padding:0 16px 16px;}
 .lead-ref-native .lead-v71-filters {padding:14px;border:1px solid #dce3eb;border-radius:5px;box-shadow:none;}
 .lead-ref-native :is(.lead-v71-filters h2,.lead-v71-identity h2) {font-size:20px;}
 .lead-ref-native .lead-v71-filter-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
 .lead-ref-native .lead-v71-card {margin-top:14px;padding:18px;border-radius:5px;box-shadow:none;}
 .lead-ref-native-empty {padding:16px;font-size:12px;line-height:1.6;color:#526172;}
 @media(max-width:1200px){
  .lead-ref-summary {gap:9px;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(215px,1.45fr);}
  .lead-ref-kpi {gap:8px;padding:14px 9px;}.lead-ref-kpi-icon {width:29px;height:29px;flex-basis:29px;}.lead-ref-kpi strong {font-size:25px;}
  .lead-ref-kpi small {font-size:10.5px;}.lead-ref-search-card strong {font-size:13px;}.lead-ref-workspace .lead-ref-search-card {padding:14px;gap:9px;}
  .lead-ref-filter-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;}
  .lead-ref-filter-actions>button {font-size:11px;}.lead-ref-filter-actions>button>svg {display:none;}
  .lead-ref-list-tabs>button {font-size:11px;}.lead-ref-table-scroll table {min-width:1120px;}
  .lead-ref-table-panel>footer {align-items:start;}.lead-ref-bulk {gap:5px;}
 }
 @media(max-width:850px){
  .lead-ref-summary {grid-template-columns:repeat(4,minmax(0,1fr));}.lead-ref-search-card {grid-column:1/-1;}
  .lead-ref-filter-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.lead-ref-auto {flex-wrap:wrap;}.lead-ref-auto>div {flex:1 1 calc(100% - 55px);}.lead-ref-auto>label {flex:1 1 200px;}
  .lead-ref-table-panel>footer {flex-wrap:wrap;}.lead-ref-pagination {margin-left:auto;}.lead-ref-bottom {grid-template-columns:1fr;}
 }
 @media(max-width:650px){
  body[data-workspace="leads"] main {padding:16px 14px 24px;}
  .lead-ref-workspace {gap:14px;}.lead-ref-page-head {align-items:start;}.lead-ref-page-head>div {gap:5px;display:grid;}.lead-ref-page-head h1 {font-size:26px;}.lead-ref-page-head p {font-size:12px;}.lead-ref-page-head>small {font-size:11px;}
  .lead-ref-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.lead-ref-kpi {min-height:105px;padding:12px 9px;}.lead-ref-kpi strong {font-size:24px;}.lead-ref-kpi>div>span {font-size:12px;}
  .lead-ref-workspace .lead-ref-search-card {min-height:88px;padding:16px;}.lead-ref-search-card strong {font-size:14px;}
  .lead-ref-filters>header {padding:10px 12px 0;align-items:start;}.lead-ref-filters h2 {font-size:16px;}.lead-ref-filters>header>button {font-size:11px;padding:6px;max-width:135px;}
  .lead-ref-filter-grid {padding:10px 12px 14px;gap:12px 10px;}.lead-ref-field>span:first-child {font-size:11.5px;}.lead-ref-query {grid-column:1/-1;}
  .lead-ref-field input,.lead-ref-field select {font-size:12px;padding:8px;}.lead-ref-input-icon input {padding-left:33px;}
  .lead-ref-dates,.lead-ref-filter-actions {grid-column:1/-1;}.lead-ref-dates>div>input {font-size:12px;padding-inline:8px;}
  .lead-ref-auto {padding:12px;gap:10px;}.lead-ref-auto h3 {font-size:13px;}.lead-ref-auto p {font-size:11px;}.lead-ref-auto>label {flex-basis:100%;min-width:0;}.lead-ref-auto>.is-green {width:100%;}
  .lead-ref-filter-caption {padding:9px 12px;font-size:11px;}.lead-ref-list-toolbar {align-items:start;flex-wrap:wrap;}.lead-ref-list-tabs {gap:2px;}.lead-ref-workspace .lead-ref-list-tabs>button {font-size:11px;padding:7px;}.lead-ref-list-toolbar>button {margin-left:auto;}
  .lead-ref-table-scroll table {min-width:0;}.lead-ref-table-scroll thead {display:none;}.lead-ref-table-scroll tbody {display:grid;gap:12px;padding:12px;}
  .lead-ref-table-scroll tr {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;border:1px solid #dce3eb;border-radius:5px;padding:12px;}
  .lead-ref-table-scroll td {display:block;border:0;padding:0;min-width:0;max-width:none;font-size:12px;overflow-wrap:anywhere;}
  .lead-ref-table-scroll td[data-label]::before {content:attr(data-label);display:block;margin-bottom:3px;font-size:11px;color:#687587;}
  .lead-ref-table-scroll td.lead-ref-select {position:relative;z-index:1;grid-column:2;justify-self:end;grid-row:1;width:24px;}
  .lead-ref-table-scroll td.lead-ref-company {grid-column:1/-1;grid-row:1;min-width:0;padding-right:35px;}.lead-ref-table-scroll td.lead-ref-company::before {display:none;}.lead-ref-company>strong {font-size:14px;}.lead-ref-company>a {max-width:none;}
  .lead-ref-table-scroll td:nth-child(3) {grid-column:1/-1;}.lead-ref-table-scroll td.lead-ref-row-actions {grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:4px;border-top:1px solid #e8edf2;padding-top:8px;}
  .lead-ref-row-menu {margin:0;}.lead-ref-row-menu>summary {width:44px;}.lead-ref-status {max-width:100%;}
  .lead-ref-table-panel>footer {padding:10px;gap:12px;}.lead-ref-bulk {width:100%;}.lead-ref-bulk>span {width:100%;}.lead-ref-bulk>button {flex:1 1 auto;}.lead-ref-pagination {margin-left:auto;}
  .lead-ref-table-scroll .lead-ref-empty {display:block;}.lead-ref-table-scroll .lead-ref-empty>td {padding:12px;font-size:12px;}
  .lead-ref-bottom>aside {padding:14px;}.lead-ref-bottom h2 {font-size:15px;}.lead-ref-shortcuts>div>button {font-size:11px;gap:6px;}
  .lead-ref-native>summary {font-size:11px;}.lead-ref-native>div {padding:0 10px 10px;}.lead-ref-native .lead-v71-filter-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.lead-ref-native .lead-v71-form-grid {grid-template-columns:1fr;}
 }
}

@layer components {
 .lead-ref-scope-tools {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#48586b;}
 .lead-ref-scope-tools>label {display:flex;align-items:center;gap:8px;min-height:44px;margin:0;}
 .lead-ref-scope-tools input[type=checkbox] {width:16px;height:16px;min-height:16px;accent-color:#111;}
 .lead-ref-scope-tools select {min-height:44px;max-width:240px;border:1px solid #c0cbd8;border-radius:4px;padding:8px 10px;font-size:12px;background:#fff;}
 .lead-ref-workspace .lead-ref-bulk>.is-danger:not(:disabled) {color:#992632;background:#ffedf0;border-color:#e9c3ca;}
 .lead-management-dialog {width:min(650px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #d5dee8;border-radius:7px;color:#253442;background:#fff;box-shadow:0 14px 50px rgb(0 0 0 / 20%);}
 .lead-management-dialog::backdrop {background:rgb(0 0 0 / 42%);}
 .lead-management-form {padding:20px;display:grid;gap:14px;}
 .lead-management-form>header {display:flex;align-items:start;justify-content:space-between;gap:12px;}
 .lead-management-form h2 {font-size:21px;line-height:1.4;margin:0;font-weight:700;letter-spacing:-.015em;}
 .lead-management-form button {min-height:44px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#263748;padding:9px 13px;font:600 12px/1.5 Montserrat,Arial,sans-serif;}
 .lead-management-form button.flow-primary {background:#161616;border-color:#161616;color:#fff;}
 .lead-management-form>header>button {flex:0 0 44px;width:44px;padding:4px;font-size:23px;font-weight:400;}
 .lead-management-form form {display:grid;gap:14px;min-width:0;}
 .lead-management-form p {font-size:13px;line-height:1.6;margin:0;color:#4b5a6d;}
 .lead-management-form label {display:grid;gap:6px;margin:0;font-size:12px;line-height:1.5;font-weight:550;color:#46576b;min-width:0;}
 .lead-management-form label>span {display:flex;align-items:center;gap:7px;}
 .lead-management-form :is(input:not([type=checkbox]),select) {min-height:44px;box-sizing:border-box;min-width:0;width:100%;padding:9px 11px;border:1px solid #b9c6d5;border-radius:4px;font:400 13px/1.5 Montserrat,Arial,sans-serif;color:#253442;background:#fff;}
 .lead-management-form input[type=checkbox] {width:17px;height:17px;min-height:17px;accent-color:#111;}
 .lead-management-form .lead-management-check {display:flex;align-items:center;gap:8px;min-height:44px;}
 .lead-management-fields {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
 .lead-management-form footer {display:flex;justify-content:flex-end;gap:10px;padding-top:4px;flex-wrap:wrap;}
 .lead-management-form [data-lead-management-feedback]:not(:empty) {background:#fff5da;border:1px solid #e7cb79;border-radius:4px;color:#70521c;padding:10px 12px;font-size:12px;}
 .lead-management-form .lead-management-error {padding:10px 12px;background:#ffedef;border:1px solid #e9c2c7;border-radius:4px;color:#9c2630;}
 .lead-management-form .lead-management-hint {font-size:12px;line-height:1.7;}
 .lead-management-import-preview {min-width:0;max-width:100%;overflow:auto;background:#f8fafc;border:1px solid #d6dfe9;border-radius:4px;padding:10px;}
 .lead-management-import-preview>strong {font-size:13px;}
 .lead-management-import-preview table {width:100%;border-collapse:collapse;font-size:12px;margin-top:8px;}
 .lead-management-import-preview th,.lead-management-import-preview td {padding:7px;text-align:left;border-bottom:1px solid #dfe6ef;max-width:200px;overflow-wrap:anywhere;}
 .lead-manage-progress {border:1px solid #d9e2ed;border-radius:5px;background:#fff;}
 .lead-manage-progress summary {cursor:pointer;min-height:44px;padding:10px 14px;font-size:12px;font-weight:650;}
 .lead-manage-progress>div {padding:0 14px 14px;display:grid;gap:10px;}
 .lead-manage-progress article {display:grid;grid-template-columns:minmax(90px,1fr) 1fr 2fr;gap:8px;padding:10px;border:1px solid #e3e8ef;border-radius:4px;font-size:12px;}
 .lead-manage-progress article>p {grid-column:1/-1;font-size:12px;line-height:1.6;margin:0;color:#865126;}
 .lead-manage-recovery {padding:12px 14px;border:1px solid #d7b14f;background:#fff6dc;border-radius:5px;color:#755315;}
 .lead-manage-recovery strong {font-size:14px;}.lead-manage-recovery p {font-size:12px;line-height:1.6;}
 @media(max-width:650px){
  .lead-management-form {padding:16px;}.lead-management-form h2 {font-size:18px;}.lead-management-fields {grid-template-columns:1fr;}
  .lead-ref-scope-tools {gap:6px;}.lead-ref-scope-tools>label {max-width:100%;}.lead-ref-scope-tools select {max-width:220px;}
  .lead-manage-progress article {grid-template-columns:1fr;}.lead-manage-progress article>p {grid-column:1;}
 }
}


/* lead-form-polish-20261015-r1: Appels proportions, Lead search form only.
   Shared header, navigation and existing hover contrast remain untouched. */
@layer components {
 .lead-ref-filters[data-lead-form-polish] {
  --lead-form-line:#d4d4d4;
  --lead-form-border:#aeb9c6;
  box-sizing:border-box; min-width:0; margin:0; padding:0;
  border:1px solid var(--lead-form-line); border-radius:0;
  background:#fff; color:#111; overflow:visible;
 }
 .lead-ref-filters[data-lead-form-polish]>header {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:10px 18px; margin:0; padding:16px 18px;
  border-bottom:1px solid var(--lead-form-line);
 }
 .lead-ref-filters[data-lead-form-polish] h2 {
  margin:0; min-width:0; flex:1 1 320px;
  color:#111; font-size:20px; line-height:1.35; font-weight:750; letter-spacing:-.02em;
 }
 .lead-ref-filters[data-lead-form-polish]>header>button {
  flex:0 0 auto; max-width:100%; min-height:44px; margin:0; padding:9px 12px;
  border:1px solid var(--lead-form-line); border-radius:0;
  background:#fff; color:#111; font-size:12px; line-height:1.4;
 }
 .lead-ref-filters[data-lead-form-polish]>form {
  display:grid; gap:18px; min-width:0; margin:0; padding:18px;
 }
 .lead-ref-filters[data-lead-form-polish] :is(.lead-ref-filter-grid,.lead-ref-search-settings) {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end; gap:16px; min-width:0; margin:0; padding:0;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-search-settings {
  grid-template-columns:minmax(0,3fr) minmax(0,3fr) repeat(3,minmax(0,2fr));
  padding-top:18px; border-top:1px solid var(--lead-form-line);
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-field {
  display:grid; grid-template-rows:auto 44px; align-content:end; align-self:end;
  gap:6px; min-width:0; margin:0; padding:0; border:0;
  color:#384655; font-size:12px; line-height:1.5; font-weight:600;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-field>span:first-child {
  display:block; min-height:18px; margin:0; padding:0;
  color:inherit; font-size:12px; line-height:1.5; font-weight:600;
 }
 .lead-ref-filters[data-lead-form-polish] :is(.lead-ref-field>input,.lead-ref-field>select,.lead-ref-dates>div>input,.lead-ref-business-dropdown>summary) {
  box-sizing:border-box; width:100%; min-width:0; max-width:100%; height:44px; min-height:44px;
  margin:0; padding:9px 10px; border:1px solid var(--lead-form-border); border-radius:0;
  background:#fff; color:#111; font-family:inherit; font-size:13px; line-height:1.5;
  font-weight:400; font-variant-numeric:tabular-nums; box-shadow:none;
 }
 .lead-ref-filters[data-lead-form-polish] input::placeholder {color:#66717d;opacity:1;}
 .lead-ref-filters[data-lead-form-polish] input[readonly] {background:#f4f4f4;color:#49525c;}
 .lead-ref-filters[data-lead-form-polish] :is(input,select):disabled,
 .lead-ref-filters[data-lead-form-polish] summary[aria-disabled=true] {
  background:#f4f4f4; color:#637083; border-color:var(--lead-form-line); opacity:1;
 }
 .lead-ref-filters[data-lead-form-polish] :is(input,select,summary,button):focus-visible {
  outline:2px solid #111; outline-offset:3px;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-dates {grid-column:span 2;}
 .lead-ref-filters[data-lead-form-polish] .lead-ref-dates>div {
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center; gap:10px; min-width:0; height:44px;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-dates>div>span {
  color:#595959; font-size:12px; line-height:1.5;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-business-dropdown {margin:0;min-width:0;}
 .lead-ref-filters[data-lead-form-polish] .lead-ref-business-dropdown>.lead-ref-business-choices {
  right:0; width:100%; min-width:0; max-width:100%; max-height:min(300px,60dvh);
  padding:5px; border-color:var(--lead-form-border); border-radius:0; background:#fff;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-business-choices>small {font-size:12px;color:#595959;}
 .lead-ref-filters[data-lead-form-polish] .lead-ref-business-choices>label {color:#111;}
 .lead-ref-filters[data-lead-form-polish] .lead-ref-business-choices>label:hover {background:#f4f4f4;}
 .lead-ref-filters[data-lead-form-polish] [data-lead-search-feedback] {
  min-width:0; margin:0; padding:10px 12px; border:1px solid var(--lead-form-line);
  color:#111; background:#f4f4f4; font-size:12px; line-height:1.5; overflow-wrap:anywhere;
 }
 .lead-ref-filters[data-lead-form-polish] [data-lead-search-feedback]:empty {display:none;}
 .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-actions {
  display:flex; grid-column:auto; align-items:center; justify-content:flex-end; flex-wrap:wrap;
  gap:10px; min-height:44px; margin:0; padding:16px 0 0; border-top:1px solid var(--lead-form-line);
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-actions>button {
  flex:0 1 auto; min-width:140px; max-width:100%; min-height:44px;
  padding:10px 14px; border-radius:0; font-size:13px; line-height:1.4; gap:8px;
 }
 .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-actions>button>svg {display:block;width:18px;height:18px;}
 .lead-ref-filters[data-lead-form-polish] button:not(:disabled):is(:hover,:focus-visible) {
  background:#000; border-color:#000; color:#fff;
 }
 .lead-ref-filters[data-lead-form-polish] button:not(:disabled):is(:hover,:focus-visible)>span {color:inherit;}
 .lead-ref-filters[data-lead-form-polish] button.is-primary:not(:disabled) {background:#000;border-color:#000;color:#fff;}
 @media(max-width:1100px) {
  .lead-ref-filters[data-lead-form-polish] :is(.lead-ref-filter-grid,.lead-ref-search-settings) {grid-template-columns:repeat(2,minmax(0,1fr));}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-search-settings>.lead-ref-field:has([name=score_threshold]) {grid-column:1/-1;}
 }
 @media(max-width:650px) {
  .lead-ref-filters[data-lead-form-polish]>header {padding:14px;gap:10px;}
  .lead-ref-filters[data-lead-form-polish] h2 {flex-basis:100%;font-size:18px;}
  .lead-ref-filters[data-lead-form-polish]>header>button {max-width:100%;font-size:12px;}
  .lead-ref-filters[data-lead-form-polish]>form {padding:14px;gap:16px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-grid {grid-template-columns:minmax(0,1fr);gap:14px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-dates {grid-column:auto;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-dates>div {gap:6px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-dates>div>input {padding-inline:6px;font-size:12px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-search-settings {gap:14px 10px;padding-top:16px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-search-settings>.lead-ref-field:has(:is([name=user_id],[data-lead-search-destination])) {grid-column:1/-1;}
  .lead-ref-filters[data-lead-form-polish] :is(.lead-ref-field>input,.lead-ref-field>select,.lead-ref-business-dropdown>summary) {font-size:16px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:14px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-actions>button {width:100%;min-width:0;font-size:13px;}
  .lead-ref-filters[data-lead-form-polish] .lead-ref-filter-actions>.is-primary {grid-row:1;}
 }
}

/* research-v2-20261016-r1: additive, confined to Lead research. */
@layer components {
 .research-v2-form fieldset {min-width:0;margin:0;padding:0 0 18px;border:0;border-bottom:1px solid #d4d4d4;}
 .research-v2-form fieldset>legend {float:none;width:auto;max-width:100%;margin:0 0 14px;padding:0;color:#171717;font-size:15px;font-weight:750;line-height:1.6;}
 .research-v2-form .research-v2-grid,.research-v2-information {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;align-items:end;}
 .research-v2-form .research-v2-information {grid-template-columns:repeat(2,minmax(0,1fr));}
 .research-v2-form .lead-ref-field {grid-template-rows:auto minmax(44px,auto);min-width:0;}
 .research-v2-form :is(.lead-ref-field>select,.lead-ref-field>input) {max-width:100%;min-width:0;}
 .research-v2-form>header>span {font-size:12px;line-height:1.6;color:#536274;}
 .research-v2-hint {margin:12px 0 0;color:#536274;font-size:12px;line-height:1.65;overflow-wrap:anywhere;}
 .research-v2-hint[hidden] {display:none;}
 .research-v2-advanced {min-width:0;margin:14px 0 0;border:1px solid #dce2ea;background:#fafafa;}
 .research-v2-advanced>summary,.research-v2-pool-row details>summary {min-height:44px;box-sizing:border-box;padding:12px;font-size:12px;line-height:1.6;cursor:pointer;}
 .research-v2-advanced>.research-v2-grid {padding:14px;}
 .research-v2-sources {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;}
 .research-v2-source {display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:74px;margin:0;padding:12px;border:1px solid #dce2ea;box-sizing:border-box;cursor:pointer;}
 .research-v2-source:has(input:checked) {border-color:#1d5135;background:#f3f8f5;}
 .research-v2-source:focus-within {outline:2px solid #111;outline-offset:2px;}
 .research-v2-source>span {display:grid;gap:5px;min-width:0;overflow-wrap:anywhere;}
 .research-v2-source strong {font-size:12px;line-height:1.5;}
 .research-v2-source small {color:#536274;font-size:11px;line-height:1.6;}
 .research-v2-source [data-source-state=ready] {color:#176238;}
 .research-v2-source [data-source-state=connection_required],.research-v2-source [data-source-state=blocked] {color:#865312;}
 .research-v2-check {display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0 0;color:#344253;font-size:12px;line-height:1.6;cursor:pointer;}
 .research-v2-form :is(.research-v2-check,.research-v2-source) input[type=checkbox] {width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0;padding:0;accent-color:#171717;}
 .research-v2-advanced>.research-v2-check {margin:0;padding:0 14px 10px;}
 .research-v2-form fieldset[data-research-section=information]>.lead-ref-field {margin-top:16px;}
 .research-v2-wire {max-width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:11px;line-height:1.6;padding:12px;background:#f4f4f4;}
 .research-v2-pool {display:grid;gap:14px;min-width:0;padding:18px;border:1px solid #dce2ea;background:#fff;}
 .research-v2-pool>header,.research-v2-pool>footer,.research-v2-pool-row>header {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0;}
 .research-v2-pool h2 {margin:0;font-size:18px;line-height:1.5;}
 .research-v2-pool p {margin:6px 0;color:#536274;font-size:12px;line-height:1.65;}
 .research-v2-pool-tabs {display:flex;flex-wrap:wrap;gap:8px;min-width:0;}
 .lead-ref-workspace .research-v2-pool-tabs button[aria-pressed=true] {color:#fff;background:#171717;border-color:#171717;}
 .research-v2-pool-rows {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;}
 .research-v2-pool-row {min-width:0;padding:16px;border:1px solid #dce2ea;overflow-wrap:anywhere;}
 .research-v2-pool-row>header {align-items:flex-start;}
 .research-v2-pool-row h3 {margin:0 0 5px;font-size:14px;line-height:1.6;}
 .research-v2-pool-row :is(small,dt) {display:block;font-size:11px;line-height:1.6;color:#536274;}
 .research-v2-pool-row a {display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:#176238;text-decoration:underline;font-size:12px;}
 .research-v2-pool-row>header>span {font-size:11px;line-height:1.6;padding:5px 8px;background:#f3f5f6;}
 .research-v2-pool-row dl {display:grid;gap:10px;margin:14px 0;}
 .research-v2-pool-row dd {margin:3px 0 0;font-size:12px;line-height:1.6;}
 .research-v2-reasons {font-size:12px;line-height:1.6;}
 .research-v2-reasons ul,.research-v2-pool-row details ul {padding-left:18px;font-size:12px;line-height:1.7;}
 .research-v2-pool-row details {margin-top:12px;border-top:1px solid #dce2ea;}
 .research-v2-pool-row details>summary {padding-inline:0;}
 .research-v2-pool-row>footer {margin-top:12px;}
 .research-v2-pool-row>footer>button {max-width:100%;white-space:normal;text-align:left;}
 .research-v2-pool>footer>span {margin-right:auto;font-size:12px;line-height:1.6;}
 @media(max-width:1000px) {
  .research-v2-form .research-v2-grid,.research-v2-sources {grid-template-columns:repeat(2,minmax(0,1fr));}
 }
 @media(max-width:650px) {
  .research-v2-form .research-v2-grid,.research-v2-form .research-v2-information,.research-v2-sources,.research-v2-pool-rows {grid-template-columns:minmax(0,1fr);}
  .research-v2-pool {padding:14px;}
  .research-v2-pool-row {padding:12px;}
  .research-v2-pool-tabs>button {flex:1 1 120px;min-width:0;}
  .research-v2-pool>footer>span {flex:1 1 100%;}
  .research-v2-form .lead-ref-field>select {text-overflow:ellipsis;}
 }
}

.lead-ref-select-page-mobile{display:flex;align-items:center;gap:8px;min-height:44px;}
.research-v2-pool-row pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;}

/* source-access-20261018-r1: only Lead research, stock and canonical profile. */
@layer components {
 body[data-workspace="leadResearch"] {background:#f5f6f8;}
 body[data-workspace="leadResearch"] main {box-sizing:border-box;width:min(1440px,100%);max-width:100%;padding:22px clamp(16px,3.6vw,44px) 32px;}
 body[data-workspace="leadResearch"] #read-freshness {display:block;margin:8px 0;color:#435267;font-size:12px;}
 .lead-stock-workspace .lead-ref-summary {grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
 .lead-stock-workspace .lead-ref-page-head,.lead-stock-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
 .lead-stock-workspace .lead-ref-scope-tools {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;margin:4px 0 16px;}
 .lead-stock-workspace .lead-ref-scope-tools>label {display:grid;gap:6px;min-width:0;font-size:13px;}
 .lead-stock-workspace .lead-ref-scope-tools :is(input,select) {width:100%;max-width:100%;font-size:13px;min-height:44px;box-sizing:border-box;}
 .lead-stock-workspace .lead-ref-list-toolbar {margin-bottom:12px;}
 .lead-stock-workspace .lead-ref-list-tabs {display:flex;flex-wrap:wrap;min-width:0;}
 .lead-stock-workspace .lead-ref-table-scroll table {min-width:930px;}
 .lead-stock-workspace .lead-ref-table-scroll td {font-size:13px;padding:12px 9px;}
 .lead-stock-workspace .lead-ref-table-scroll td>small {font-size:12px;}
 .lead-stock-workspace .lead-ref-kpi {min-height:90px;}
 .lead-stock-workspace .lead-ref-table-panel>footer {flex-wrap:wrap;}
 .lead-stock-workspace .lead-ref-pagination {flex:0 1 auto;flex-wrap:wrap;max-width:100%;margin-left:auto;}
 .lead-stock-workspace .lead-ref-pagination>span {white-space:normal;}
 .lead-stock-workspace .lead-ref-pagination>button {flex:0 0 auto;width:auto;min-width:44px;min-height:44px;padding:8px 12px;white-space:nowrap;}
 .lead-profile-dialog {box-sizing:border-box;width:min(1050px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d5dee8;border-radius:6px;background:#fff;color:#253442;overflow:auto;}
 .lead-profile-dialog::backdrop {background:rgb(0 0 0 / 42%);}
 .lead-profile-panel {padding:24px;font:400 14px/1.6 Montserrat,Arial,sans-serif;overflow-wrap:anywhere;min-width:0;}
 .lead-profile-panel>header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
 .lead-profile-panel h2 {font-size:26px;line-height:1.3;margin:4px 0 12px;}
 .lead-profile-panel h3 {font-size:16px;line-height:1.5;margin:0 0 12px;}
 .lead-profile-panel p {margin:4px 0 12px;}
 .lead-profile-panel button {min-height:44px;padding:9px 13px;border:1px solid #bac5d1;border-radius:4px;background:#fff;color:#253442;font:600 13px/1.4 Montserrat,Arial,sans-serif;display:inline-flex;gap:8px;align-items:center;justify-content:center;}
 .lead-profile-panel>header>button {flex:0 0 44px;}
 .lead-profile-actions {display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px;}
 .lead-profile-actions svg {width:18px;height:18px;}
 .lead-profile-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
 .lead-profile-grid>section,.lead-profile-panel>section,.lead-profile-panel>details {min-width:0;border:1px solid #dce2ea;border-radius:5px;padding:16px;margin-bottom:16px;}
 .lead-profile-panel dl {display:grid;gap:8px;margin:0;min-width:0;}
 .lead-profile-panel dl>div {display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.5fr);gap:10px;min-width:0;}
 .lead-profile-panel dt {font-size:12px;color:#536274;font-weight:500;}
 .lead-profile-panel dd {min-width:0;margin:0;font-size:13px;white-space:pre-wrap;}
 .lead-profile-panel dd dl>div {display:block;}
 .lead-profile-panel ul,.lead-profile-panel ol {padding-left:20px;margin:8px 0;}
 .lead-profile-panel li {margin-bottom:12px;}
 .lead-profile-panel .lead-profile-activities {list-style:none;padding:0;}
 .lead-profile-panel summary {min-height:44px;cursor:pointer;font-size:14px;font-weight:600;}
 .lead-profile-panel form {display:grid;gap:12px;margin-top:10px;}
 .lead-profile-panel form label {display:grid;gap:5px;font-size:13px;}
 .lead-profile-panel form :is(input,select,textarea) {min-width:0;width:100%;box-sizing:border-box;font-size:14px;}
 .lead-profile-panel form textarea {min-height:90px;}
 .lead-profile-panel [data-lead-profile-feedback]:not(:empty) {padding:10px;background:#f5f6f8;border:1px solid #dce2ea;}
 .lead-profile-unknown {color:#536274;}
 @media(max-width:650px) {
  :root body[data-lead-administrator="true"]>.topbar {height:114px;min-height:114px;max-height:114px;grid-template-rows:44px 44px;}
  :root body[data-lead-administrator="true"]>.topbar>.tabs {display:flex;justify-content:center;height:44px;gap:0;}
  :root body[data-lead-administrator="true"]>.topbar .nav-group {display:flex;flex:0 0 auto;width:auto;height:44px;padding:0 4px;}
  :root body[data-lead-administrator="true"]>.topbar .nav-group+.nav-group {border-top:0;border-left:1px solid #444;margin:0;padding:0 4px;}
  :root body[data-lead-administrator="true"]>.topbar .tabs button {width:auto;min-width:44px;padding:6px 9px;}
  body[data-workspace="leadResearch"] main {padding:16px 14px 24px;}
  .lead-stock-workspace .lead-ref-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
  .lead-stock-workspace .lead-ref-scope-tools {grid-template-columns:repeat(2,minmax(0,1fr));}
  .lead-stock-workspace .lead-ref-scope-tools>label:first-child {grid-column:1/-1;}
  .lead-stock-workspace .lead-ref-table-scroll table {min-width:0;}
  .lead-stock-workspace .lead-ref-table-scroll td {padding:0;}
  .lead-stock-workspace .lead-ref-table-scroll td.lead-ref-select {position:relative;z-index:2;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
  .lead-stock-workspace .lead-ref-table-scroll td.lead-ref-company {padding-right:50px;}
  .lead-stock-workspace .lead-ref-row-actions {flex-wrap:wrap;gap:8px;}
  .lead-stock-workspace .lead-ref-pagination {flex-wrap:wrap;}
  .lead-profile-dialog {width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);}
  .lead-profile-panel {padding:16px;}
  .lead-profile-panel h2 {font-size:22px;}
  .lead-profile-grid {grid-template-columns:minmax(0,1fr);gap:0;}
  .lead-profile-panel dl>div {grid-template-columns:minmax(0,1fr);gap:2px;}
  .lead-profile-panel :is(input,select,textarea) {font-size:16px;}
  .lead-profile-actions>button {flex:1 1 auto;}
 }
}