/* JoCapCo portal: calmer "operator" pass. Loaded after app styles and dfy.css.
   Same brand (navy + gold), less consumer-app: cool neutral ground, flat panels,
   serious type, tighter radius, quieter pills. Remove this file to roll back. */
:root{
  --bg:#F3F5F8; --surface:#FFFFFF; --sunk:#E8ECF1; --ink:#14243B; --muted:#5A6779; --line:#DCE2EA;
  --accent:#1F3A5F; --accent-soft:#E3EAF3; --link:#1F5C99;
  --panel:#1F3A5F; --panel-2:#1F3A5F;
  --display:"Source Serif 4",Georgia,"Times New Roman",serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:8px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0D1726; --surface:#142236; --sunk:#0A1220; --ink:#E8ECF2; --muted:#9AA8BA; --line:#26364D;
  --accent:#C9A24B; --accent-soft:#1A2A42; --link:#8FBDEB; --panel:#17304F; --panel-2:#17304F; } }
:root[data-theme="dark"]{
  --bg:#0D1726; --surface:#142236; --sunk:#0A1220; --ink:#E8ECF2; --muted:#9AA8BA; --line:#26364D;
  --accent:#C9A24B; --accent-soft:#1A2A42; --link:#8FBDEB; --panel:#17304F; --panel-2:#17304F; }

body{font-size:15px;line-height:1.55}
h1{font-weight:600;letter-spacing:-.01em;font-size:clamp(24px,4vw,32px)}
h2{font-size:17px;font-weight:600}
h3{font-weight:600}
.top{border-bottom:1px solid var(--line);box-shadow:inset 0 -2px 0 var(--hi)}
.panel{background:var(--panel)}
.btn{border-radius:6px;font-weight:500}
.pill{border-radius:4px;font-weight:500;font-size:12px;padding:2px 8px}
.card{border-radius:var(--r)}

/* client home */
.dfy-hero{padding:28px 32px;gap:32px;border-radius:var(--r)}
.dfy-hero h1{font-size:clamp(24px,3.4vw,32px);margin:10px 0}
.dfy-hero p{font-size:15px}
.dfy-tags{display:none}
.dfy-eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:11px;opacity:.85}
.dfy-ownership{background:var(--surface);color:var(--ink);border-top:3px solid var(--hi)}
.dfy-ownership ul{line-height:1.9}
.dfy-num{font-family:var(--body);font-variant-numeric:tabular-nums}
.dfy-state-grid>div{border-left-width:2px}

/* VA playbook */
.v2-play{display:flex;flex-direction:column;gap:14px}
.v2-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.v2-list{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.6}
.v2-h{margin-top:6px}
.v2-step{border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.v2-step>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-weight:600}
.v2-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}
.v2-say{background:var(--accent-soft);border-left:3px solid var(--accent);padding:10px 12px;border-radius:4px;font-size:15px;line-height:1.55}
.v2-fill{font-weight:600}
.v2-q{font-weight:600;font-size:14px;margin-top:6px}
.v2-missing{background:var(--warn-soft);color:var(--warn);padding:8px 12px;border-radius:6px;font-size:14px}
