/* ---------- shared ---------- */
  .hud{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 15px; margin:9px 0 2px; font-family:var(--mono); font-size:11px; color:var(--muted); letter-spacing:.02em; }
  .hud-item,.hud-meter{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
  .hud-item,.hud-meter{ line-height:16px; }
  .hud-ic{ width:15px; height:15px; flex:none; color:var(--muted); display:inline-flex; align-items:center; }
  .hud-ic svg{ width:100%; height:100%; display:block; }
  .hud-meter .hud-ic{ width:16px; height:16px; }
  .hud-meter.heat .hud-ic{ color:var(--amber-ink); }
  .hud-pips{ display:inline-flex; gap:3px; }
  .pip{ width:6px; height:6px; border-radius:50%; border:1px solid var(--dot-ring); background:transparent; }
  .pip.on-heat{ background:var(--amber); border-color:var(--amber); }
  .pip.on-load{ background:var(--muted); border-color:var(--muted); }
  .sec-label{ display:block; padding:13px 0 7px; border-top:1px solid var(--hairline); margin-top:9px; }
  .brief-sub{ font-family:var(--mono); font-size:11px; color:var(--muted); margin:6px 0 0; letter-spacing:.02em; }
  .brief-lede-wrap{ padding:0 0 11px; border-bottom:1px solid var(--hairline); margin:2px 0 2px; }
  /* centered surface header: big avatar → title → HUD (Morning Signal / Room Read / Ask) */
  .surf-head{ text-align:center; padding-bottom:14px; border-bottom:1px solid var(--hairline); margin-bottom:8px; }
  .surf-face{ display:block; position:relative; z-index:2; margin:-70px auto 14px; width:104px; height:104px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:0 4px 16px rgba(0,0,0,.14); }
  [data-theme="dark"] .surf-face{ border-color:color-mix(in srgb, #fff 24%, transparent); box-shadow:0 2px 14px rgba(0,0,0,.35); }
  .surf-title{ display:inline-block; font-size:14px; }
  .surf-head .hud{ justify-content:center; margin:12px 0 0; }
  @media (max-width:600px){ .surf-face{ width:76px; height:76px; } }
  .brief-lede-wrap .mono-label{ display:block; margin-bottom:5px; }
  .brief-lede{ margin:0; font-size:14px; line-height:1.45; font-weight:500; color:var(--text); }
  .qmark{ font-style:italic; color:var(--muted); }

  /* priority block + Your move */
  .brief-item--priority{ display:block; padding:12px 14px; margin:6px 0 4px; border-radius:var(--radius); border:1px solid var(--amber-soft); background:var(--amber-tint); }
  .brief-item--priority + .brief-item{ border-top:none; }
  .brief-item--priority .bi-lead{ display:flex; align-items:flex-start; gap:12px; }
  .brief-item--priority .dot{ margin-top:6px; }
  .brief-move{ margin-top:10px; padding-top:10px; border-top:1px dashed var(--hairline-strong); font-size:12.5px; line-height:1.45; color:var(--text); }
  .brief-move-label{ font-family:var(--mono); font-size:10px; font-weight:500; text-transform:uppercase; letter-spacing:.09em; color:var(--interactive-ink); margin-right:8px; background:color-mix(in srgb, var(--text) 5%, transparent); padding:2px 6px; border-radius:var(--radius-small); }
  .bi-meta-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .brief-item-open{ flex:none; display:inline-flex; align-items:center; gap:4px; font-family:var(--mono); font-size:11px; color:var(--interactive-ink); text-transform:uppercase; letter-spacing:.05em; }
  .brief-item-open svg{ width:12px; height:12px; }
  .src-link{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11px; color:var(--interactive-ink); }
  .src-link .orb-sm{ width:14px; height:14px; }

  /* MS: The Read, meetings ahead, important people, zoom out, tip */
  .ms-read{ margin-top:10px; padding:12px 14px; border-radius:var(--radius); background:color-mix(in srgb,var(--surface) 45%, transparent); border:1px solid var(--hairline); }
  .ms-read .mono-label{ display:block; margin-bottom:6px; }
  .ms-read-text{ font-size:13px; line-height:1.55; }
  .ms-person{ padding:12px 13px; margin-top:6px; border:1px solid var(--hairline); border-radius:var(--radius); background:color-mix(in srgb, var(--surface) 45%, transparent); }
  .ms-person-top{ display:flex; align-items:center; gap:10px; }
  .ms-person-face{ width:32px; height:32px; border-radius:50%; object-fit:cover; flex:none; border:1px solid var(--hairline-strong); }
  .ms-person-name{ font-size:13.5px; font-weight:600; letter-spacing:-0.01em; }
  .ms-tags{ display:flex; flex-wrap:wrap; gap:5px; margin-top:4px; }
  .ptag{ font-family:var(--mono); font-size:9.5px; font-weight:500; letter-spacing:.05em; text-transform:uppercase; padding:2px 7px; border-radius:var(--radius-small); background:color-mix(in srgb, var(--muted) 14%, transparent); color:var(--muted); }
  .ms-person-read{ margin-top:9px; font-size:12.5px; line-height:1.5; color:var(--muted); }
  .ma-row{ display:flex; gap:11px; padding:8px 0; }
  .ma-row + .ma-row{ border-top:1px solid var(--hairline); }
  .ma-time{ font-family:var(--mono); font-size:11px; color:var(--interactive-ink); white-space:nowrap; flex:none; width:58px; padding-top:1px; }
  /* Room Read — objective / stretch / fallback under the bottom line */
  .rr-goals{ margin:10px 0; padding-bottom:12px; border-bottom:1px solid var(--hairline); display:flex; flex-direction:column; gap:7px; }
  .rr-goal{ display:flex; gap:10px; align-items:baseline; }
  .rr-goal-k{ flex:none; width:58px; font-size:9.5px; font-weight:500; letter-spacing:.06em; color:var(--muted); }
  .rr-goal-v{ font-size:13px; line-height:1.4; color:var(--text); }
  /* daytab brief head — role stacked under the name, mono like the persona tabs */
  .brief-who-txt{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
  .brief-who-role{ font-family:var(--mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); margin-top:3px; }
  .ma-name{ font-size:13px; font-weight:600; line-height:1.35; }
  .ma-ext{ display:inline-flex; width:11px; height:11px; color:var(--muted); vertical-align:-1px; }
  .ma-ext svg{ width:100%; height:100%; }
  .ma-note{ margin-top:2px; font-size:12px; color:var(--muted); line-height:1.4; }
  .zo-row{ font-size:12.5px; line-height:1.5; margin-top:6px; }
  .zo-arrow{ font-weight:600; color:var(--interactive-ink); margin-right:5px; }
  .tip-text{ font-size:12.5px; line-height:1.5; color:var(--muted); margin-top:6px; }

  /* Room Read: people + WHC */
  .rr-person{ display:block; padding:12px 0; }
  .rr-person + .rr-person{ border-top:1px solid var(--hairline); }
  .rr-person-hd{ display:flex; align-items:center; gap:12px; }
  .rr-person-face{ width:32px; height:32px; border-radius:50%; object-fit:cover; flex:none; border:1px solid var(--hairline-strong); }
  .rr-person-id{ min-width:0; }
  .rr-person-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .rr-person-name{ font-size:15px; font-weight:600; letter-spacing:-0.01em; }
  .rr-person-role{ font-family:var(--mono); font-size:11.5px; color:var(--muted); margin-top:2px; }
  .rr-person-note{ margin:10px 0 0; font-size:13.5px; line-height:1.5; color:var(--muted); }
  .rr-person .whc{ margin-top:10px; }
  .chip-stance{ padding:1px 8px; font-size:10px; line-height:1.6; letter-spacing:.03em; text-transform:none; border-radius:var(--radius-small); font-weight:500; }
  .chip-ally,.chip-champion{ color:var(--verified-ink); border-color:var(--verified); }
  .chip-evaluator{ color:var(--amber-ink); border-color:var(--amber-soft); }
  .chip-skeptic,.chip-blocker{ color:var(--muted); border-color:var(--hairline-strong); }
  .whc{ margin-top:6px; display:grid; grid-template-columns:auto 1fr; gap:4px 10px; }
  .whc-label{ font-family:var(--mono); font-size:9.5px; font-weight:500; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); padding-top:2px; }
  .whc-text{ font-size:12px; line-height:1.4; }
  .whc-text .lk{ color:var(--interactive-ink); }
  /* inline blue ASK badge + left rule */
  .rr-ask{ margin-top:8px; margin-left:4px; padding-left:8px; border-left:2px solid var(--interactive); font-size:12.5px; line-height:1.45; color:var(--text); }
  .rr-ask-label{ display:inline-block; background:color-mix(in srgb, var(--interactive) 13%, transparent); color:var(--interactive-ink); padding:1px 6px; border-radius:var(--radius-small); font-family:var(--mono); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-right:8px; }

  /* attendees */
  .rr-attendees{ display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
  .att-pill{ display:inline-flex; align-items:center; gap:6px; padding:3px 10px 3px 4px; border:1px solid var(--hairline); border-radius:var(--radius-pill); font-family:var(--mono); font-size:10.5px; color:var(--muted); }
  .att-ini{ width:16px; height:16px; border-radius:50%; background:color-mix(in srgb,var(--muted) 18%, transparent); color:var(--muted); font-size:9px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; }
  .att-accepted{ color:var(--verified-ink); } .att-declined{ color:var(--muted); } .att-needsAction{ color:var(--amber-ink); }

  /* before you join */
  .rr-before{ margin:10px 0 16px; padding:11px 13px; border-radius:var(--radius); background:var(--amber-tint); border:1px solid var(--amber-soft); }
  .rr-before-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
  .rr-before-label{ color:var(--amber-ink); font-family:var(--mono); font-size:10px; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }
  .rr-before-action{ flex:none; font-family:var(--mono); font-size:10.5px; padding:4px 10px; border-radius:var(--radius); border:1px solid var(--interactive); color:var(--interactive-ink); background:transparent; cursor:pointer; white-space:nowrap; }
  .rr-before-text{ font-size:12.5px; line-height:1.45; }

  /* how to handle */
  .hth-row{ margin-top:8px; font-size:12.5px; line-height:1.5; }
  .hth-label{ display:inline-block; font-family:var(--mono); font-size:10px; font-weight:500; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); background:color-mix(in srgb, var(--text) 5%, transparent); padding:2px 6px; border-radius:var(--radius-small); margin-right:7px; }
  .hth-quote{ font-style:italic; }

  /* ask section (per person) */
  .rr-asksec{ border-top:1px solid var(--hairline); margin-top:9px; padding-top:11px; }
  .rr-ask-tag{ display:inline-block; background:color-mix(in srgb,var(--interactive) 13%, transparent); color:var(--interactive-ink); padding:2px 8px; border-radius:var(--radius-small); font-family:var(--mono); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
  .rr-asklist{ border-left:2px solid var(--interactive); padding-left:12px; margin-top:8px; }
  .aq{ display:flex; gap:9px; padding:8px 0; }
  .aq + .aq{ border-top:1px solid var(--hairline); }
  .aq:first-child{ padding-top:0; }
  .aq-who{ font-size:12.5px; font-weight:600; white-space:nowrap; flex:none; }
  .aq-q{ font-size:12.5px; line-height:1.42; }

  /* jump in / stay quiet */
  .js-row{ display:flex; gap:9px; align-items:baseline; padding:6px 0; font-size:12.5px; line-height:1.42; }
  .js-badge{ flex:none; font-family:var(--mono); font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; padding:2px 7px; border-radius:var(--radius-small); white-space:nowrap; }
  .js-jump{ background:color-mix(in srgb,var(--verified) 15%, transparent); color:var(--verified-ink); }
  .js-stay{ background:color-mix(in srgb,var(--muted) 15%, transparent); color:var(--muted); }

  /* if it comes up / stalls */
  .icu{ margin-top:7px; }
  .icu-wrap{ border-top:1px solid var(--hairline); margin-top:10px; padding-top:6px; }
  .icu-scenario{ font-size:12.5px; font-weight:600; line-height:1.4; }
  .icu-response{ margin-top:3px; font-size:12.5px; font-style:italic; color:var(--muted); line-height:1.45; }
  .ifstalls{ margin-top:6px; font-size:12.5px; font-style:italic; line-height:1.45; }

  /* capital move / radar */
  .cap-text{ font-size:12.5px; line-height:1.5; margin-top:6px; }
  .cap-caution{ margin-top:8px; font-size:12px; line-height:1.45; color:var(--muted); padding-left:12px; border-left:2px solid var(--amber-soft); }
  .radar-title{ font-size:13px; font-weight:600; margin-top:6px; line-height:1.35; }
  .radar-move{ margin-top:5px; font-size:12.5px; color:var(--text); line-height:1.4; }

  /* Ask card */
  .ask-head-icon{ width:18px; height:18px; color:var(--text); flex:none; }
  .ask-head-icon svg{ width:18px; height:18px; }
  .ask-q2{ font-size:16px; font-weight:600; letter-spacing:-0.01em; line-height:1.35; margin-bottom:7px; }
  .ask-a2{ margin:6px 0 10px; font-size:12.5px; line-height:1.55; color:var(--muted); }
  .ask-foot{ display:flex; align-items:center; gap:8px; }
  .src-pill, .ask-verified, .open-btn{ height:26px; box-sizing:border-box; display:inline-flex; align-items:center; font-family:var(--mono); font-size:11px; letter-spacing:.03em; }
  .src-pill{ gap:7px; padding:0 11px 0 5px; border:1px solid var(--hairline-strong); border-radius:var(--radius-pill); color:var(--muted); font-weight:500; white-space:nowrap; background:rgba(255,255,255,1); }
  [data-theme="dark"] .src-pill{ background:rgba(255,255,255,0.09); }
  .src-orb{ width:16px; height:16px; flex:none; }
  .ask-verified{ gap:5px; color:var(--verified-ink); text-transform:uppercase; }
  .ask-verified svg{ width:12px; height:12px; }
  .open-btn{ gap:5px; padding:0 11px; border:1px solid var(--hairline-strong); border-radius:var(--radius); color:var(--interactive-ink); background:transparent; cursor:pointer; white-space:nowrap; }
  .open-btn svg{ width:12px; height:12px; }
  .ask-foot .open-btn{ margin-left:auto; }
  /* answer people-links + bullets */
  .ans-person{ color:var(--interactive-ink); text-decoration:none; white-space:nowrap; background:color-mix(in srgb, var(--text) 5%, transparent); padding:1px 6px 1px 3px; border-radius:var(--radius-pill); }
  .ans-person:hover{ text-decoration:underline; }
  .ans-face{ width:15px; height:15px; border-radius:50%; object-fit:cover; vertical-align:-3px; margin-right:3px; border:1px solid var(--hairline-strong); }
  .ask-lines{ margin:8px 0 0; }
  .ask-line{ font-size:12.5px; line-height:1.45; color:var(--muted); padding:8px 0; }
  .ask-line + .ask-line{ border-top:1px solid var(--hairline); }
  .ask-microline{ font-family:var(--mono); font-size:11px; color:var(--muted); text-align:center; margin-top:14px; padding-top:13px; border-top:1px solid var(--hairline); letter-spacing:.03em; }

  .rowdemo{ display:flex; gap:14px; flex-wrap:wrap; margin-top:12px; max-width:1480px; margin-left:auto; margin-right:auto; }
  .rowdemo .dt-row-icon{ width:24px; height:24px; color:var(--text); }
  .rowdemo-cell{ display:flex; align-items:center; gap:10px; padding:11px 16px; border:1px solid var(--hairline); border-radius:var(--radius); }
  .rowdemo-cell .dt-row-name{ font-size:14.5px; font-weight:600; }
  .rowdemo-cell .tag{ font-family:var(--mono); font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }

@media (max-width:600px){ .vig, .vig.frost{ padding-left:20px; padding-right:20px; } }
  /* Native MCP panel — Without / With WonderForce comparison */
  .mcp-prompt{ display:flex; align-items:center; gap:11px; padding:12px 0 14px; margin-top:2px; border-bottom:1px solid var(--hairline); }
  .mcp-prompt .agent-logo{ width:32px; height:32px; flex:0 0 auto; }
  /* hanging opening-quote: wrapped lines align with the text, never tucking under the mark */
  .mcp-prompt-q{ font-size:14px; font-weight:500; color:var(--text); padding-left:0.62em; text-indent:-0.62em; }
  /* dt-panel "Ground Your Agents" card: larger, bolder prompt */
  .agents-card .mcp-prompt-q{ font-size:18px; font-weight:700; }
  .mcp-col{ margin-top:12px; padding:12px 13px; border-radius:var(--radius); border:1px solid var(--hairline); }
  .mcp-col--no{ background:color-mix(in srgb, var(--muted) 7%, transparent); }
  .mcp-col--yes{ background:color-mix(in srgb, var(--verified) 10%, transparent); border-color:color-mix(in srgb, var(--verified) 32%, transparent); }
  .mcp-tag{ display:block; font-family:var(--mono); font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:.06em; margin-bottom:7px; }
  .mcp-tag--no{ color:var(--muted); }
  .mcp-tag--yes{ color:var(--verified-ink); }
  .mcp-reply{ margin:0; font-size:13px; line-height:1.5; color:var(--text); }
  .mcp-col--no .mcp-reply{ color:var(--muted); font-style:italic; }