/* ══════════════════════════════════════════
   VEROVIAN CLIENT PORTAL — STYLESHEET
   css/style.css
══════════════════════════════════════════ */

/* ── RESET & ROOT ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --gold:        #B8A06A;
  --gold-light:  #D4BC8A;
  --gold-dim:    #8A7550;
  --ink:         #111111;
  --ivory:       #F8F4EE;
  --ivory-mid:   #EDE7DC;
  --surface:     #1A1815;
  --surface2:    #242220;
  --surface3:    #2E2B28;
  --muted:       #6B6560;
  --border:      rgba(184,160,106,0.18);
  --border-soft: rgba(184,160,106,0.08);
  --success-col: #5BAA80;
  --success-bg:  rgba(46,125,85,0.15);
  --success-bdr: rgba(46,125,85,0.3);
  --info-col:    #6AAED4;
  --info-bg:     rgba(24,95,165,0.15);
  --info-bdr:    rgba(24,95,165,0.3);

  --fd: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Jost', sans-serif;
  --fm: 'DM Mono', monospace;

  color-scheme: dark;
}

/* Media, brand, PR and search-visibility workspace */
.media-main{max-width:1540px;margin:0 auto;padding:34px 42px 80px}
.media-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:36px;align-items:end;padding:42px;border:1px solid var(--border);background:linear-gradient(135deg,#26003f 0%,#4d1761 52%,#075f69 100%);color:#fff;margin-bottom:22px}
.media-kicker,.media-panel-head span{font:500 11px/1.4 'DM Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:#7dd5dd}
.media-hero h1{font:400 clamp(42px,5vw,72px)/.95 'Cormorant Garamond',serif;margin:12px 0 18px;max-width:900px}
.media-hero p{font-size:16px;line-height:1.7;max-width:780px;color:rgba(255,255,255,.78);margin:0}
.media-hero-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08)}
.media-hero-meta span{font:500 10px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em;color:#9be3e8}
.media-hero-meta strong{font-weight:400;line-height:1.5}
.media-hero-meta .btn-o{color:#fff;border-color:rgba(255,255,255,.45)}
.media-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0}
.media-stat{padding:20px;border:1px solid var(--border);background:var(--surface2);min-height:130px;display:flex;flex-direction:column}
.media-stat span{font:500 10px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.media-stat strong{font:400 46px/1 'Cormorant Garamond',serif;margin:15px 0 8px;color:var(--ivory)}
.media-stat em{font-style:normal;font-size:12px;color:var(--muted)}
.media-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin:18px 0}
.media-capture-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
.media-panel{border:1px solid var(--border);background:var(--surface2);padding:26px;min-width:0}
.media-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:20px}
.media-panel-head h2{font:400 30px/1.05 'Cormorant Garamond',serif;margin:7px 0 0;color:var(--ivory)}
.media-panel-head em{font-style:normal;font-size:12px;line-height:1.5;color:var(--muted);max-width:260px;text-align:right}
.media-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:18px}
.media-form-grid .fg{min-width:0}
.media-form-grid textarea{resize:vertical;min-height:82px}
.media-span-2{grid-column:span 2}
.media-work-queue{display:flex;flex-direction:column;gap:10px}
.media-work-item{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px;border:1px solid var(--border);background:var(--surface)}
.media-work-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#a8893c}
.media-work-dot.urgent,.media-work-dot.overdue{background:#bd3f32}.media-work-dot.high{background:#d4802c}.media-work-dot.ready{background:#078b91}
.media-work-item strong{display:block;font-weight:500;color:var(--ivory);margin-bottom:5px}
.media-work-item p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
.media-work-item time{font:400 10px/1.4 'DM Mono',monospace;color:var(--muted);white-space:nowrap}
.media-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.media-brand-card{padding:14px;border:1px solid var(--border);background:var(--surface)}
.media-brand-card strong{display:block;font-size:13px;margin-bottom:7px}.media-brand-card span{font:400 10px/1.4 'DM Mono',monospace;color:var(--muted)}
.media-brand-meter{height:4px;background:var(--border);margin-top:10px;overflow:hidden}.media-brand-meter i{display:block;height:100%;background:#078b91}
.media-pipeline-panel{margin-top:18px}
.media-pipeline{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:5px}
.media-pipeline-column{background:var(--surface);border:1px solid var(--border);padding:13px;min-height:160px}
.media-pipeline-column h3{font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;color:var(--muted)}
.media-content-card{padding:12px;background:var(--surface2);border:1px solid var(--border);margin-bottom:9px}
.media-content-card strong{font-size:12px;line-height:1.45;display:block}.media-content-card span{font-size:10px;color:var(--muted);display:block;margin-top:7px}
.media-content-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.media-content-actions button{font-size:9px;padding:5px 7px}
.media-access-summary{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.media-access-summary span{padding:8px 11px;border:1px solid var(--border);font-size:11px;background:var(--surface)}
.media-access-table{overflow-x:auto;margin-bottom:16px}.media-access-row{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(145px,.75fr) minmax(180px,1fr) minmax(230px,1.35fr) 90px 110px 110px;gap:12px;align-items:center;padding:13px;border-bottom:1px solid var(--border);min-width:1180px;font-size:12px}
.media-access-row.head{font:500 9px/1.4 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface)}
.media-access-user strong,.media-access-user span{display:block}.media-access-user span{font-size:10px;color:var(--muted);margin-top:4px}
.media-access-scope{font-size:11px;line-height:1.5;color:var(--muted)}
.media-access-flag{display:inline-flex;padding:5px 8px;border-radius:20px;background:rgba(7,139,145,.1);color:#07747a;font-size:10px}.media-access-flag.risk{background:rgba(189,63,50,.1);color:#a5352a}
.media-inline-link{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.media-strategy-panel{margin:18px 0}.media-integration-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.media-integration-control strong{font:500 10px/1.45 'DM Mono',monospace;color:var(--muted)}
.media-manual-evidence{margin:16px 0 22px;border:1px solid rgba(18,76,78,.15);border-radius:16px;background:linear-gradient(135deg,rgba(18,76,78,.045),rgba(180,138,51,.04));padding:0 18px 18px}.media-manual-evidence summary{cursor:pointer;padding:16px 0;font:700 13px/1.4 'DM Sans',sans-serif;color:var(--ink)}.media-manual-evidence>p{margin:-4px 0 16px;color:var(--muted);font-size:12px;max-width:820px}.media-manual-evidence .media-form-grid{margin-bottom:14px}
.media-performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}.media-performance-grid>div{padding:16px;border:1px solid var(--border);background:var(--surface)}.media-performance-grid span,.media-performance-grid em{display:block;font:500 9px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.media-performance-grid strong{display:block;font:400 34px/1 'Cormorant Garamond',serif;color:var(--ivory);margin:11px 0 7px}.media-performance-grid em{font-style:normal;text-transform:none;letter-spacing:0}
.media-strategy-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);margin-bottom:0}.media-subhead{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}.media-subhead strong{font-size:13px;color:var(--ivory)}.media-subhead span{font-size:10px;color:var(--muted);text-align:right}
.media-recommendation-list,.media-compact-list{display:flex;flex-direction:column;gap:8px}.media-recommendation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px;border:1px solid var(--border);background:var(--surface)}.media-recommendation i{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:rgba(7,139,145,.14);color:#33aeb5;font:600 10px/1 'DM Mono',monospace}.media-recommendation.high i{background:rgba(189,63,50,.14);color:#d66b60}.media-recommendation strong,.media-compact-row strong{display:block;font-size:12px;color:var(--ivory)}.media-recommendation p,.media-compact-row span{font-size:10px;line-height:1.55;color:var(--muted);margin-top:4px}
.media-compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);background:var(--surface)}.media-compact-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.media-compact-actions button{font-size:9px;padding:6px 8px}.media-list-spaced{margin-top:18px;max-height:360px;overflow:auto}
.media-operations-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.media-task-capture{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(130px,.7fr)) auto;gap:10px;align-items:end;margin-bottom:20px}.media-task-capture .btn-g{height:44px;white-space:nowrap}.media-execution-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto}.media-execution-owner{padding:14px;border:1px solid var(--border);background:var(--surface);min-height:150px}.media-execution-owner h3{font:500 10px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.media-execution-task{padding:10px;border:1px solid var(--border);background:var(--surface2);margin-bottom:8px}.media-execution-task strong{display:block;font-size:11px;line-height:1.4}.media-execution-task span{display:block;font-size:9px;color:var(--muted);margin:5px 0 7px}.media-execution-task .media-compact-actions{justify-content:flex-start}
.media-my-day-panel{margin:18px 0;border-color:rgba(7,139,145,.42)}.media-my-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.media-my-day-grid>div{min-width:0}.media-my-day-grid .media-compact-list{max-height:330px;overflow:auto}.media-phase3-layout{grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr)}
.media-command-centre{margin:20px 0 24px;padding:26px;border:1px solid rgba(16,73,77,.2);border-radius:22px;background:linear-gradient(145deg,#f8fcfb 0%,#f6f1e8 54%,#fff 100%);box-shadow:0 18px 55px rgba(29,43,42,.09)}.media-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.media-command-head>div>span{font:700 11px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.media-command-head h2{margin:7px 0 5px;font:500 clamp(25px,2.4vw,38px)/1.05 var(--serif);color:#182f31}.media-command-head p{max-width:760px;margin:0;color:#647070}.media-outcome-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid rgba(18,76,78,.15);border-radius:16px;background:#fff;overflow:hidden}.media-outcome-chain>div{min-height:112px;padding:17px;border-right:1px solid rgba(18,76,78,.1)}.media-outcome-chain>div:last-child{border-right:0}.media-outcome-chain span,.media-outcome-chain em{display:block;color:#707975}.media-outcome-chain span{font:700 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.media-outcome-chain strong{display:block;margin:8px 0 3px;font:500 31px/1 var(--serif);color:#074f53}.media-outcome-chain em{font-size:12px}.media-command-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.media-command-card{padding:19px;border:1px solid rgba(18,76,78,.15);border-radius:16px;background:rgba(255,255,255,.9)}.media-command-card summary{cursor:pointer;font-weight:700;color:#203f41}.media-command-card details[open] summary{margin-bottom:10px}.media-command-priorities .media-compact-list{max-height:430px;overflow:auto}.media-priority-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(18,76,78,.09)}.media-priority-row:last-child{border-bottom:0}.media-priority-score{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#073f43;color:#fff;font:700 13px var(--mono)}.media-priority-row strong,.media-priority-row span,.media-priority-row em{display:block}.media-priority-row div>span{margin-top:3px;font-size:12px;color:#6f7774}.media-priority-row div>em{margin-top:5px;font-size:11px;color:#0b7d82}.media-guided-empty{display:grid;gap:7px;padding:21px;border:1px dashed rgba(11,125,130,.35);border-radius:13px;background:rgba(227,246,244,.42);color:#506365}.media-guided-empty strong{color:#1b4548}.media-vacancy-desk{margin-top:16px}.media-vacancy-cards{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:13px}.media-vacancy-card{display:flex;flex-direction:column;min-height:235px;padding:17px;border:1px solid rgba(18,76,78,.14);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(26,54,52,.05)}.media-vacancy-card header,.media-vacancy-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-vacancy-card header span{font:700 10px var(--mono);letter-spacing:.1em;color:#0c7b80;text-transform:uppercase}.media-vacancy-card header strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f5d891;color:#543d0c}.media-vacancy-card h3{margin:13px 0 6px;font:600 21px/1.08 var(--serif);color:#263636}.media-vacancy-card p{margin:0 0 12px;font-size:13px;line-height:1.45;color:#606c69}.media-vacancy-card .media-specialty-chips{justify-content:flex-start;margin-bottom:14px}.media-vacancy-card .media-specialty-chips span{font-size:10px}.media-vacancy-card footer{margin-top:auto}.media-vacancy-card footer .btn-g{padding:9px 12px;font-size:11px}.media-vacancy-card footer em{font-size:11px;color:#0c7b80}.media-vacancy-empty{grid-column:1/-1}.media-command-capture{grid-template-columns:1.05fr .95fr}.media-objective-list{display:grid;gap:12px}.media-objective-card{padding:14px;border:1px solid rgba(18,76,78,.13);border-radius:13px;background:#fbfdfc}.media-objective-card span,.media-objective-card strong,.media-objective-card em{display:block}.media-objective-card span{font:700 10px var(--mono);color:#0b7d82}.media-objective-card strong{margin:6px 0 3px;color:#283e40}.media-objective-card em{font-size:12px;color:#717a77}.media-objective-progress{height:7px;margin:12px 0;border-radius:10px;background:#e4ecea;overflow:hidden}.media-objective-progress i{display:block;height:100%;background:linear-gradient(90deg,#087f84,#d4aa48)}.media-objective-card dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.media-objective-card dl div{padding-right:8px}.media-objective-card dt{font-size:10px;color:#777}.media-objective-card dd{margin:2px 0 0;font-weight:700;color:#234547}#media-objective-form{margin-top:14px;padding-top:12px;border-top:1px solid rgba(18,76,78,.12)}
.media-impact-panel{margin-top:18px;border-color:rgba(188,144,53,.45);background:linear-gradient(180deg,rgba(188,144,53,.045),var(--surface2) 220px)}
.media-impact-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}.media-impact-kpis>div{border:1px solid var(--border);background:var(--surface);padding:16px;min-width:0}.media-impact-kpis span,.media-impact-kpis em{display:block;font:500 9px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.media-impact-kpis strong{display:block;font:400 34px/1 'Cormorant Garamond',serif;color:var(--ivory);margin:11px 0 7px}.media-impact-kpis em{font-style:normal;text-transform:none;letter-spacing:0}
.media-impact-brand-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;margin-bottom:26px}.media-impact-brand-card{border:1px solid rgba(7,139,145,.35);background:var(--surface);padding:16px}.media-impact-brand-card.risk{border-color:rgba(205,89,67,.42)}.media-impact-brand-card>div{display:flex;justify-content:space-between;gap:12px;align-items:start}.media-impact-brand-card>div span{font:500 9px/1.4 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;text-align:right}.media-impact-brand-card dl,.media-impact-review-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0 0}.media-impact-brand-card dl div,.media-impact-review-card dl div{border-top:1px solid var(--border);padding-top:9px}.media-impact-brand-card dt,.media-impact-review-card dt{font:500 8px/1.35 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.media-impact-brand-card dd,.media-impact-review-card dd{font:600 18px/1.2 'DM Sans',sans-serif;color:var(--ivory);margin:4px 0 0}
.media-impact-capture-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.media-impact-capture-layout>div{min-width:0}.media-impact-capture-layout .media-compact-list{max-height:430px;overflow:auto}.media-impact-review-wrap{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.media-impact-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.media-impact-review-card{border:1px solid var(--border);background:var(--surface);padding:18px}.media-impact-review-card header{display:flex;justify-content:space-between;gap:14px}.media-impact-review-card header span,.media-impact-review-card header strong{display:block}.media-impact-review-card header span,.media-impact-review-card header em{font:500 9px/1.4 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.media-impact-review-card header em{font-style:normal;text-align:right}.media-impact-review-card>p{line-height:1.55;margin:14px 0}.media-impact-review-card dl{grid-template-columns:repeat(6,minmax(0,1fr))}.media-impact-review-card details{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.media-impact-review-card summary{cursor:pointer;font-weight:700}.media-impact-review-card details p{font-size:12px;line-height:1.55;margin:10px 0}
.media-template-apply{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.media-rules-panel{margin-top:18px;border-color:rgba(7,139,145,.45);background:linear-gradient(180deg,rgba(7,139,145,.045),var(--surface2) 220px)}.media-rules-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.media-rules-kpis>div{border:1px solid var(--border);background:var(--surface);padding:16px;min-width:0}.media-rules-kpis span,.media-rules-kpis em{display:block;font:500 9px/1.4 'DM Mono',monospace;color:var(--muted)}.media-rules-kpis span{text-transform:uppercase;letter-spacing:.08em}.media-rules-kpis strong{display:block;font:400 34px/1 'Cormorant Garamond',serif;color:var(--ivory);margin:11px 0 7px}.media-rules-kpis em{font-style:normal}.media-rules-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.media-rule-score{display:inline-flex;padding:3px 7px;border:1px solid rgba(7,139,145,.32);color:var(--teal);font:600 9px/1.2 'DM Mono',monospace;text-transform:uppercase}.media-rule-score.high{border-color:rgba(184,117,20,.5);color:var(--gold)}
.media-weekly-board{display:grid;gap:9px;margin-top:20px}.media-week-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.6fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);background:var(--surface)}.media-week-row strong,.media-week-row span{display:block}.media-week-row strong{font-size:12px}.media-week-row span{font-size:10px;color:var(--muted);margin-top:4px}.media-week-row em{font:500 9px/1.4 'DM Mono',monospace;font-style:normal;text-transform:uppercase;color:#39aeb4}
.media-date-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-deliverable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--border);background:var(--surface)}.media-deliverable-grid label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ivory)}.media-deliverable-grid input{width:auto}
.media-asset-capture{display:grid;grid-template-columns:minmax(200px,1.2fr) repeat(5,minmax(120px,.65fr));gap:10px;align-items:end;margin-bottom:20px}.media-asset-wide{grid-column:span 2}.media-asset-capture .btn-g{height:44px}.media-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px}.media-asset-card{padding:14px;border:1px solid var(--border);background:var(--surface)}.media-asset-card strong{display:block;font-size:12px;line-height:1.45}.media-asset-card span{display:block;font-size:10px;line-height:1.55;color:var(--muted);margin:7px 0}.media-asset-card a{font-size:10px;color:#39aeb4;word-break:break-word}.media-asset-card.risk{border-color:rgba(189,63,50,.45)}
.media-view-nav{display:flex;gap:7px;overflow-x:auto;padding:5px 0 14px;position:sticky;top:0;z-index:8;background:linear-gradient(180deg,var(--bg) 76%,transparent)}.media-view-nav button{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:10px 15px;font:600 10px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer}.media-view-nav button.active{background:#078b91;border-color:#078b91;color:#fff}.media-role-home{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border:1px solid rgba(7,139,145,.42);background:linear-gradient(120deg,rgba(7,139,145,.12),var(--surface2));padding:22px 24px;margin-bottom:18px}.media-role-home>div>span{font:500 9px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#39aeb4}.media-role-home h2{margin:7px 0 6px;font:400 28px/1.05 'Cormorant Garamond',serif;color:var(--ivory)}.media-role-home p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.media-specialty-chips{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:520px}.media-specialty-chips span{border:1px solid rgba(7,139,145,.45);padding:7px 9px;color:#73c5c8;background:rgba(7,139,145,.08);font:500 9px/1.2 'DM Mono',monospace;text-transform:uppercase}.media-specialty-chips span.muted{color:var(--muted);border-color:var(--border);background:transparent}
.media-calendar-panel{border-color:rgba(7,139,145,.42);background:linear-gradient(180deg,rgba(7,139,145,.045),var(--surface2) 240px)}.media-calendar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.media-calendar-kpis>div{border:1px solid var(--border);background:var(--surface);padding:15px}.media-calendar-kpis span,.media-calendar-kpis em{display:block;font:500 9px/1.4 'DM Mono',monospace;color:var(--muted);font-style:normal}.media-calendar-kpis span{text-transform:uppercase}.media-calendar-kpis strong{display:block;font:400 32px/1 'Cormorant Garamond',serif;color:var(--ivory);margin:9px 0 5px}.media-calendar-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:9px;border:1px solid var(--border);background:var(--surface);padding:14px;margin-bottom:18px}.media-calendar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-calendar-card{border:1px solid var(--border);background:var(--surface);padding:17px;min-width:0}.media-calendar-card.risk{border-color:rgba(189,63,50,.55)}.media-calendar-card header{display:flex;justify-content:space-between;gap:18px}.media-calendar-card header span{font:500 8px/1.4 'DM Mono',monospace;color:#39aeb4;text-transform:uppercase;letter-spacing:.08em}.media-calendar-card h3{margin:5px 0 0;color:var(--ivory);font-size:15px}.media-calendar-card time{font:500 10px/1.4 'DM Mono',monospace;color:var(--muted);white-space:nowrap}.media-calendar-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0}.media-calendar-progress span{font:600 9px/1.2 'DM Mono',monospace;text-transform:uppercase;color:#bc9035}.media-calendar-progress span.published,.media-calendar-progress span.scheduled{color:#59b58a}.media-calendar-progress span.blocked{color:#d65c4c}.media-calendar-progress em{font:500 9px/1.4 'DM Mono',monospace;color:var(--muted);font-style:normal;text-align:right}.media-calendar-card dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0}.media-calendar-card dt{font:500 8px/1.35 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.media-calendar-card dd{margin:3px 0 0;font-size:10px;color:var(--ivory)}.media-calendar-card>p{font-size:10px;color:var(--muted);line-height:1.6}.media-calendar-card details{border-top:1px solid var(--border);padding-top:11px;margin-top:12px}.media-calendar-card summary,.media-calendar-admin>summary{cursor:pointer;font-weight:700;color:var(--ivory)}.media-calendar-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.media-calendar-edit-wide{grid-column:1/-1}.media-calendar-card details>a{display:inline-block;color:#39aeb4;font-size:10px;margin:4px 12px 8px 0}.media-calendar-card details>.btn-g{float:right;margin-top:0}.media-calendar-admin{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.media-calendar-admin>summary{font-size:13px}.media-calendar-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.media-calendar-admin-grid>div{border:1px solid var(--border);background:var(--surface);padding:18px}.media-specialty-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.media-specialty-editor label{display:flex;gap:8px;align-items:center;border:1px solid var(--border);padding:9px;font-size:10px;color:var(--muted)}
.media-calendar-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.media-calendar-overview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid rgba(7,139,145,.38);background:linear-gradient(120deg,rgba(7,139,145,.14),rgba(7,139,145,.025));padding:20px;margin-bottom:14px}.media-calendar-health{--calendar-health:0deg;width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--surface2) 0 56%,transparent 58%),conic-gradient(#078b91 var(--calendar-health),rgba(127,127,127,.18) 0);box-shadow:inset 0 0 0 1px var(--border)}.media-calendar-health.complete{background:radial-gradient(circle at center,var(--surface2) 0 56%,transparent 58%),conic-gradient(#59b58a var(--calendar-health),rgba(127,127,127,.18) 0)}.media-calendar-health strong{font:600 24px/1 'DM Sans',sans-serif;color:var(--ivory)}.media-calendar-health span,.media-calendar-year-label{font:600 8px/1.4 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.media-calendar-overview h3{margin:5px 0;font:400 26px/1.08 'Cormorant Garamond',serif;color:var(--ivory)}.media-calendar-overview p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.media-calendar-legend{display:grid;grid-template-columns:repeat(2,auto);gap:8px 13px}.media-calendar-legend span{position:relative;padding-left:13px;font:600 8px/1.4 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.media-calendar-legend span:before{content:"";position:absolute;left:0;top:3px;width:7px;height:7px;border-radius:50%;background:#bc9035}.media-calendar-legend .done:before{background:#59b58a}.media-calendar-legend .ready:before{background:#078b91}.media-calendar-legend .risk:before{background:#d65c4c}.media-calendar-panel>.media-calendar-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}.media-calendar-focus{display:flex;gap:7px;overflow:auto;margin:0 0 12px}.media-calendar-focus button{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:10px 12px;white-space:nowrap;cursor:pointer;font:600 9px/1 'DM Mono',monospace;text-transform:uppercase}.media-calendar-focus button strong{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:rgba(127,127,127,.12);font-size:9px}.media-calendar-focus button.active{color:#fff;background:#078b91;border-color:#078b91}.media-calendar-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}.media-calendar-attention-grid button{text-align:left;border:1px solid var(--border);background:var(--surface);padding:14px;cursor:pointer;color:var(--ivory)}.media-calendar-attention-grid button.risk{border-left:3px solid #d65c4c}.media-calendar-attention-grid button.owner{border-left:3px solid #bc9035}.media-calendar-attention-grid button.confirm{border-left:3px solid #078b91}.media-calendar-attention-grid span,.media-calendar-attention-grid em{display:block;font:500 8px/1.45 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.media-calendar-attention-grid strong{display:block;font:400 28px/1 'Cormorant Garamond',serif;margin:7px 0;color:var(--ivory)}.media-calendar-attention-grid em{font-style:normal;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-calendar-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--border);padding:15px 0 10px;margin-bottom:12px}.media-calendar-section-head span{font:600 8px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#39aeb4}.media-calendar-section-head h3{font:400 24px/1.1 'Cormorant Garamond',serif;margin:4px 0 0;color:var(--ivory)}.media-calendar-section-head em{font:500 9px/1.4 'DM Mono',monospace;font-style:normal;color:var(--muted);text-align:right}.media-calendar-brand-coverage{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:9px;margin-bottom:13px}.media-calendar-brand{position:relative;border:1px solid var(--border);background:var(--surface);padding:13px;overflow:hidden}.media-calendar-brand.risk{border-color:rgba(214,92,76,.45)}.media-calendar-brand.done{border-color:rgba(89,181,138,.45)}.media-calendar-brand.empty{opacity:.68}.media-calendar-brand header{display:flex;align-items:center;justify-content:space-between;gap:10px}.media-calendar-brand header span{font:600 8px/1 'DM Mono',monospace;color:#39aeb4}.media-calendar-brand header strong{font-size:11px;color:var(--ivory)}.media-calendar-brand-bar{height:4px;background:rgba(127,127,127,.16);margin:11px 0}.media-calendar-brand-bar i{display:block;height:100%;background:#078b91}.media-calendar-brand dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.media-calendar-brand dt{font:500 7px/1.3 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.media-calendar-brand dd{margin:3px 0 0;font-size:12px;color:var(--ivory)}.media-calendar-brand>em{display:block;margin-top:9px;font:500 8px/1.3 'DM Mono',monospace;color:var(--muted);font-style:normal}.media-calendar-next-action{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;background:rgba(214,92,76,.09);border-left:3px solid #d65c4c;padding:9px 11px;margin:11px 0}.media-calendar-next-action strong{font:600 9px/1.3 'DM Mono',monospace;text-transform:uppercase;color:#e47b6e}.media-calendar-next-action span{font-size:10px;color:var(--muted)}.media-calendar-card.status-published{border-color:rgba(89,181,138,.42)}.media-calendar-card.status-scheduled{border-color:rgba(7,139,145,.46)}.media-calendar-print-summary{display:none}
.media-audit-panel{margin-top:18px;border-color:rgba(184,160,106,.42);background:linear-gradient(180deg,rgba(184,160,106,.06),var(--surface2) 250px)}.media-audit-runner{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;padding:14px;border:1px solid var(--border);background:var(--surface);margin-bottom:14px}.media-audit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.media-audit-kpis>div{padding:14px;border:1px solid var(--border);background:var(--surface)}.media-audit-kpis span{display:block;font:600 8px/1.4 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.media-audit-kpis strong{display:block;margin-top:7px;font:400 30px/1 'Cormorant Garamond',serif;color:var(--ivory)}.media-brand-audit-list{display:grid;gap:14px}.media-brand-audit-card{border:1px solid var(--border);background:var(--surface);padding:18px}.media-brand-audit-card.status-locked{border-color:rgba(89,181,138,.45)}.media-brand-audit-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.media-brand-audit-card>header span{font:600 8px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#39aeb4}.media-brand-audit-card h3{margin:5px 0;font:400 24px/1.1 'Cormorant Garamond',serif;color:var(--ivory)}.media-brand-audit-card header p{font-size:10px;color:var(--muted)}.media-audit-score{--audit-score:0%;width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--surface) 0 56%,transparent 58%),conic-gradient(#078b91 var(--audit-score),rgba(127,127,127,.18) 0);box-shadow:inset 0 0 0 1px var(--border)}.media-audit-score strong{font-size:20px;color:var(--ivory)}.media-audit-score span{font-size:7px;text-align:center;margin-top:4px;color:var(--muted)}.media-audit-blocker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin:15px 0;padding:11px;border-left:3px solid #d65c4c;background:rgba(214,92,76,.09)}.media-audit-blocker strong{font-size:10px;color:#e47b6e}.media-audit-blocker span{font-size:10px;color:var(--muted)}.media-audit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:16px 0}.media-audit-metrics>div{padding:10px;border:1px solid var(--border)}.media-audit-metrics span,.media-audit-metrics strong{display:block}.media-audit-metrics span{font:500 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.media-audit-metrics strong{margin-top:5px;font-size:15px;color:var(--ivory)}.media-audit-findings,.media-audit-evidence{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.media-audit-findings summary,.media-audit-evidence summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--ivory)}.media-audit-findings>div{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:12px;padding:9px;margin-top:7px;border-left:3px solid #bc9035;background:rgba(184,160,106,.06)}.media-audit-findings>div.urgent,.media-audit-findings>div.high{border-color:#d65c4c}.media-audit-findings strong,.media-audit-findings span{font-size:10px}.media-audit-findings span{color:var(--muted)}.media-audit-evidence-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.55fr) minmax(180px,1fr) minmax(220px,1.25fr) auto;gap:9px;align-items:end;padding:12px 0;border-bottom:1px solid var(--border)}.media-audit-evidence-row>div:first-child{align-self:center}.media-audit-evidence-row>div:first-child strong,.media-audit-evidence-row>div:first-child span{display:block}.media-audit-evidence-row>div:first-child strong{font-size:11px;color:var(--ivory)}.media-audit-evidence-row>div:first-child span{font-size:9px;line-height:1.45;color:var(--muted);margin-top:4px}.media-audit-evidence-row.status-verified{border-left:3px solid #59b58a;padding-left:9px}.media-audit-evidence-row.status-unavailable,.media-audit-evidence-row.status-not_applicable{opacity:.74}.media-audit-note textarea{min-height:44px}.media-brand-audit-card>footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.media-audit-print-summary{display:none}
.media-audit-source-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin:15px 0;padding:11px;border-left:3px solid #59b58a;background:rgba(89,181,138,.09)}.media-audit-source-note strong{font-size:10px;color:#59b58a}.media-audit-source-note span{font-size:10px;color:var(--muted)}
body.media-only-workspace .admin-workspace-nav .nav-tab:not(#tab-media),body.media-only-workspace .admin-workspace-nav details{display:none!important}
body.media-only-workspace #global-search-button,body.media-only-workspace #pending-pill,body.media-only-workspace #hdr-info{display:none!important}

/* Candidate Campaign Centre */
body.campaign-only-workspace{background:#f5f3ec}
body.campaign-only-workspace>.nav{display:none!important}
body.campaign-only-workspace>.app{padding:0;max-width:none;margin:0}
.campaign-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);background:#f5f3ec;color:#15322d}
.campaign-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px 22px;background:#0f3b33;color:#fff;overflow:auto}
.campaign-brand{display:grid;grid-template-columns:34px 1fr;gap:0 10px;align-items:center;color:#fff;text-decoration:none;padding:0 8px 28px;border-bottom:1px solid rgba(255,255,255,.14)}
.campaign-brand>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border:1px solid #cad765;color:#cad765;font:500 20px/1 Georgia,serif}
.campaign-brand strong{font:500 12px/1.2 Georgia,serif;letter-spacing:.13em;text-transform:uppercase}.campaign-brand em{font:500 7px/1.4 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58);font-style:normal}
.campaign-sidebar nav{display:grid;gap:6px;padding:24px 0}.campaign-sidebar nav button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid transparent;border-radius:4px;padding:11px 12px;background:transparent;color:rgba(255,255,255,.72);font:600 10px/1.2 'DM Sans',sans-serif;text-align:left;cursor:pointer}.campaign-sidebar nav button:hover,.campaign-sidebar nav button.active{background:rgba(255,255,255,.08);border-color:rgba(202,215,101,.2);color:#fff}.campaign-sidebar nav b{display:grid;place-items:center;min-width:22px;height:19px;border-radius:10px;background:#cad765;color:#15322d;font-size:9px}
.campaign-sidebar-foot{margin-top:auto;padding:18px 9px 0;border-top:1px solid rgba(255,255,255,.14)}.campaign-sidebar-foot span,.campaign-sidebar-foot strong{display:block}.campaign-sidebar-foot span{font:500 7px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:#cad765}.campaign-sidebar-foot strong{margin:7px 0 10px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.campaign-sidebar-foot button{border:0;padding:0;background:transparent;color:rgba(255,255,255,.6);font-size:9px;text-decoration:underline;cursor:pointer}
.campaign-main{padding:42px clamp(24px,4vw,68px) 70px;min-width:0;max-width:1550px;width:100%;margin:0 auto}
.campaign-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:start;padding-bottom:30px;border-bottom:1px solid #d7d3c8}.campaign-hero span,.campaign-section-head span{font:600 8px/1.4 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:#4c8278}.campaign-hero h1{max-width:890px;margin:9px 0 10px;font:400 clamp(32px,4vw,54px)/.98 'Cormorant Garamond',serif;color:#16352f}.campaign-hero p{max-width:820px;margin:0;color:#66746f;font-size:12px;line-height:1.65}.campaign-hero-actions{display:flex;gap:8px}
.campaign-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0;border:1px solid #d8d4c9;background:#fff}.campaign-kpis>div{padding:18px 20px;border-right:1px solid #e2ded4}.campaign-kpis>div:last-child{border-right:0}.campaign-kpis span,.campaign-kpis em{display:block;font:500 8px/1.4 'DM Mono',monospace;color:#7b817e;font-style:normal}.campaign-kpis span{text-transform:uppercase;letter-spacing:.06em}.campaign-kpis strong{display:block;margin:8px 0 5px;font:500 28px/1 Georgia,serif;color:#153d34}
.campaign-workspace-content{display:grid;gap:18px}.campaign-loading,.campaign-empty{border:1px solid #d8d4c9;background:#fff;padding:34px;text-align:center;color:#687570}.campaign-empty strong{display:block;font:500 22px/1.15 Georgia,serif;color:#16352f}.campaign-empty p{max-width:620px;margin:9px auto 0;line-height:1.6}.campaign-empty.danger{border-left:4px solid #a94a3c}.campaign-empty .btn-g{margin-top:14px}
.campaign-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:22px 0 12px;border-bottom:1px solid #d8d4c9}.campaign-section-head h2{margin:6px 0 4px;font:400 31px/1.05 'Cormorant Garamond',serif;color:#16352f}.campaign-section-head p{margin:0;color:#6a7571;font-size:11px}.campaign-section-head>strong{font:500 14px/1.3 'DM Mono',monospace;color:#286b5c}.campaign-attention-pill{padding:9px 12px;border:1px solid #d8d4c9;background:#fff;color:#7a6c3d;font:600 8px/1.2 'DM Mono',monospace;text-transform:uppercase;white-space:nowrap}
.campaign-task-list{display:grid;border:1px solid #d8d4c9;background:#fff}.campaign-task-row{display:grid;grid-template-columns:6px minmax(0,1fr) 145px auto;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid #ece9e1}.campaign-task-row:last-child{border-bottom:0}.campaign-task-marker{width:6px;height:6px;border-radius:50%;background:#3c8b79}.campaign-task-row.overdue .campaign-task-marker{background:#b05242}.campaign-task-row span,.campaign-task-row strong,.campaign-task-row p{display:block}.campaign-task-row span{font:600 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-task-row strong{margin:4px 0 2px;color:#183a33;font-size:11px}.campaign-task-row p{margin:0;color:#77807d;font-size:9px}.campaign-task-row time{font:500 9px/1.4 'DM Mono',monospace;color:#2f7969}.campaign-task-actions{display:flex;gap:6px}.campaign-task-actions .btn-g,.campaign-task-actions .btn-o{padding:8px 10px;font-size:8px}
.campaign-secondary-grid,.campaign-security-grid,.campaign-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.campaign-panel,.campaign-security-grid>div{border:1px solid #d8d4c9;background:#fff;padding:20px}.campaign-panel header span,.campaign-panel header strong,.campaign-security-grid span,.campaign-security-grid strong{display:block}.campaign-panel header span,.campaign-security-grid span{font:600 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-panel header strong,.campaign-security-grid strong{margin:6px 0;color:#16352f}.campaign-panel p,.campaign-security-grid p{margin:8px 0 0;color:#6b7773;font-size:10px;line-height:1.65}.campaign-security-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.campaign-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.campaign-card{border:1px solid #d8d4c9;background:#fff;padding:20px}.campaign-card.selected{border-color:#4b8b7c;box-shadow:inset 0 3px #4b8b7c}.campaign-card header{display:flex;justify-content:space-between;gap:20px}.campaign-card header span{font:600 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-card h3{margin:6px 0;font:500 22px/1.05 Georgia,serif;color:#183a33}.campaign-card header b,.campaign-target-row b,.campaign-draft-row b{height:max-content;padding:6px 8px;background:#edf3ef;color:#3a7868;font:600 7px/1.2 'DM Mono',monospace;text-transform:uppercase}.campaign-card>p{color:#697570;font-size:10px}.campaign-progress{height:5px;background:#edeae2;margin:16px 0}.campaign-progress i{display:block;height:100%;background:#3d8978}.campaign-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.campaign-card dt{font:500 7px/1.3 'DM Mono',monospace;color:#858a87;text-transform:uppercase}.campaign-card dd{margin:4px 0 0;color:#193b34;font-size:10px;overflow:hidden;text-overflow:ellipsis}.campaign-card footer{display:flex;justify-content:flex-end;gap:6px;margin-top:17px}
.campaign-selector{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #d8d4c9;background:#fff;padding:13px 16px}.campaign-selector span{font:600 8px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-selector select{width:100%}
.campaign-wave-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.campaign-wave{border:1px solid #d8d4c9;background:#fff;padding:18px;border-top:4px solid #72817d}.campaign-wave.approved,.campaign-wave.active{border-top-color:#3d8978}.campaign-wave.planned{border-top-color:#c19c3d}.campaign-wave>span{font:600 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-wave h3{margin:7px 0 4px;color:#173b33}.campaign-wave p{margin:0;color:#75807c;font-size:9px}.campaign-wave footer{display:flex;justify-content:space-between;gap:10px;margin-top:15px;padding-top:11px;border-top:1px solid #ece9e1}.campaign-wave footer strong,.campaign-wave footer em{font:500 8px/1.4 'DM Mono',monospace}.campaign-wave footer em{color:#8b7641;font-style:normal;text-align:right}
.campaign-target-list,.campaign-draft-list,.campaign-member-list{display:grid;border:1px solid #d8d4c9;background:#fff}.campaign-target-row{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:18px;align-items:center;padding:15px 18px;border-bottom:1px solid #ece9e1}.campaign-target-row:last-child{border-bottom:0}.campaign-target-row span,.campaign-target-row strong,.campaign-target-row p,.campaign-target-row time{display:block}.campaign-target-row span{font:600 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-target-row strong{margin:4px 0;color:#183a33}.campaign-target-row p{margin:0;color:#77807d;font-size:9px}.campaign-target-row time{margin-top:7px;color:#5d6b67;font:500 8px/1.3 'DM Mono',monospace}
.campaign-draft-row,.campaign-member-list article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;border-bottom:1px solid #ece9e1}.campaign-draft-row:last-child,.campaign-member-list article:last-child{border-bottom:0}.campaign-draft-row span,.campaign-member-list span{font:600 7px/1.4 'DM Mono',monospace;text-transform:uppercase;color:#4c8278}.campaign-draft-row strong,.campaign-member-list strong{display:block;margin:4px 0;color:#183a33}.campaign-draft-row p{margin:0;font-size:9px;color:#7b827f}.campaign-member-list time{font:500 8px/1.3 'DM Mono',monospace;color:#6f7b77}
.campaign-composer{border:1px solid #d8d4c9;background:#fff}.campaign-composer>summary{padding:16px 18px;cursor:pointer;color:#173a32;font-weight:700}.campaign-composer[open]>summary{border-bottom:1px solid #e7e3da}.campaign-capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px}.campaign-capture-grid label>span{display:block;margin-bottom:5px;color:#435b55;font:600 8px/1.4 'DM Mono',monospace;text-transform:uppercase}.campaign-capture-grid label>span em{color:#a45042;font-style:normal}.campaign-capture-grid input,.campaign-capture-grid select,.campaign-capture-grid textarea{width:100%}.campaign-capture-grid .wide{grid-column:1/-1}.campaign-check{display:flex!important;align-items:center;gap:10px}.campaign-check input{width:auto}.campaign-check span{margin:0!important;text-transform:none!important;line-height:1.5!important}

@media(max-width:1050px){.campaign-shell{grid-template-columns:190px minmax(0,1fr)}.campaign-kpis{grid-template-columns:repeat(2,1fr)}.campaign-kpis>div:nth-child(2){border-right:0}.campaign-card-grid{grid-template-columns:1fr}.campaign-wave-grid{grid-template-columns:repeat(2,1fr)}.campaign-task-row{grid-template-columns:6px minmax(0,1fr) auto}.campaign-task-row time{grid-column:2}.campaign-task-actions{grid-column:3;grid-row:1/3}}
@media(max-width:720px){.campaign-shell{display:block}.campaign-sidebar{position:relative;height:auto;padding:18px}.campaign-sidebar nav{display:flex;overflow:auto;padding:14px 0}.campaign-sidebar nav button{min-width:max-content}.campaign-sidebar-foot{display:none}.campaign-main{padding:24px 14px 48px}.campaign-hero{grid-template-columns:1fr}.campaign-hero-actions{justify-content:flex-start}.campaign-kpis{grid-template-columns:repeat(2,1fr)}.campaign-section-head{display:block}.campaign-attention-pill{display:inline-block;margin-top:12px}.campaign-secondary-grid,.campaign-security-grid,.campaign-form-grid,.campaign-wave-grid{grid-template-columns:1fr}.campaign-card dl{grid-template-columns:repeat(2,1fr)}.campaign-target-row{grid-template-columns:1fr}.campaign-task-row{grid-template-columns:6px minmax(0,1fr)}.campaign-task-row time,.campaign-task-actions{grid-column:2;grid-row:auto}.campaign-capture-grid{grid-template-columns:1fr}.campaign-capture-grid .wide{grid-column:auto}.campaign-selector{grid-template-columns:1fr}}

@media (max-width:1250px){.media-task-capture,.media-asset-capture{grid-template-columns:repeat(3,minmax(0,1fr))}.media-task-capture .btn-g,.media-asset-capture .btn-g{width:100%}.media-execution-grid,.media-asset-grid{grid-template-columns:repeat(4,260px);overflow-x:auto}.media-phase3-layout,.media-calendar-admin-grid{grid-template-columns:1fr}.media-my-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-impact-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.media-impact-brand-board{grid-template-columns:repeat(2,minmax(230px,1fr))}.media-calendar-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}.media-outcome-chain{grid-template-columns:repeat(3,1fr)}.media-outcome-chain>div:nth-child(3){border-right:0}.media-outcome-chain>div:nth-child(-n+3){border-bottom:1px solid rgba(18,76,78,.1)}.media-vacancy-cards{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media (max-width:1250px){.media-calendar-panel>.media-calendar-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.media-calendar-brand-coverage{grid-template-columns:repeat(3,minmax(180px,1fr))}.media-audit-evidence-row{grid-template-columns:repeat(2,minmax(0,1fr))}.media-audit-evidence-row>button{justify-self:start}}
@media (max-width:1100px){.media-stat-grid,.media-performance-grid{grid-template-columns:repeat(3,1fr)}.media-layout,.media-capture-layout,.media-strategy-layout,.media-operations-layout,.media-phase3-layout,.media-impact-capture-layout,.media-rules-layout{grid-template-columns:1fr}.media-pipeline{grid-template-columns:repeat(5,260px)}.media-my-day-grid{grid-template-columns:1fr}.media-impact-review-list{grid-template-columns:1fr}}
@media (max-width:720px){.media-main{padding:18px 14px 50px}.media-hero{grid-template-columns:1fr;padding:28px 22px}.media-stat-grid,.media-performance-grid,.media-impact-kpis,.media-rules-kpis,.media-calendar-kpis{grid-template-columns:repeat(2,1fr)}.media-stat-grid .media-stat:last-child,.media-performance-grid>div:last-child{grid-column:span 2}.media-form-grid,.media-task-capture,.media-asset-capture,.media-calendar-filters,.media-calendar-edit-grid{grid-template-columns:1fr}.media-span-2,.media-asset-wide,.media-calendar-edit-wide{grid-column:auto}.media-brand-grid,.media-my-day-grid,.media-impact-brand-board,.media-calendar-list{grid-template-columns:1fr}.media-impact-review-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.media-panel{padding:19px}.media-panel-head{display:block}.media-panel-head em{display:block;text-align:left;margin-top:8px}.media-integration-control{justify-content:flex-start;margin-top:14px}.media-subhead{display:block}.media-subhead span{display:block;text-align:left;margin-top:5px}.media-deliverable-grid{grid-template-columns:1fr}.media-week-row{grid-template-columns:1fr}.media-date-pair,.media-template-apply{grid-template-columns:1fr}.media-role-home{grid-template-columns:1fr}.media-specialty-chips{justify-content:flex-start}.media-calendar-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.media-command-centre{padding:17px}.media-command-head{display:block}.media-command-head .btn-o{margin-top:14px}.media-outcome-chain{grid-template-columns:repeat(2,1fr)}.media-outcome-chain>div:nth-child(3){border-right:1px solid rgba(18,76,78,.1)}.media-outcome-chain>div:nth-child(even){border-right:0}.media-command-grid,.media-command-capture,.media-vacancy-cards{grid-template-columns:1fr}.media-priority-row{grid-template-columns:36px 1fr}.media-priority-row .media-compact-actions{grid-column:2}.media-objective-card dl{grid-template-columns:repeat(2,1fr);gap:8px}}
@media (max-width:720px){.media-calendar-report-actions{justify-content:flex-start;margin-top:12px}.media-calendar-overview{grid-template-columns:1fr}.media-calendar-health{width:82px;height:82px}.media-calendar-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.media-calendar-panel>.media-calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.media-calendar-attention-grid,.media-calendar-brand-coverage{grid-template-columns:1fr}.media-calendar-section-head{display:block}.media-calendar-section-head em{display:block;text-align:left;margin-top:6px}.media-calendar-next-action{grid-template-columns:1fr}.media-audit-runner,.media-audit-evidence-row{grid-template-columns:1fr}.media-audit-kpis,.media-audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.media-brand-audit-card>header{grid-template-columns:1fr}.media-audit-score{width:82px;height:82px}.media-audit-findings>div{grid-template-columns:1fr}.media-brand-audit-card>footer{justify-content:flex-start}}

@media print{
  @page{size:A4 landscape;margin:12mm}
  body.printing-media-calendar *{visibility:hidden!important}
  body.printing-media-calendar #media-calendar-print-summary,body.printing-media-calendar #media-calendar-print-summary *{visibility:visible!important}
  body.printing-media-calendar #media-calendar-print-summary{display:block!important;position:absolute;inset:0;width:100%;background:#fff;color:#171717;font:10px/1.45 Arial,sans-serif}
  body.printing-media-audit *{visibility:hidden!important}
  body.printing-media-audit #media-audit-print-summary,body.printing-media-audit #media-audit-print-summary *{visibility:visible!important}
  body.printing-media-audit #media-audit-print-summary{display:block!important;position:absolute;inset:0;width:100%;background:#fff;color:#171717;font:10px/1.45 Arial,sans-serif}
  .media-calendar-print-summary header{border-bottom:3px solid #078b91;padding-bottom:12px;margin-bottom:14px}.media-calendar-print-summary header span{text-transform:uppercase;letter-spacing:.15em;color:#078b91;font-size:8px}.media-calendar-print-summary h1{font:700 24px/1.1 Georgia,serif;margin:5px 0;color:#171717}.media-calendar-print-summary header p{margin:0;color:#555}.media-calendar-print-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.media-calendar-print-kpis div{border:1px solid #bbb;padding:9px}.media-calendar-print-kpis strong,.media-calendar-print-kpis span{display:block}.media-calendar-print-kpis strong{font-size:22px;color:#171717}.media-calendar-print-kpis span{font-size:8px;text-transform:uppercase;color:#555}.media-calendar-print-summary h2{font:700 15px/1.2 Georgia,serif;color:#171717;margin:16px 0 6px}.media-calendar-print-summary table{width:100%;border-collapse:collapse;table-layout:fixed}.media-calendar-print-summary th,.media-calendar-print-summary td{border:1px solid #ccc;padding:5px;vertical-align:top;text-align:left;word-break:break-word}.media-calendar-print-summary th{background:#e8f3f3;color:#064f53;font-size:8px;text-transform:uppercase}.media-calendar-print-summary tr{break-inside:avoid}
}

html[data-theme="light"] {
  --gold:        #A7823E;
  --gold-light:  #C9A869;
  --gold-dim:    #705A31;
  --ink:         #111111;
  --ivory:       #201C17;
  --ivory-mid:   #484137;
  --surface:     #F7F2EA;
  --surface2:    #FFFDF8;
  --surface3:    #EFE7DA;
  --muted:       #756B60;
  --border:      rgba(121,94,44,0.2);
  --border-soft: rgba(121,94,44,0.1);
  --success-col: #2F7D55;
  --success-bg:  rgba(47,125,85,0.12);
  --success-bdr: rgba(47,125,85,0.28);
  --info-col:    #2D6F91;
  --info-bg:     rgba(45,111,145,0.12);
  --info-bdr:    rgba(45,111,145,0.26);

  color-scheme: light;
}

html, body {
  height: 100%;
  background: var(--surface);
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 14px;
  line-height: 1.6;
}

body {
  transition: background-color 0.18s ease, color 0.18s ease;
}

html[data-theme="light"] body {
  background:
    linear-gradient(180deg, rgba(255,253,248,0.9) 0%, rgba(247,242,234,0.62) 260px, rgba(247,242,234,0) 520px),
    linear-gradient(115deg, rgba(167,130,62,0.08), rgba(54,82,87,0.04) 46%, transparent 72%),
    var(--surface);
}

/* ── NAVIGATION ── */
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  height: 52px;
  border-bottom: 0.5px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--surface);
}

.nav-brand {
  font-family: var(--fd);
  font-size: 17px;
  letter-spacing: 0.12em;
  color: var(--gold);
  text-transform: uppercase;
}

.nav-tabs { display: flex; }

.nav-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.nav-tab {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0 1rem;
  height: 52px;
  display: flex;
  align-items: center;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  font-family: var(--fb);
  user-select: none;
}
.nav-tab:hover  { color: var(--ivory); }
.nav-tab.active { color: var(--gold); border-bottom-color: var(--gold); }
.nav-tab:focus-visible,
.cp-primary-tab:focus-visible,
.cp-section-tab:focus-visible,
.client-task-item:focus-visible,
.client-primary-action:focus-visible,
.client-accountability-item:focus-visible,
.cp-back-control:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

.hdr-info {
  font-size: 10px;
  color: var(--muted);
  font-family: var(--fm);
}

.nav-pill {
  background: var(--gold);
  color: var(--ink);
  font-size: 10px;
  font-family: var(--fm);
  padding: 2px 8px;
  border-radius: 2px;
}

.theme-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(44px, 1fr));
  border: 0.5px solid var(--border);
  background: var(--surface2);
  padding: 2px;
  border-radius: 3px;
  gap: 2px;
}

.theme-option {
  min-height: 24px;
  padding: 0 8px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.theme-option:hover {
  color: var(--gold);
}

.theme-option.active {
  background: var(--gold);
  color: var(--ink);
}

.nav-signout {
  background: transparent;
  color: var(--muted);
  border: 0.5px solid var(--border);
  font-family: var(--fb);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s;
}
.nav-signout:hover {
  color: var(--gold);
  border-color: var(--gold);
  background: rgba(184,160,106,0.08);
}

html[data-theme="light"] .nav {
  box-shadow: 0 1px 0 rgba(121,94,44,0.08), 0 12px 30px rgba(44,34,20,0.04);
}

html[data-theme="light"] .sc,
html[data-theme="light"] .ops-card,
html[data-theme="light"] .div-card,
html[data-theme="light"] .table,
html[data-theme="light"] .template-row,
html[data-theme="light"] .vacancy-table-shell,
html[data-theme="light"] .cp-contract,
html[data-theme="light"] .cp-panel,
html[data-theme="light"] .cp-sb,
html[data-theme="light"] .modal,
html[data-theme="light"] .pl-wrapper,
html[data-theme="light"] .toast {
  box-shadow: 0 12px 28px rgba(44,34,20,0.035);
}

html[data-theme="light"] .premium-metric {
  background: rgba(255,255,255,0.58);
}

html[data-theme="light"] .cp-intro-card {
  background:
    linear-gradient(135deg, rgba(167,130,62,0.13), transparent 48%),
    var(--surface2);
}

/* ── APP LAYOUT ── */
.app {
  display: flex;
  min-height: calc(100vh - 52px);
}

.screen {
  display: none;
  flex: 1;
}
.screen.active { display: flex; }

/* ── SIDEBAR ── */
.sb {
  width: 200px;
  border-right: 0.5px solid var(--border);
  flex-shrink: 0;
  overflow-y: auto;
}

.sb-section { padding: 0.75rem 0; }

.sb-label {
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0.5rem 1rem 0.25rem;
  font-family: var(--fm);
}

.sb-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 12px;
  color: var(--muted);
  border-left: 2px solid transparent;
  transition: all 0.15s;
  user-select: none;
}
.sb-item:hover  { color: var(--ivory); background: var(--border-soft); }
.sb-item.active { color: var(--gold); border-left-color: var(--gold); background: rgba(184,160,106,0.06); }

.sb-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.7;
  flex-shrink: 0;
}

.sb-ct {
  margin-left: auto;
  font-size: 10px;
  font-family: var(--fm);
  color: var(--muted);
}

/* ── MAIN PANEL ── */
.main { flex: 1; padding: 1.75rem; overflow-y: auto; }

/* ── PAGE HEADER ── */
.ph { margin-bottom: 1.5rem; }
.pt { font-family: var(--fd); font-size: 26px; font-weight: 300; letter-spacing: 0.02em; }
.ps { font-size: 11px; color: var(--muted); margin-top: 3px; letter-spacing: 0.04em; font-family: var(--fm); }
.overview-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.overview-heading-meta {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: right;
}

/* ── STAT ROW ── */
.stat-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.sc  { background: var(--surface2); padding: 1rem 1.25rem; }
.sl  { font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); font-family: var(--fm); margin-bottom: 4px; }
.sv  { font-family: var(--fd); font-size: 28px; font-weight: 300; color: var(--gold); line-height: 1; }
.ss  { font-size: 10px; color: var(--muted); margin-top: 3px; }

/* ── OPERATIONS STRIP ── */
.ops-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.ops-card {
  background: var(--surface2);
  padding: 0.85rem 1rem;
  min-width: 0;
}

.ops-label {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
}

.ops-value {
  margin-top: 3px;
  font-family: var(--fd);
  font-size: 24px;
  line-height: 1;
  color: var(--gold);
  font-weight: 300;
}

.ops-note {
  margin-top: 4px;
  font-size: 9px;
  color: var(--muted);
  line-height: 1.35;
}

/* ── ADMIN COMMAND CENTRE ── */
.attention-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.9fr);
  gap: 1px;
  background: var(--border);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.attention-hero:empty { display: none; }
.bd-signal-rail {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.bd-signal-rail:empty { display: none; }
.bd-desk-hero {
  margin-bottom: 1.5rem;
}
.bd-desk-hero:empty { display: none; }
.bd-desk-shell {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
}
.bd-desk-top {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
}
.bd-desk-intro {
  min-width: 0;
}
.bd-desk-eyebrow {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.bd-desk-intro h2 {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.08;
  margin-top: 0.2rem;
}
.bd-desk-intro p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}
.bd-desk-status {
  align-items: flex-end;
  display: grid;
  gap: 0.22rem;
  justify-items: end;
  min-width: 190px;
  text-align: right;
}
.bd-desk-status span,
.bd-desk-status em {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.bd-desk-status strong {
  border: 0.5px solid var(--success-bdr);
  border-radius: 999px;
  background: var(--success-bg);
  color: var(--success-col);
  font-family: var(--fm);
  font-size: 10px;
  font-weight: 500;
  padding: 0.28rem 0.6rem;
}
.bd-desk-watchbar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border-bottom: 0.5px solid var(--border);
}
.bd-desk-watch {
  background: var(--surface);
  display: grid;
  gap: 0.12rem;
  min-width: 0;
  padding: 0.75rem 0.9rem;
}
.bd-desk-watch strong {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 21px;
  font-weight: 300;
  line-height: 1;
}
.bd-desk-watch em,
.bd-desk-watch small {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  line-height: 1.3;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.bd-desk-watch small {
  text-transform: none;
}
.bd-desk-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border-bottom: 0.5px solid var(--border);
}
.bd-desk-metric {
  background: var(--surface2);
  min-width: 0;
  padding: 1rem 1.05rem;
}
.bd-desk-metric span,
.bd-desk-signal span,
.bd-desk-section-head span,
.bd-desk-opportunity span {
  color: var(--muted);
  display: block;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-transform: uppercase;
}
.bd-desk-metric strong {
  color: var(--gold);
  display: block;
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  margin-top: 0.3rem;
}
.bd-desk-metric em,
.bd-desk-signal em,
.bd-desk-opportunity em {
  color: var(--muted);
  display: block;
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}
.bd-desk-metric.success strong { color: var(--success-col); }
.bd-desk-metric.active strong { color: var(--info-col); }
.bd-desk-metric.warm strong { color: var(--gold-light); }
.bd-desk-signals {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border-bottom: 0.5px solid var(--border);
}
.bd-desk-signal {
  appearance: none;
  background: var(--surface);
  border: 0;
  border-left: 3px solid transparent;
  color: inherit;
  cursor: pointer;
  min-height: 96px;
  min-width: 0;
  padding: 0.8rem 0.85rem;
  text-align: left;
}
.bd-desk-signal:hover,
.bd-desk-signal:focus-visible {
  background: var(--surface3);
  outline: none;
}
.bd-desk-signal strong {
  color: var(--gold);
  display: block;
  font-family: var(--fd);
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
  margin-top: 0.3rem;
}
.bd-desk-signal.alert { border-left-color: rgba(192,57,43,0.72); }
.bd-desk-signal.alert strong { color: #E57373; }
.bd-desk-signal.active { border-left-color: var(--info-col); }
.bd-desk-signal.active strong { color: var(--info-col); }
.bd-desk-signal.warm { border-left-color: var(--gold); }
.bd-desk-signal.calm strong { color: var(--muted); }
.bd-desk-opportunity-wrap {
  padding: 1rem 1.25rem 1.2rem;
}
.bd-desk-section-head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.bd-desk-section-head strong {
  color: var(--ivory-mid);
  display: block;
  font-family: var(--fd);
  font-size: 19px;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 0.1rem;
}
.bd-desk-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.bd-desk-opportunity {
  align-content: space-between;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-left: 3px solid var(--gold);
  border-radius: 5px;
  display: grid;
  gap: 0.8rem;
  min-height: 188px;
  min-width: 0;
  padding: 0.85rem;
}
.bd-desk-opportunity.red { border-left-color: rgba(192,57,43,0.78); }
.bd-desk-opportunity.amber { border-left-color: var(--gold); }
.bd-desk-opportunity.green { border-left-color: var(--success-col); }
.bd-desk-opportunity.active { border-left-color: var(--info-col); }
.bd-desk-opportunity strong {
  color: var(--ivory);
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}
.bd-desk-opportunity p {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}
.bd-desk-opportunity .bt {
  justify-self: start;
}

.bd-signal-card {
  appearance: none;
  background: var(--surface2);
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 0.22rem;
  min-height: 118px;
  min-width: 0;
  padding: 0.85rem 0.9rem;
  text-align: left;
}
.bd-signal-card:hover,
.bd-signal-card:focus-visible {
  background: var(--surface3);
  outline: none;
}
.bd-signal-icon {
  align-items: center;
  background: rgba(184,160,106,0.1);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  color: var(--gold);
  display: inline-flex;
  font-family: var(--fm);
  font-size: 8px;
  height: 26px;
  justify-content: center;
  letter-spacing: 0.08em;
  line-height: 1;
  width: 30px;
}
.bd-signal-label {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.25;
  min-height: 28px;
}
.bd-signal-card strong {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
}
.bd-signal-card em {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  line-height: 1.3;
}
.bd-signal-card.alert .bd-signal-icon { border-color: rgba(192,57,43,0.45); color: #E57373; }
.bd-signal-card.alert strong { color: #E57373; }
.bd-signal-card.warm .bd-signal-icon { border-color: rgba(184,160,106,0.52); }
.bd-signal-card.active .bd-signal-icon { border-color: rgba(66,165,245,0.48); color: var(--info-col); }
.bd-signal-card.active strong { color: var(--info-col); }
.attention-hero-main,
.attention-hero-side {
  background: var(--surface2);
  min-width: 0;
}
.attention-hero-main {
  padding: 1.35rem 1.5rem;
  border-left: 4px solid var(--gold);
}
.attention-hero-main.attention-red { border-left-color: rgba(192,57,43,0.82); }
.attention-hero-main.attention-amber { border-left-color: rgba(184,160,106,0.86); }
.attention-hero-main.clear { border-left-color: var(--success-col); }
.attention-hero-main.intake { border-left-color: var(--info-col); }
.attention-hero-side {
  padding: 1rem;
}
.attention-eyebrow {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.attention-client {
  margin-top: 0.35rem;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 31px;
  font-weight: 300;
  line-height: 1.08;
}
.attention-need {
  margin-top: 0.55rem;
  color: var(--ivory-mid);
  font-size: 14px;
  line-height: 1.35;
}
.attention-detail {
  margin-top: 0.25rem;
  max-width: 780px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
}
.attention-context {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.85rem;
}
.attention-context span {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  line-height: 1.2;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0.32rem 0.5rem;
}
.attention-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1rem;
}
.attention-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.attention-kpi {
  appearance: none;
  border: 0.5px solid var(--border-soft);
  border-radius: 5px;
  background: var(--surface);
  color: inherit;
  cursor: pointer;
  min-height: 72px;
  padding: 0.55rem;
  text-align: left;
}
.attention-kpi span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.attention-kpi strong {
  display: block;
  margin-top: 0.22rem;
  color: var(--gold);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}
.attention-kpi em {
  display: block;
  margin-top: 0.25rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  line-height: 1.3;
}
.attention-kpi.active {
  border-color: var(--gold);
  background: rgba(184,160,106,0.1);
}
.attention-next-list {
  border-top: 0.5px solid var(--border-soft);
  margin-top: 0.85rem;
  padding-top: 0.75rem;
}
.attention-next-title {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
}
.attention-next-list button {
  appearance: none;
  width: 100%;
  border: 0.5px solid var(--border-soft);
  border-radius: 5px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 0.12rem;
  margin-top: 0.35rem;
  padding: 0.5rem 0.55rem;
  text-align: left;
}
.attention-next-list strong {
  color: var(--ivory-mid);
  font-size: 10.5px;
  line-height: 1.25;
}
.attention-next-list span {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  line-height: 1.35;
}
.command-centre {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.client-workspace-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 0.6rem;
  border: 0.5px solid var(--border);
  border-radius: 999px;
  background: var(--surface2);
}

.client-workspace-tabs {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  background: var(--surface);
}

.client-workspace-tabs button {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.07em;
  padding: 0.55rem 0.9rem;
  text-transform: uppercase;
}

.client-workspace-tabs button.active {
  background: var(--gold);
  color: var(--ink);
}

.client-workspace-guidance {
  padding-right: 0.55rem;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
  text-align: right;
}

.client-directory-view {
  display: grid;
  gap: 1rem;
}

.client-directory-shell {
  overflow: hidden;
  border: 0.5px solid var(--border);
  border-radius: 8px;
  background: var(--surface2);
}

.client-directory-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
}

.client-directory-head h2 {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 400;
}

.client-directory-head p {
  margin-top: 0.2rem;
  color: var(--muted);
  font-size: 10.5px;
}

.client-directory-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.65rem;
  padding: 1rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
}

.client-directory-filters input,
.client-directory-filters select,
.client-directory-filters button,
.client-workflow-filter-bar select,
.client-workflow-filter-bar button {
  min-width: 0;
  background: var(--surface);
  border: 0.5px solid var(--border);
  color: var(--ivory);
  font-size: 11px;
}

.client-directory-filters input[type="search"] {
  grid-column: span 2;
}

.client-filter-reset {
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.client-filter-reset:disabled {
  cursor: default;
  opacity: 0.42;
}

.client-workflow-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin: 1rem 0;
  padding: 0.8rem 1rem;
  border: 0.5px solid var(--border);
  border-radius: 8px;
  background: var(--surface2);
}

.client-workflow-filter-bar::before {
  content: "Filter client work";
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.client-workflow-filter-bar select {
  flex: 1 1 190px;
}

.client-directory-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding: 0.75rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
}

.client-directory-summary span {
  border: 0.5px solid var(--border);
  border-radius: 999px;
  padding: 0.35rem 0.55rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  text-transform: uppercase;
}

.client-directory-summary strong {
  color: var(--gold);
}

.client-directory-table {
  overflow-x: auto;
}

.client-directory-row {
  display: grid;
  grid-template-columns:
    minmax(190px, 1.15fr)
    minmax(150px, 0.85fr)
    minmax(180px, 1fr)
    minmax(180px, 1fr)
    minmax(180px, 1fr)
    minmax(120px, 0.65fr);
  min-width: 1080px;
  border-bottom: 0.5px solid var(--border-soft);
}

.client-directory-row:last-child {
  border-bottom: 0;
}

.client-directory-row.header {
  background: var(--surface);
}

.client-directory-cell {
  min-width: 0;
  padding: 0.85rem 0.9rem;
  border-right: 0.5px solid var(--border-soft);
}

.client-directory-cell:last-child {
  border-right: 0;
}

.client-directory-row.header .client-directory-cell {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.client-directory-cell strong,
.client-directory-cell span,
.client-directory-cell em {
  display: block;
  overflow-wrap: anywhere;
}

.client-directory-cell strong {
  color: var(--ivory);
  font-size: 11.5px;
  font-weight: 500;
}

.client-directory-cell span {
  margin-top: 0.22rem;
  color: var(--ivory-mid);
  font-size: 10px;
}

.client-directory-cell em {
  margin-top: 0.28rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  line-height: 1.4;
}

.client-directory-health {
  display: inline-flex !important;
  width: fit-content;
  border: 0.5px solid var(--border);
  border-radius: 999px;
  padding: 0.24rem 0.45rem;
  text-transform: uppercase;
}

.client-directory-health.red {
  border-color: rgba(198,95,61,0.48);
  color: #d78568;
}

.client-directory-health.amber {
  border-color: rgba(184,160,106,0.48);
  color: var(--gold);
}

.client-directory-health.green {
  border-color: var(--success-bdr);
  color: var(--success-col);
}

.client-directory-stage {
  display: inline-flex !important;
  width: fit-content;
  border: 0.5px solid var(--border);
  border-radius: 999px;
  padding: 0.24rem 0.45rem;
  font-family: var(--fm);
  font-size: 8px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.client-directory-stage.intake-review,
.client-directory-stage.relationship-nurture {
  border-color: rgba(154, 149, 172, 0.5);
  color: #b8b0c7;
}

.client-directory-stage.contracting,
.client-directory-stage.ready-for-brief {
  border-color: rgba(184,160,106,0.55);
  color: var(--gold);
}

.client-directory-stage.active-hiring {
  border-color: rgba(90, 166, 192, 0.55);
  color: #79c4dc;
}

.client-directory-stage.placed-support {
  border-color: var(--success-bdr);
  color: var(--success-col);
}

.client-directory-actions {
  display: grid;
  align-content: start;
  gap: 0.35rem;
}

.client-directory-actions button {
  width: 100%;
  white-space: normal;
}

.command-head,
.command-worklist-head {
  padding: 1rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.command-title,
.command-subtitle {
  font-family: var(--fd);
  color: var(--gold);
  font-weight: 300;
}

.command-title { font-size: 21px; }
.command-subtitle { font-size: 18px; }

.command-note,
.command-stamp {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  margin-top: 2px;
}

.command-stamp {
  text-align: right;
  white-space: nowrap;
}

.command-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border-bottom: 0.5px solid var(--border);
}

.command-insights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border-bottom: 0.5px solid var(--border);
}

.team-assignment-panel,
.candidate-handoff-panel,
.recruiter-chase-panel,
.recruiter-quality-panel,
.conversion-command-panel {
  background: var(--surface2);
  border-bottom: 0.5px solid var(--border);
  padding: 1rem 1.25rem;
}

.assignment-head,
.handoff-head,
.recruiter-panel-head,
.conversion-head,
.candidate-spotlight-head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.assignment-total {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  padding: 0.28rem 0.55rem;
  white-space: nowrap;
}

.assignment-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.assignment-chip {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  color: var(--muted);
  cursor: pointer;
  display: grid;
  gap: 0.12rem;
  min-width: 128px;
  padding: 0.55rem 0.65rem;
  text-align: left;
}

.assignment-chip span,
.assignment-chip em {
  display: block;
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.assignment-chip strong {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
}

.assignment-chip.active {
  border-color: var(--gold);
  color: var(--ivory-mid);
}

.assignment-chip.alert strong {
  color: #E57373;
}

.handoff-kpis,
.recruiter-kpis {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}

.handoff-kpis span,
.recruiter-kpis span {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  padding: 0.25rem 0.5rem;
}

.handoff-kpis strong,
.recruiter-kpis strong {
  color: var(--gold);
  font-weight: 400;
}

.recruiter-chase-list {
  display: grid;
  gap: 0.55rem;
}

.recruiter-chase-row {
  align-items: center;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-left: 3px solid var(--gold);
  border-radius: 4px;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 0.72rem;
}

.recruiter-chase-row.alert {
  background: linear-gradient(90deg, rgba(192,57,43,0.07), transparent 42%), var(--surface);
  border-left-color: rgba(192,57,43,0.78);
}

.recruiter-chase-row.warn {
  background: linear-gradient(90deg, rgba(184,160,106,0.08), transparent 42%), var(--surface);
  border-left-color: var(--gold);
}

.recruiter-score {
  align-content: center;
  border: 0.5px solid var(--border-soft);
  border-radius: 6px;
  display: grid;
  min-height: 48px;
  min-width: 54px;
  padding: 0.35rem;
  text-align: center;
}

.recruiter-score span {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 24px;
  line-height: 1;
}

.recruiter-score em,
.recruiter-quality-card em,
.recruiter-quality-card small {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  line-height: 1.35;
}

.recruiter-chase-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

.recruiter-chase-meta span {
  background: rgba(184,160,106,0.07);
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--ivory-mid);
  font-family: var(--fm);
  font-size: 8.5px;
  padding: 0.2rem 0.45rem;
}

.recruiter-quality-grid {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.recruiter-quality-card {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 6px;
  display: grid;
  gap: 0.22rem;
  padding: 0.72rem;
}

.recruiter-quality-card.ok {
  background: var(--success-bg);
  border-color: var(--success-bdr);
}

.recruiter-quality-card.warn {
  background: rgba(184,160,106,0.08);
  border-color: rgba(184,160,106,0.34);
}

.recruiter-quality-card.alert {
  background: var(--danger-bg);
  border-color: var(--danger-bdr);
}

.recruiter-quality-card span {
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 11px;
}

.recruiter-quality-card strong {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
}

.conversion-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
}

.conversion-kpis span {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  padding: 0.25rem 0.5rem;
}

.conversion-kpis strong {
  color: var(--gold);
  font-weight: 400;
}

.conversion-layout {
  align-items: start;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.85fr);
}

.conversion-play-list,
.candidate-spotlight-list {
  display: grid;
  gap: 0.55rem;
}

.conversion-play,
.candidate-spotlight-card {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 6px;
  min-width: 0;
}

.conversion-play {
  border-left: 3px solid var(--gold);
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.78rem;
}

.conversion-play.danger {
  border-left-color: rgba(192,57,43,0.75);
  background: linear-gradient(90deg, rgba(192,57,43,0.08), transparent 42%), var(--surface);
}

.conversion-play.warning {
  border-left-color: rgba(184,160,106,0.82);
  background: linear-gradient(90deg, rgba(184,160,106,0.08), transparent 42%), var(--surface);
}

.conversion-play.active {
  border-left-color: var(--success-col);
}

.conversion-play-kicker,
.candidate-spotlight-status {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.conversion-play-title,
.candidate-spotlight-name {
  color: var(--ivory);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0.15rem;
}

.conversion-play-client,
.conversion-play-detail,
.conversion-play-suggestion,
.candidate-spotlight-role,
.candidate-spotlight-summary,
.conversion-empty {
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.45;
  margin-top: 0.18rem;
}

.conversion-play-client,
.candidate-spotlight-role {
  font-family: var(--fm);
  overflow-wrap: anywhere;
}

.conversion-play-suggestion {
  color: var(--ivory-mid);
}

.conversion-play-actions,
.candidate-spotlight-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-end;
}

.candidate-spotlight-panel {
  background: rgba(184,160,106,0.04);
  border: 0.5px solid var(--border-soft);
  border-radius: 6px;
  padding: 0.8rem;
}

.candidate-spotlight-card {
  padding: 0.78rem;
}

.candidate-spotlight-summary {
  color: var(--ink);
}

.candidate-spotlight-actions {
  justify-content: flex-start;
  margin-top: 0.65rem;
}

.conversion-empty {
  border: 0.5px dashed var(--border-soft);
  border-radius: 6px;
  padding: 0.85rem;
}

.handoff-list {
  display: grid;
  gap: 0.5rem;
}

.handoff-row {
  align-items: center;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-left: 3px solid var(--gold);
  border-radius: 4px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  padding: 0.7rem;
}

.handoff-row.source { border-left-color: rgba(192,57,43,0.72); }
.handoff-row.format { border-left-color: var(--gold); }
.handoff-row.send { border-left-color: var(--success-col); }

.handoff-stage {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.handoff-title {
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.3;
  margin-top: 0.12rem;
}

.handoff-detail,
.handoff-empty {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9.5px;
  line-height: 1.35;
  margin-top: 0.12rem;
}

.handoff-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

.owner-quick {
  display: grid;
  gap: 0.22rem;
  margin-top: 0.45rem;
  max-width: 240px;
}

.owner-quick span {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.owner-quick select {
  background: var(--surface3);
  border: 0.5px solid var(--border-soft);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 10px;
  min-height: 28px;
  min-width: 0;
  padding: 0 0.45rem;
}

.owner-quick.inline {
  max-width: 220px;
}

.command-metric {
  background: var(--surface2);
  padding: 0.9rem 1rem;
  min-width: 0;
}

.command-insight {
  background: var(--surface2);
  padding: 0.95rem 1rem;
  min-width: 0;
}

.command-insight-label {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.command-insight-value {
  margin-top: 4px;
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.3;
}

.command-insight-note {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.4;
}

.command-metric-label {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.command-metric-value {
  margin-top: 4px;
  color: var(--gold);
  font-family: var(--fd);
  font-size: 25px;
  font-weight: 300;
  line-height: 1;
}

.command-metric-note {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.command-worklist {
  background: var(--surface2);
}

.command-action {
  display: grid;
  grid-template-columns: minmax(210px, 0.95fr) minmax(260px, 1.35fr) minmax(210px, auto);
  gap: 1rem;
  padding: 0.95rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
  border-left: 3px solid transparent;
  align-items: start;
}

.command-action.attention-red {
  border-left-color: rgba(192,57,43,0.74);
  background: linear-gradient(90deg, rgba(192,57,43,0.08), transparent 36%);
}
.command-action.attention-amber {
  border-left-color: rgba(184,160,106,0.72);
  background: linear-gradient(90deg, rgba(184,160,106,0.08), transparent 36%);
}

.command-action:last-child { border-bottom: none; }

.team-relationship-summary {
  display: grid;
  grid-template-columns: minmax(190px, 1.2fr) minmax(150px, 0.8fr) minmax(190px, 1fr) minmax(170px, 0.9fr);
  gap: 1rem;
  align-items: start;
  padding: 0.95rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
  border-left: 3px solid transparent;
}
.team-relationship-summary.attention-red {
  border-left-color: rgba(192,57,43,0.74);
  background: linear-gradient(90deg, rgba(192,57,43,0.08), transparent 36%);
}
.team-relationship-summary.attention-amber {
  border-left-color: rgba(184,160,106,0.72);
  background: linear-gradient(90deg, rgba(184,160,106,0.08), transparent 36%);
}
.team-relationship-summary.attention-green {
  border-left-color: rgba(93,154,123,0.68);
}
.team-relationship-summary:last-child { border-bottom: none; }
.team-relationship-summary > div {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}
.team-relationship-summary span,
.team-relationship-summary em {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  line-height: 1.4;
}
.team-relationship-summary strong {
  color: var(--ivory-mid);
  font-size: 11px;
  overflow-wrap: anywhere;
}

.command-client {
  color: var(--ivory);
  font-size: 12px;
}

.command-meta,
.command-detail,
.command-owner-line {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  margin-top: 2px;
}
.command-owner-line {
  color: var(--gold-dim);
  overflow-wrap: anywhere;
}

.command-issue {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.3;
}
.command-route {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.25rem;
}
.command-route span {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8px;
  letter-spacing: 0.08em;
  padding: 0.22rem 0.42rem;
  text-transform: uppercase;
}
.command-secondary-issues {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.45rem;
}
.command-secondary-issues span {
  background: rgba(184,160,106,0.08);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  line-height: 1.25;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0.25rem 0.38rem;
}

.command-actions {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.attention-filter-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}
.attention-filter {
  border: 0.5px solid var(--border);
  background: var(--surface);
  color: var(--muted);
  border-radius: 999px;
  min-height: 30px;
  padding: 0.3rem 0.55rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.attention-filter strong {
  color: var(--gold);
  font-size: 10px;
}
.attention-filter em {
  color: var(--muted);
  font-size: 7.5px;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
}
.attention-filter.active {
  border-color: var(--gold);
  background: rgba(184,160,106,0.12);
  color: var(--ivory);
}

.command-empty {
  padding: 1rem 1.25rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 11px;
}

html[data-theme="light"] .command-centre,
html[data-theme="light"] .command-action,
html[data-theme="light"] .command-metric,
html[data-theme="light"] .bd-signal-rail,
html[data-theme="light"] .bd-desk-hero {
  box-shadow: 0 12px 28px rgba(44,34,20,0.03);
}

/* ── DIVISION GRID ── */
.div-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.div-card {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  cursor: pointer;
  transition: border-color 0.2s;
}
.div-card:hover { border-color: var(--gold-dim); }
.div-card.attention-red {
  border-color: rgba(192,57,43,0.38);
}
.div-card.attention-amber {
  border-color: rgba(184,160,106,0.34);
}

.dc-head {
  padding: 0.9rem 1.1rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dc-name { font-family: var(--fd); font-size: 16px; font-weight: 300; color: var(--ivory); }
.dc-meta { font-size: 10px; color: var(--muted); font-family: var(--fm); margin-top: 1px; }

.dc-body { padding: 0.75rem 1.1rem; display: flex; gap: 1rem; }
.dc-attention {
  border-top: 0.5px solid var(--border-soft);
  padding: 0.75rem 1.1rem 0.85rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 0.65rem;
  row-gap: 0.15rem;
  align-items: center;
}
.dc-attention strong {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}
.dc-attention span {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.35;
}
.dc-attention em {
  grid-column: 2;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
}
.dc-attention.red strong,
.dc-attention.red span {
  color: #E57373;
}
.dc-attention.green strong {
  color: var(--success-col);
}
.dc-stat { text-align: center; }
.dc-sv   { font-family: var(--fd); font-size: 20px; font-weight: 300; color: var(--gold); }
.dc-sl   { font-size: 9px; color: var(--muted); font-family: var(--fm); text-transform: uppercase; letter-spacing: 0.08em; }

/* ── TAGS ── */
.tag {
  display: inline-flex;
  align-items: center;
  font-size: 9px;
  font-family: var(--fm);
  padding: 2px 7px;
  border-radius: 2px;
  letter-spacing: 0.04em;
}
.tag-uk { background: #1E7F54; color: #F2FFF7; border: 0.5px solid #5BD18D; }
.tag-us { background: #1F5FA8; color: #F1F7FF; border: 0.5px solid #76B7FF; }
.tag-sg { background: #B8323F; color: #FFF4F5; border: 0.5px solid #FF9099; }
.tag-au { background: #B87514; color: #FFF8E8; border: 0.5px solid #F5BF5B; }
.tag-ie { background: #147A4B; color: #F2FFF8; border: 0.5px solid #60D79A; }
.tag.warning {
  background: rgba(184, 117, 20, 0.12);
  color: #B87514;
  border: 0.5px solid rgba(184, 117, 20, 0.34);
}
.tag.danger {
  background: rgba(184, 50, 63, 0.12);
  color: #B8323F;
  border: 0.5px solid rgba(184, 50, 63, 0.34);
}

/* ── ADD CLIENT BAR ── */
.add-bar {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
  display: flex;
  gap: 0.75rem;
  align-items: flex-end;
  flex-wrap: wrap;
}

.fg { display: flex; flex-direction: column; gap: 3px; }
.fg label {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
}
.fg input,
.fg select,
.fg textarea {
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.2s;
}
.fg input:focus,
.fg select:focus,
.fg textarea:focus { border-color: var(--gold); }
.fg select option { background: var(--surface3); }
.fg input  { min-width: 170px; }
.fg select { min-width: 130px; }
.fg textarea {
  width: 100%;
  resize: vertical;
  outline: none;
  min-height: 74px;
}

.ops-followup-panel {
  border: 0.5px solid var(--border);
  background: var(--surface3);
  border-radius: 4px;
  padding: 0.85rem;
  margin: 0 0 1.25rem;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.7fr);
  gap: 0.75rem;
  align-items: center;
}
.ops-followup-title {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ops-followup-state {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.35;
  margin-top: 0.2rem;
}
.ops-followup-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.ops-followup-actions input {
  min-height: 32px;
  min-width: 130px;
  border: 0.5px solid var(--border);
  background: var(--surface2);
  color: var(--ivory);
  border-radius: 3px;
  padding: 0 0.55rem;
  font-family: var(--fb);
  font-size: 11px;
}

.preset-panel {
  flex: 1 1 100%;
  border-top: 0.5px solid var(--border-soft);
  padding-top: 0.85rem;
  display: block;
}

.preset-builder {
  border: 0.5px solid var(--border-soft);
  background: var(--surface3);
  padding: 0.95rem;
  border-radius: 3px;
}

.preset-builder-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
  padding-bottom: 0.85rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.preset-eyebrow,
.preset-section-title {
  color: var(--ivory-mid);
  font-size: 10px;
  font-family: var(--fm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.preset-readiness {
  margin-top: 0.85rem;
  border: 0.5px solid var(--border);
  background: rgba(255,255,255,0.025);
  border-radius: 3px;
  padding: 0.75rem 0.85rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
}
.preset-readiness.ready {
  border-color: var(--success-bdr);
  background: var(--success-bg);
}
.preset-readiness.missing {
  border-color: rgba(184,160,106,0.32);
  background: rgba(184,160,106,0.07);
}
.preset-readiness-title {
  color: var(--ivory);
  font-size: 12px;
  font-family: var(--fb);
}
.preset-readiness-copy {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 0.2rem;
}
.preset-readiness-badge {
  justify-self: end;
  border: 0.5px solid var(--border);
  color: var(--gold);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 9px;
  font-family: var(--fm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.preset-readiness.ready .preset-readiness-badge {
  border-color: var(--success-bdr);
  color: var(--success-col);
}
.preset-heading {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 22px;
  line-height: 1.15;
  margin-top: 0.2rem;
}
.preset-copy,
.preset-help {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
  margin-top: 0.25rem;
  max-width: 760px;
}
.preset-pack-count {
  min-width: 118px;
  border: 0.5px solid var(--border);
  background: var(--surface2);
  border-radius: 3px;
  padding: 0.65rem 0.75rem;
  text-align: center;
}
.preset-pack-count span {
  display: block;
  color: var(--gold);
  font-family: var(--fd);
  font-size: 26px;
  line-height: 1;
}
.preset-pack-count small {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  margin-top: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.preset-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.85rem;
}
.preset-section {
  margin-top: 0.9rem;
}
.preset-section-title {
  color: var(--gold-dim);
  margin-bottom: 0.55rem;
}
.preset-doc-grid,
.preset-optional-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 0.55rem;
}

.preset-doc {
  min-height: 72px;
  border: 0.5px solid var(--border-soft);
  background: var(--surface2);
  border-radius: 3px;
  padding: 0.7rem 0.75rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: flex-start;
}
.preset-doc.selectable {
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s;
}
.preset-doc.selectable:hover {
  border-color: var(--gold-dim);
}
.preset-doc.selectable input {
  margin-top: 2px;
  accent-color: var(--gold);
}
.preset-doc.selectable:has(input:checked) {
  border-color: var(--gold);
  background: rgba(184,160,106,0.08);
}
.preset-doc.selectable.needs-pdf:has(input:checked) {
  border-color: rgba(176,79,79,0.35);
  background: rgba(176,79,79,0.06);
}
.preset-doc.selectable.is-ready:has(input:checked) {
  border-color: var(--success-bdr);
}
.preset-doc-title {
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.25;
}
.preset-doc-meta {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  line-height: 1.4;
  margin-top: 0.2rem;
}
.preset-template-state {
  margin-top: 0.35rem;
  font-family: var(--fm);
  font-size: 9.5px;
  line-height: 1.35;
}
.preset-template-state.ready {
  color: var(--success-col);
}
.preset-template-state.missing {
  color: var(--gold-dim);
}
.preset-doc-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
}
.preset-doc-tag {
  color: var(--gold-dim);
  border: 0.5px solid var(--border);
  border-radius: 999px;
  padding: 2px 7px;
  font-family: var(--fm);
  font-size: 8.5px;
  white-space: nowrap;
}
.preset-doc.recommended .preset-doc-tag {
  color: var(--success-col);
  border-color: var(--success-bdr);
  background: var(--success-bg);
}
.mini-action {
  border: 0.5px solid var(--border);
  background: transparent;
  color: var(--gold);
  border-radius: 3px;
  padding: 0.32rem 0.46rem;
  font-size: 8.5px;
  font-family: var(--fm);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
  white-space: nowrap;
}
.mini-action:hover {
  border-color: var(--gold);
  background: rgba(184,160,106,0.08);
}
.pack-doc-actions {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: flex-end;
}
.mini-file-action {
  border: 0.5px solid var(--gold-dim);
  background: rgba(184,160,106,0.08);
  color: var(--gold);
  border-radius: 3px;
  padding: 0.32rem 0.46rem;
  font-size: 8.5px;
  font-family: var(--fm);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
  white-space: nowrap;
}
.mini-file-action:hover {
  border-color: var(--gold);
  background: rgba(184,160,106,0.14);
}
.mini-file-action input {
  display: none;
}
.oneoff-panel {
  margin-top: 1rem;
  padding: 0.9rem;
  border: 0.5px solid var(--border);
  background: rgba(255,255,255,0.02);
  border-radius: 3px;
}
.oneoff-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.oneoff-badge {
  color: var(--gold);
  border: 0.5px solid var(--border);
  border-radius: 999px;
  padding: 3px 8px;
  font-family: var(--fm);
  font-size: 8.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.oneoff-grid {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(210px, 1.25fr) minmax(180px, 1fr) auto;
  gap: 0.65rem;
  align-items: end;
  margin-top: 0.8rem;
}
.oneoff-file input {
  color: var(--muted);
  font-size: 11px;
}
.queued-doc-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.65rem;
}
.queued-doc-item {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  border: 0.5px solid var(--border-soft);
  background: var(--surface2);
  padding: 0.6rem 0.65rem;
  border-radius: 3px;
}
.queued-doc-title {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.25;
}
.legacy-exclusive-toggle {
  display: none;
}
.mini-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--ivory-mid);
  font-size: 10px;
  font-family: var(--fm);
  padding: 8px 0;
  cursor: pointer;
}
.mini-check input { accent-color: var(--gold); }

/* ── BUTTONS ── */
.btn-g {
  background: var(--gold);
  color: var(--ink);
  border: none;
  font-family: var(--fb);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
  transition: background 0.2s;
}
.btn-g:hover { background: var(--gold-light); }

.btn-o {
  background: transparent;
  color: var(--gold);
  border: 0.5px solid var(--gold);
  font-family: var(--fb);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-o:hover { background: rgba(184,160,106,0.1); }

/* ── CLIENT TABLE ── */
.tbl-wrap {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
}

.tbl-head {
  display: grid;
  grid-template-columns: 2fr 1.15fr 1.05fr 1.35fr 1.75fr;
  padding: 0.6rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
}
.th {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
}

.tbl-row {
  display: grid;
  grid-template-columns: 2fr 1.15fr 1.05fr 1.35fr 1.75fr;
  padding: 0.75rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
  border-left: 3px solid transparent;
  align-items: center;
  cursor: pointer;
  transition: background 0.15s;
}
.tbl-row:hover { background: rgba(184,160,106,0.04); }
.tbl-row:last-child { border-bottom: none; }
.tbl-row.attention-red {
  border-left-color: rgba(192,57,43,0.82);
  background:
    linear-gradient(90deg, rgba(192,57,43,0.08), transparent 42%),
    var(--surface2);
}
.tbl-row.attention-amber {
  border-left-color: rgba(184,160,106,0.82);
  background:
    linear-gradient(90deg, rgba(184,160,106,0.08), transparent 42%),
    var(--surface2);
}
.tbl-row.attention-green {
  border-left-color: rgba(91,170,128,0.24);
}

.cn { font-size: 12px; color: var(--ivory); }
.ce { font-size: 10px; color: var(--muted); font-family: var(--fm); margin-top: 1px; }
.client-line {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.client-line .cn {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attention-pill {
  flex: 0 0 auto;
  border: 0.5px solid var(--border);
  border-radius: 999px;
  padding: 2px 7px;
  font-family: var(--fm);
  font-size: 9px;
  line-height: 1.2;
  color: var(--muted);
  background: rgba(0,0,0,0.08);
}
.attention-pill.red {
  border-color: rgba(192,57,43,0.4);
  color: #E57373;
  background: rgba(192,57,43,0.12);
}
.attention-pill.amber {
  border-color: rgba(184,160,106,0.36);
  color: var(--gold);
  background: rgba(184,160,106,0.11);
}
.attention-pill.green {
  border-color: var(--success-bdr);
  color: var(--success-col);
  background: var(--success-bg);
}
.client-attention-strip {
  margin-top: 0.45rem;
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.client-attention-item {
  min-width: 0;
  max-width: 100%;
  border: 0.5px solid var(--border-soft);
  border-radius: 5px;
  padding: 0.34rem 0.48rem;
  background: rgba(0,0,0,0.1);
}
.client-attention-item.red {
  border-color: rgba(192,57,43,0.32);
  background: rgba(192,57,43,0.08);
}
.client-attention-item.amber {
  border-color: rgba(184,160,106,0.28);
  background: rgba(184,160,106,0.08);
}
.client-attention-item strong {
  display: block;
  color: var(--ivory-mid);
  font-size: 10px;
  line-height: 1.2;
}
.client-attention-item em {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  line-height: 1.35;
  font-style: normal;
  margin-top: 1px;
  overflow-wrap: anywhere;
}
.client-attention-more {
  align-self: center;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
}
.row-main {
  font-size: 10px;
  color: var(--ivory-mid);
  font-family: var(--fm);
}
.row-submeta {
  margin-top: 3px;
  font-size: 9px;
  color: var(--muted);
  line-height: 1.35;
}

.health-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 9px;
  font-family: var(--fm);
  letter-spacing: 0.04em;
}
.health-green { background: var(--success-bg); color: var(--success-col); border: 0.5px solid var(--success-bdr); }
.health-amber { background: rgba(184,160,106,0.11); color: var(--gold); border: 0.5px solid rgba(184,160,106,0.32); }
.health-red   { background: rgba(192,57,43,0.13); color: #E57373; border: 0.5px solid rgba(192,57,43,0.38); }

/* Status dots */
.sdot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 5px; }
.s-pending { background: var(--muted); }
.s-sent    { background: var(--gold); }
.s-opened  { background: var(--success-col); }
.s-signed  { background: var(--success-col); box-shadow: 0 0 0 2px rgba(91,170,128,0.25); }

.st { font-size: 10px; font-family: var(--fm); }
.st.pending { color: var(--muted); }
.st.sent    { color: var(--gold-dim); }
.st.opened  { color: var(--success-col); }
.st.signed  { color: var(--success-col); }

.ab  { display: flex; gap: 6px; flex-wrap: wrap; }
.bt {
  background: transparent;
  border: 0.5px solid var(--border);
  color: var(--muted);
  font-size: 9px;
  font-family: var(--fm);
  padding: 3px 9px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.15s;
  letter-spacing: 0.04em;
}
.bt:hover        { border-color: var(--gold); color: var(--gold); }
.bt.primary {
  border-color: var(--gold);
  color: var(--ink);
  background: var(--gold);
  font-family: var(--fb);
}
.bt.primary:hover {
  background: var(--gold-light);
  color: var(--ink);
}
.bt.success,
.bt.success:disabled,
.bt.success:hover {
  background: var(--success-bg);
  border-color: var(--success-bdr);
  color: var(--success-col);
  cursor: default;
  opacity: 1;
}
.bt.danger:hover { border-color: #C0392B; color: #E57373; }

/* ── BACK BUTTON ── */
.back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  cursor: pointer;
  font-family: var(--fm);
  margin-bottom: 1rem;
  transition: color 0.15s;
  user-select: none;
}
.back-btn:hover { color: var(--gold); }

/* ── EMPTY STATE ── */
.empty {
  padding: 2rem;
  text-align: center;
  font-size: 12px;
  color: var(--muted);
}

/* ── CLIENT PORTAL ── */
.cp-hero {
  background:
    linear-gradient(90deg, rgba(184,160,106,0.12), transparent 42%),
    var(--surface2);
  border-bottom: 0.5px solid var(--border);
  padding: 1.65rem 2.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.cp-brandlock {
  display: flex;
  align-items: center;
  gap: 0.95rem;
  min-width: 0;
}
.cp-client-mark {
  width: 52px;
  height: 52px;
  border: 0.5px solid var(--gold);
  background: var(--surface);
  color: var(--gold);
  display: grid;
  place-items: center;
  border-radius: 3px;
  font-family: var(--fd);
  font-size: 27px;
  font-weight: 300;
  flex: 0 0 auto;
}
.cp-eyebrow {
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
  margin-bottom: 3px;
}
.cp-greet {
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  overflow-wrap: anywhere;
  line-height: 1.12;
}
.cp-org {
  font-size: 13px;
  color: var(--muted);
  margin-top: 5px;
  letter-spacing: 0.04em;
}
.label-tiny { font-size: 10px; color: var(--muted); font-family: var(--fm); }
.cp-email   { font-size: 11px; color: var(--gold); font-family: var(--fm); margin-top: 2px; }
.cp-hero-right {
  text-align: right;
  min-width: 180px;
}
.cp-stage {
  display: inline-flex;
  margin-top: 0.45rem;
  padding: 4px 9px;
  border: 0.5px solid var(--border);
  background: rgba(184,160,106,0.08);
  color: var(--gold-dim);
  font-size: 9px;
  font-family: var(--fm);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.cp-context-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.8rem clamp(1.25rem, 3vw, 3rem);
  border-bottom: 0.5px solid var(--border);
  background: rgba(0,0,0,0.08);
}
.cp-back-control {
  border: 0.5px solid var(--border);
  background: var(--surface2);
  color: var(--gold);
  border-radius: 5px;
  min-height: 34px;
  padding: 0 0.75rem;
  font-family: var(--fm);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
}
.cp-back-control:hover {
  background: rgba(184,160,106,0.1);
}
.cp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cp-breadcrumb span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-breadcrumb-sep {
  color: var(--muted);
  flex: 0 0 auto;
}
.cp-mirror-banner {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 0.5px solid rgba(184,160,106,0.36);
  background: rgba(184,160,106,0.1);
  color: var(--ivory-mid);
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 11px;
  line-height: 1.35;
}
.cp-mirror-banner strong {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.cp-mirror-banner[hidden] {
  display: none;
}

.cp-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  padding: 1.75rem 2.25rem;
  flex: 1;
  overflow-y: auto;
}
.cp-workspace { min-width: 0; }
.cp-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cp-client-overview {
  display: grid;
  gap: 0.9rem;
  margin-bottom: 1.15rem;
}
.cp-intro-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 38%);
  gap: 1.25rem;
  align-items: stretch;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.15), transparent 46%),
    var(--surface2);
  border: 0.5px solid rgba(184,160,106,0.34);
  border-radius: 5px;
  padding: 1.35rem;
}
.cp-intro-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 0.55rem;
}
.cp-intro-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 29px;
  font-weight: 300;
  line-height: 1.15;
  max-width: 720px;
}
.cp-intro-copy {
  color: var(--ivory-mid);
  font-size: 14px;
  line-height: 1.75;
  margin-top: 0.75rem;
  max-width: 720px;
}
.cp-intro-actions {
  margin-top: 1rem;
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.cp-intro-action {
  min-height: 42px;
}
.cp-intro-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.cp-intro-task-list {
  display: grid;
  gap: 0.65rem;
  align-content: start;
}
.client-priority-snapshot {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.8fr) minmax(220px, 0.65fr);
  gap: 1rem;
  align-items: center;
  border: 0.5px solid rgba(184,160,106,0.36);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.16), rgba(54,82,87,0.08) 48%, transparent),
    var(--surface2);
  padding: 1rem 1.1rem;
  box-shadow: 0 18px 52px rgba(0,0,0,0.16);
}
.client-priority-snapshot.attention {
  border-color: rgba(184,160,106,0.62);
}
.client-priority-main span,
.client-priority-action small {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-priority-main strong {
  display: block;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.08;
  margin-top: 0.28rem;
}
.client-priority-main p,
.client-priority-action p {
  color: var(--ivory-mid);
  font-size: 12.5px;
  line-height: 1.6;
  margin-top: 0.35rem;
}
.client-priority-facts {
  display: grid;
  gap: 0.45rem;
}
.client-priority-facts em {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  background: rgba(0,0,0,0.1);
  color: var(--ivory-mid);
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
  padding: 0.38rem 0.6rem;
}
.client-priority-action {
  display: grid;
  justify-items: end;
  gap: 0.45rem;
  text-align: right;
}
.client-support-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 0.5px solid rgba(106,174,212,0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(106,174,212,0.11), rgba(184,160,106,0.07)),
    var(--surface2);
  padding: 0.95rem 1.05rem;
}
.client-support-copy {
  min-width: 0;
}
.client-support-copy span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-support-copy strong {
  display: block;
  color: var(--ivory);
  font-size: 15px;
  line-height: 1.35;
  margin-top: 0.22rem;
}
.client-support-copy p {
  color: var(--ivory-mid);
  font-size: 12.5px;
  line-height: 1.6;
  margin-top: 0.22rem;
}
.client-support-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex: 0 0 auto;
  flex-wrap: wrap;
}
.client-decision-hub {
  border: 0.5px solid rgba(184,160,106,0.32);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.09), rgba(106,174,212,0.07)),
    var(--surface2);
  overflow: hidden;
}
.client-decision-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.client-decision-head span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.client-decision-head strong {
  display: block;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 25px;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 0.25rem;
}
.client-decision-head em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
  max-width: 320px;
  text-align: right;
}
.client-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--border-soft);
}
.client-decision-card {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  min-width: 0;
  min-height: 218px;
  padding: 1rem;
  background: var(--surface2);
}
.client-decision-card.attention {
  background: linear-gradient(180deg, rgba(184,160,106,0.12), var(--surface2));
}
.client-decision-card.active {
  background: linear-gradient(180deg, rgba(106,174,212,0.09), var(--surface2));
}
.client-decision-card.complete {
  background: linear-gradient(180deg, var(--success-bg), var(--surface2));
}
.client-decision-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.client-decision-topline span {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-decision-topline em {
  border: 0.5px solid rgba(184,160,106,0.24);
  border-radius: 999px;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  letter-spacing: 0.06em;
  line-height: 1.2;
  padding: 0.24rem 0.42rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.client-decision-card strong {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 23px;
  font-weight: 300;
  line-height: 1.14;
}
.client-decision-card p {
  color: var(--ivory-mid);
  font-size: 12.5px;
  line-height: 1.55;
  margin: 0;
}
.client-decision-card button {
  align-self: end;
  justify-self: start;
  border: 0.5px solid rgba(184,160,106,0.38);
  border-radius: 4px;
  background: transparent;
  color: var(--gold);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  margin-top: 0.35rem;
  padding: 0.5rem 0.65rem;
  text-transform: uppercase;
}
.client-decision-card button:hover {
  background: rgba(184,160,106,0.1);
  border-color: var(--gold);
}
.client-task-list-title {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.client-task-item {
  width: 100%;
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.14);
  color: var(--ivory-mid);
  border-radius: 7px;
  padding: 0.8rem;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 0.7rem;
  text-align: left;
  cursor: pointer;
}
.client-task-item:hover {
  border-color: rgba(184,160,106,0.44);
  background: rgba(184,160,106,0.08);
}
.client-task-item.attention {
  border-color: rgba(184,160,106,0.48);
  background: rgba(184,160,106,0.1);
}
.client-task-item.active {
  border-color: var(--info-bdr);
  background: var(--info-bg);
}
.client-task-item.complete {
  border-color: var(--success-bdr);
  background: var(--success-bg);
}
.client-task-index {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 0.5px solid var(--border);
  color: var(--gold);
  display: grid;
  place-items: center;
  font-family: var(--fm);
  font-size: 10px;
}
.client-task-item strong {
  display: block;
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.35;
}
.client-task-item em {
  display: block;
  color: var(--muted);
  font-style: normal;
  font-size: 11.5px;
  line-height: 1.55;
  margin-top: 0.15rem;
}
.client-task-item small {
  display: inline-flex;
  width: fit-content;
  margin-top: 0.45rem;
  border: 0.5px solid rgba(184,160,106,0.24);
  border-radius: 999px;
  padding: 0.22rem 0.45rem;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.client-primary-action {
  width: 100%;
  min-height: 144px;
  border: 0.5px solid rgba(184,160,106,0.48);
  border-radius: 8px;
  padding: 1rem;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.17), rgba(0,0,0,0.12)),
    var(--surface);
  color: var(--ivory);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
}
.client-primary-action:hover {
  border-color: var(--gold);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.22), rgba(0,0,0,0.08)),
    var(--surface);
}
.client-primary-label,
.client-task-secondary-title {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-primary-action strong {
  display: block;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 23px;
  font-weight: 300;
  line-height: 1.14;
  margin-top: 0.5rem;
}
.client-primary-action em {
  display: inline-flex;
  width: fit-content;
  margin-top: 0.85rem;
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 999px;
  padding: 0.35rem 0.55rem;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.client-task-secondary-title {
  margin-top: 0.35rem;
  color: var(--muted);
  font-size: 9px;
}
.premium-metric {
  background: rgba(0,0,0,0.16);
  border: 0.5px solid var(--border-soft);
  padding: 0.8rem;
  min-width: 0;
}
.premium-label {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.premium-value {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 27px;
  line-height: 1;
  margin-top: 0.45rem;
}
.premium-note {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 0.4rem;
}
.client-command-centre {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 5px;
  overflow: hidden;
}
.client-command-head {
  padding: 1rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.client-command-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-command-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 0.2rem;
}
.client-command-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
}
.client-command-card {
  background: var(--surface2);
  padding: 0.95rem;
  min-width: 0;
}
.client-command-card.attention {
  background: rgba(184,160,106,0.08);
}
.client-command-card.complete {
  background: var(--success-bg);
}
.client-command-label {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-command-value {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.08;
  margin-top: 0.45rem;
  overflow-wrap: anywhere;
}
.client-command-note {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.5;
  margin-top: 0.45rem;
  min-height: 3.1em;
}
.client-command-link {
  margin-top: 0.75rem;
  border: 0.5px solid var(--border);
  background: transparent;
  color: var(--gold);
  border-radius: 3px;
  padding: 0.42rem 0.55rem;
  font-family: var(--fm);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
}
.client-command-link:hover {
  border-color: var(--gold);
  background: rgba(184,160,106,0.08);
}
.client-accountability-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
.client-accountability-column {
  border: 0.5px solid var(--border);
  border-radius: 8px;
  background: var(--surface2);
  padding: 0.9rem;
  display: grid;
  gap: 0.6rem;
}
.client-accountability-column.accountability-you {
  border-color: rgba(184,160,106,0.34);
}
.client-accountability-title {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-accountability-item {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.12);
  border-radius: 7px;
  padding: 0.75rem;
  text-align: left;
  cursor: pointer;
}
.client-accountability-item:hover {
  border-color: rgba(184,160,106,0.42);
  background: rgba(184,160,106,0.07);
}
.client-accountability-item strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
}
.client-accountability-item span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.client-partnership-card {
  margin-top: 1rem;
  margin-bottom: 1rem;
  background: var(--surface2);
  border: 0.5px solid rgba(184,160,106,0.24);
  border-radius: 8px;
  padding: 1.15rem 1.25rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 1.25rem;
  align-items: start;
}
.client-partnership-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-partnership-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.18;
  margin-top: 0.3rem;
}
.client-partnership-copy {
  color: var(--ivory-mid);
  font-size: 13px;
  line-height: 1.65;
  margin-top: 0.55rem;
}
.client-partnership-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
.client-partnership-point {
  border-left: 0.5px solid rgba(184,160,106,0.34);
  padding-left: 0.8rem;
}
.client-partnership-point span {
  display: block;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.client-partnership-point strong {
  display: block;
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.35;
  margin-top: 0.35rem;
}
.client-partnership-point em {
  display: block;
  color: var(--ivory-mid);
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
  margin-top: 0.25rem;
}
.cp-stage-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
}
.client-progress-status {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.08);
  border-radius: 8px;
  padding: 0.8rem;
}
.client-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  margin-bottom: 0.65rem;
}
.client-progress-copy span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-progress-copy em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  text-align: right;
}
.client-audit-summary {
  border: 0.5px solid var(--border-soft);
  background: var(--surface2);
  border-radius: 8px;
  padding: 0.9rem;
}
.client-audit-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline;
  margin-bottom: 0.7rem;
}
.client-audit-head span,
.client-audit-item span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-audit-head em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  text-align: right;
}
.client-audit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}
.client-audit-item {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.1);
  border-radius: 7px;
  padding: 0.7rem;
  min-width: 0;
}
.client-audit-item strong {
  display: block;
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.35;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.client-audit-item em {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.25rem;
}
.cp-stage-step {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  background: var(--surface2);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 0.85rem;
  min-width: 0;
  cursor: default;
}
.cp-stage-step.active {
  border-color: rgba(184,160,106,0.42);
  background: rgba(184,160,106,0.09);
}
.cp-stage-step.complete {
  border-color: var(--success-bdr);
  background: var(--success-bg);
}
.cp-stage-number {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: grid;
  place-items: center;
  border: 0.5px solid var(--border);
  border-radius: 50%;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 11px;
}
.cp-stage-step.complete .cp-stage-number {
  color: var(--success-col);
  border-color: var(--success-bdr);
}
.cp-stage-title {
  color: var(--ivory);
  font-size: 13px;
  font-weight: 500;
}
.cp-stage-note {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 1px;
}
.cp-section-tabs {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  border-bottom: 0.5px solid var(--border);
}
.cp-section-tab {
  background: transparent;
  border: none;
  color: var(--muted);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 0.85rem 0.75rem;
  border-bottom: 2px solid transparent;
}
.cp-section-tab.active {
  color: var(--gold);
  border-bottom-color: var(--gold);
}
.cp-section { display: none; }
.cp-section.active { display: block; }

.agreement-focus-hero {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 5px;
  margin-bottom: 0.75rem;
  padding: 1.35rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.25rem;
  align-items: stretch;
}
.agreement-focus-hero.ready {
  border-color: rgba(184,160,106,0.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.agreement-focus-hero.pending {
  border-style: dashed;
}
.agreement-focus-hero.complete {
  border-color: var(--success-bdr);
  background: linear-gradient(135deg, var(--success-bg), var(--surface2) 62%);
}
.agreement-focus-hero.vault {
  padding: 1rem 1.15rem;
  grid-template-columns: minmax(0, 1fr) 260px;
}
.agreement-focus-hero.vault .agreement-title {
  font-size: 24px;
}
.agreement-focus-hero.vault .agreement-copy {
  font-size: 12.5px;
  line-height: 1.6;
}
.agreement-kicker,
.agreement-action-label {
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.agreement-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 30px;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 0.45rem;
  max-width: 780px;
}
.agreement-copy {
  color: var(--ivory-mid);
  font-size: 14px;
  line-height: 1.7;
  margin-top: 0.8rem;
  max-width: 760px;
}
.agreement-doc-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}
.agreement-doc-chip {
  border: 0.5px solid var(--border-soft);
  background: var(--surface);
  border-radius: 999px;
  padding: 0.45rem 0.65rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.2;
}
.agreement-doc-chip strong {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.agreement-doc-chip.ready {
  border-color: rgba(184,160,106,0.45);
}
.agreement-doc-chip.pending strong {
  color: var(--muted);
}
.agreement-action-card {
  background: rgba(0,0,0,0.18);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.9rem;
}
.agreement-action-title {
  color: var(--ivory);
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
}
.agreement-action-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}
.agreement-main-cta {
  width: 100%;
  min-height: 44px;
}
.agreement-step-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.agreement-step-strip div {
  background: var(--surface2);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 0.8rem;
  min-width: 0;
}
.agreement-step-strip span {
  width: 24px;
  height: 24px;
  border: 0.5px solid var(--border);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 11px;
  margin-bottom: 0.45rem;
}
.agreement-step-strip strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
}
.agreement-step-strip em {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.2rem;
}

.cp-contract {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 1.15rem;
}
.cp-contract.is-ready {
  border-color: rgba(184,160,106,0.45);
}
.cp-contract.is-signed {
  border-color: var(--success-bdr);
}
.cp-contract.is-pending-doc {
  border-style: dashed;
}
.cp-panel {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 5px;
  margin-bottom: 1.15rem;
  overflow: hidden;
}
.cp-panel-head {
  padding: 1.15rem 1.35rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.cp-panel-title {
  font-family: var(--fd);
  font-size: 22px;
  font-weight: 300;
  color: var(--gold);
  line-height: 1.15;
}
.cp-panel-note {
  font-size: 13px;
  color: var(--muted);
  margin-top: 4px;
  line-height: 1.55;
}
.brief-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  padding: 1.1rem 1.35rem;
}
.brief-field {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 0.85rem;
  min-width: 0;
}
.brief-field.wide { grid-column: 1 / -1; }
.brief-label {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
  margin-bottom: 0.25rem;
}
.brief-value {
  font-size: 13px;
  color: var(--ivory-mid);
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.brief-form {
  padding: 0 1.25rem 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.brief-form .fg input,
.brief-form .fg textarea { min-width: 0; width: 100%; }
.brief-form .wide { grid-column: 1 / -1; }
.candidate-stack {
  padding: 1rem 1.25rem 1.25rem;
  display: grid;
  gap: 0.75rem;
}
.candidate-review-hero {
  margin: 1rem 1.25rem 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 1rem;
  align-items: center;
  border: 0.5px solid rgba(184,160,106,0.28);
  background: rgba(184,160,106,0.08);
  border-radius: 8px;
  padding: 1rem;
}
.candidate-review-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 23px;
  line-height: 1.15;
  margin-top: 0.25rem;
}
.candidate-review-copy {
  color: var(--ivory-mid);
  font-size: 12.5px;
  line-height: 1.6;
  margin-top: 0.35rem;
}
.candidate-review-deadline {
  display: inline-flex;
  margin-top: 0.65rem;
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 999px;
  padding: 0.32rem 0.55rem;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.candidate-review-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  gap: 0.45rem;
}
.candidate-review-stats div {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.13);
  border-radius: 7px;
  padding: 0.65rem;
  text-align: center;
}
.candidate-review-stats strong {
  display: block;
  color: var(--gold);
  font-family: var(--fd);
  font-size: 25px;
  font-weight: 300;
  line-height: 1;
}
.candidate-review-stats span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 0.35rem;
}
.candidate-panel-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}
.candidate-batch-tools {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.candidate-batch-tools label {
  display: block;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.25rem;
}
.candidate-admin-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin-bottom: 1rem;
}
.candidate-admin-guide div {
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  background: rgba(184,160,106,0.06);
  padding: 0.75rem;
  min-width: 0;
}
.candidate-admin-guide span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 0.5px solid rgba(184,160,106,0.32);
  border-radius: 999px;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  margin-bottom: 0.45rem;
}
.candidate-admin-guide strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
}
.candidate-admin-guide em {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.2rem;
}
.candidate-followup-config {
  align-items: center;
  background: var(--surface2);
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 0 0 1rem;
  padding: 0.85rem;
}
.candidate-followup-config label {
  color: var(--muted);
  display: block;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
.candidate-followup-config select {
  max-width: 190px;
  min-width: 150px;
}
.candidate-row-list {
  display: grid;
  gap: 0.85rem;
  margin-bottom: 1.25rem;
}
.candidate-entry {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  padding: 0.85rem;
}
.candidate-entry-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.candidate-entry-title {
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-dim);
}
.candidate-entry-fields {
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) minmax(240px, 1.1fr);
  gap: 0.75rem;
}
.candidate-entry-fields .wide {
  grid-column: 1 / -1;
}
.candidate-entry-fields .candidate-resume-upload {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.candidate-entry-fields .fg input,
.candidate-entry-fields .fg textarea {
  min-width: 0;
  width: 100%;
}
.candidate-remove-btn {
  padding: 0.45rem 0.65rem;
  font-size: 10px;
}
.candidate-resume-upload {
  margin-bottom: 1.25rem;
}
.candidate-resume-upload input {
  color: var(--muted);
  font-size: 11px;
  max-width: 100%;
}
.candidate-card {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 2px;
  padding: 0.85rem;
}
.candidate-card-focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(184,160,106,0.16), 0 22px 70px rgba(0,0,0,0.22);
}
.candidate-card.awaiting {
  border-color: rgba(184,160,106,0.34);
}
.candidate-card.reviewed {
  border-color: var(--success-bdr);
}
.candidate-card.recruiter-push {
  box-shadow: inset 3px 0 0 rgba(73, 164, 173, 0.75);
}
.candidate-card.sent-client {
  box-shadow: inset 3px 0 0 rgba(120, 190, 140, 0.8);
}
.candidate-card.internal-add {
  box-shadow: inset 3px 0 0 rgba(184,160,106,0.55);
}
.candidate-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
}
.candidate-head-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.candidate-name {
  color: var(--ivory);
  font-size: 15px;
  line-height: 1.3;
}
.candidate-role {
  color: var(--gold-dim);
  font-size: 10px;
  font-family: var(--fm);
  margin-top: 2px;
}
.candidate-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 999px;
  border: 0.5px solid var(--border);
  padding: 0 0.65rem;
  color: var(--gold);
  background: rgba(184,160,106,0.08);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.candidate-status-pill.complete {
  color: var(--success-col);
  background: var(--success-bg);
  border-color: var(--success-bdr);
}
.candidate-status-pill.active {
  color: var(--info-col);
  background: var(--info-bg);
  border-color: var(--info-bdr);
}
.candidate-source-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 999px;
  border: 0.5px solid var(--border);
  padding: 0 0.65rem;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.candidate-source-pill.recruiter {
  color: #49A4AD;
  background: rgba(73, 164, 173, 0.1);
  border-color: rgba(73, 164, 173, 0.42);
}
.candidate-source-pill.internal {
  color: var(--gold);
  background: rgba(184,160,106,0.08);
  border-color: rgba(184,160,106,0.32);
}
.candidate-source-pill.client {
  color: var(--success-col);
  background: var(--success-bg);
  border-color: var(--success-bdr);
}
.candidate-source-pill.draft {
  color: #D6A65F;
  background: rgba(214, 166, 95, 0.1);
  border-color: rgba(214, 166, 95, 0.42);
}
.candidate-source-pill.reminder,
.candidate-feedback-action {
  color: var(--info-col);
  background: var(--info-bg);
  border-color: var(--info-bdr);
}
.candidate-deadline-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 999px;
  border: 0.5px solid rgba(184,160,106,0.32);
  padding: 0 0.65rem;
  color: var(--gold-dim);
  background: rgba(184,160,106,0.08);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.candidate-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.75rem;
}
.candidate-meta-row span {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.1);
  color: var(--ivory-mid);
  border-radius: 999px;
  padding: 0.35rem 0.55rem;
  font-size: 11px;
  line-height: 1.25;
}
.candidate-shortlist-summary {
  margin-top: 0.85rem;
  border: 0.5px solid rgba(184,160,106,0.34);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.12), rgba(54,82,87,0.07)),
    rgba(184,160,106,0.05);
  padding: 0.85rem;
}
.candidate-shortlist-summary span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.candidate-shortlist-summary strong {
  display: block;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 21px;
  font-weight: 300;
  line-height: 1.18;
  margin-top: 0.35rem;
}
.candidate-screening-panel {
  margin-top: 0.85rem;
  border: 0.5px solid rgba(106,174,212,0.24);
  border-radius: 8px;
  background: var(--info-bg);
  padding: 0.85rem;
}
.candidate-screening-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  border-bottom: 0.5px solid rgba(106,174,212,0.2);
  padding-bottom: 0.65rem;
}
.candidate-screening-head span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.candidate-screening-head strong {
  color: var(--ivory-mid);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
  max-width: 62%;
  text-align: right;
}
.candidate-screening-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0.55rem;
  margin-top: 0.65rem;
}
.candidate-screening-row {
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  background: rgba(0,0,0,0.08);
  padding: 0.65rem;
  min-width: 0;
}
.candidate-screening-row span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.candidate-screening-row strong {
  display: block;
  color: var(--ivory);
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.45;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}
.candidate-fact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.85rem;
}
.candidate-fact {
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  background: rgba(0,0,0,0.08);
  padding: 0.7rem;
  min-width: 0;
}
.candidate-fact span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.candidate-fact strong {
  display: block;
  color: var(--ivory);
  font-size: 12.5px;
  line-height: 1.35;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}
.candidate-notes-block {
  margin-top: 0.85rem;
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  background: rgba(0,0,0,0.1);
  overflow: hidden;
}
.candidate-notes-block summary {
  cursor: pointer;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.75rem 0.85rem;
}
.candidate-notes {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.6;
  margin-top: 0;
  padding: 0 0.85rem 0.85rem;
}
.candidate-resume-panel {
  margin-top: 0.85rem;
  border: 0.5px solid rgba(184,160,106,0.28);
  background: rgba(184,160,106,0.07);
  border-radius: 7px;
  padding: 0.8rem 0.85rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.candidate-resume-title {
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
}
.candidate-resume-meta {
  color: var(--muted);
  font-size: 10px;
  margin-top: 0.2rem;
}
.candidate-resume-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.candidate-resume-panel.pending-upload {
  border-color: rgba(192,57,43,0.28);
  background: rgba(192,57,43,0.06);
}
.candidate-resume-actions input[type="file"] {
  color: var(--muted);
  font-size: 10px;
  max-width: 220px;
}
.candidate-resume-actions .btn-o {
  text-decoration: none;
}
.candidate-resume-cta {
  width: 100%;
  border-top: 0.5px solid rgba(184,160,106,0.22);
  padding-top: 0.7rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.candidate-decision-panel {
  margin-top: 0.85rem;
  border: 0.5px solid rgba(184,160,106,0.22);
  background: rgba(184,160,106,0.06);
  border-radius: 7px;
  padding: 0.85rem;
}
.candidate-decision-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.candidate-decision-title {
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.35;
  margin-top: 0.2rem;
}
.candidate-decision-status {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.candidate-deadline-note {
  margin-top: 0.75rem;
  border: 0.5px solid rgba(184,160,106,0.24);
  background: rgba(184,160,106,0.08);
  border-radius: 7px;
  padding: 0.65rem 0.75rem;
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.55;
}
.candidate-quick-actions {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 0.5px solid rgba(184,160,106,0.2);
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.candidate-decision-guide {
  margin-top: 0.75rem;
  border: 0.5px solid rgba(106,174,212,0.26);
  border-radius: 7px;
  background: var(--info-bg);
  padding: 0.7rem 0.75rem;
}
.candidate-decision-guide strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
}
.candidate-decision-guide span {
  display: block;
  color: var(--ivory-mid);
  font-size: 11.5px;
  line-height: 1.55;
  margin-top: 0.25rem;
}
.candidate-interview-strip {
  margin-top: 0.85rem;
  padding-top: 0.8rem;
  border-top: 0.5px solid var(--border-soft);
  display: flex;
  justify-content: space-between;
  gap: 0.85rem;
  align-items: center;
}
.candidate-interview-strip .candidate-notes {
  padding: 0;
  margin-top: 0.25rem;
}
.feedback-row {
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: 140px 1fr auto;
  gap: 0.55rem;
  align-items: end;
}
.feedback-row select,
.feedback-row input,
.feedback-row textarea {
  min-width: 0;
  width: 100%;
}
.vacancy-stack,
.message-stack,
.portal-activity-stack {
  padding: 1rem 1.25rem 1.25rem;
  display: grid;
  gap: 0.75rem;
}
.vacancy-card,
.message-card,
.portal-activity-card {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 2px;
  padding: 0.85rem;
}
.message-card.from-verovian {
  border-color: rgba(184,160,106,0.34);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.12), rgba(0,0,0,0.04)),
    var(--surface);
}
.message-card.from-client {
  border-color: rgba(106,174,212,0.22);
}
.conversation-thread {
  border-bottom: 0.5px solid var(--border);
}
.conversation-status-grid {
  border-top: 0.5px solid var(--border);
  border-bottom: 0.5px solid var(--border);
  background: rgba(0,0,0,0.08);
  padding: 0.9rem 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}
.conversation-status-card,
.conversation-status-actions {
  border: 0.5px solid var(--border-soft);
  background: var(--surface);
  border-radius: 6px;
  padding: 0.7rem;
  min-width: 0;
}
.conversation-status-card.attention {
  border-color: rgba(184,160,106,0.36);
  background: rgba(184,160,106,0.09);
}
.conversation-status-card span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.conversation-status-card strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.3;
  margin-top: 0.25rem;
}
.conversation-status-card em {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
  margin-top: 0.18rem;
}
.conversation-status-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.vacancy-head,
.message-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
}
.vacancy-title,
.message-title {
  color: var(--ivory);
  font-size: 12px;
}
.vacancy-meta,
.message-meta {
  color: var(--muted);
  font-size: 10px;
  font-family: var(--fm);
  margin-top: 2px;
  line-height: 1.45;
}
.vacancy-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.85rem;
}
.vacancy-quality-panel {
  margin: 0 1.25rem 1rem;
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.1), rgba(54,82,87,0.06)),
    var(--surface);
  padding: 0.85rem;
}
.vacancy-quality-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
}
.vacancy-quality-head span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vacancy-quality-head strong {
  color: var(--ivory);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  text-align: right;
  max-width: 58%;
}
.vacancy-quality-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.55rem;
  margin-top: 0.7rem;
}
.vacancy-quality-item {
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  background: rgba(0,0,0,0.08);
  padding: 0.65rem;
}
.vacancy-quality-item span {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}
.vacancy-quality-item em {
  display: block;
  color: var(--ivory-mid);
  font-size: 10.5px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.25rem;
}
.vacancy-form,
.message-form {
  border-top: 0.5px solid var(--border);
  padding: 1rem 1.25rem 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.vacancy-form .fg input,
.vacancy-form .fg select,
.vacancy-form .fg textarea,
.message-form .fg input,
.message-form .fg select,
.message-form .fg textarea {
  min-width: 0;
  width: 100%;
}
.vacancy-form .wide,
.message-form .wide { grid-column: 1 / -1; }
.message-body,
.activity-body {
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.6;
  white-space: pre-wrap;
  margin-top: 0.55rem;
}
.message-status-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.65rem;
}
.message-status-line span {
  border: 0.5px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  padding: 2px 7px;
  line-height: 1.35;
}
.message-status-line span.ok {
  border-color: var(--success-bdr);
  color: var(--success-col);
  background: var(--success-bg);
}
.message-status-line span.attention {
  border-color: rgba(184,160,106,0.32);
  color: var(--gold);
  background: rgba(184,160,106,0.09);
}
.message-status-line span.danger {
  border-color: rgba(192,57,43,0.36);
  color: #E57373;
  background: rgba(192,57,43,0.1);
}
.interview-builder {
  padding: 1rem 1.25rem 0;
}
.interview-builder-grid,
.candidate-answer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.interview-builder-grid .wide,
.candidate-answer-grid .wide,
.interview-builder-actions {
  grid-column: 1 / -1;
}
.interview-builder-actions,
.candidate-submit-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.interview-stack,
.candidate-question-stack {
  padding: 1rem 1.25rem 1.25rem;
  display: grid;
  gap: 0.85rem;
}
.interview-card,
.candidate-question-card,
.candidate-interview-done,
.candidate-consent {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 8px;
  padding: 1rem;
}
.interview-card-head,
.candidate-question-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.interview-link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  margin-top: 0.85rem;
}
.interview-link-row input {
  min-width: 0;
  width: 100%;
  background: var(--surface2);
  border: 0.5px solid var(--border-soft);
  color: var(--ivory-mid);
  font-family: var(--fm);
  font-size: 10px;
  padding: 0.6rem 0.7rem;
  border-radius: 5px;
}
.interview-question-list {
  margin-top: 0.85rem;
  display: grid;
  gap: 0.6rem;
}
.interview-question-row {
  border-top: 0.5px solid var(--border-soft);
  padding-top: 0.65rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
}
.interview-response-state {
  display: flex;
  justify-content: flex-end;
}
.candidate-nav {
  position: relative;
}
.candidate-interview-page {
  min-height: calc(100vh - 52px);
  padding: clamp(1rem, 3vw, 3rem);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.1), rgba(54,82,87,0.05) 42%, transparent),
    var(--surface);
}
.candidate-interview-shell {
  max-width: 1080px;
  margin: 0 auto;
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,0.22);
}
.candidate-interview-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 1.25rem;
  padding: clamp(1.35rem, 3vw, 2.2rem);
  border-bottom: 0.5px solid var(--border);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.13), transparent 58%),
    var(--surface2);
}
.candidate-interview-hero h1 {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: 0;
  margin: 0.25rem 0 0;
}
.candidate-interview-hero p {
  color: var(--ivory-mid);
  font-size: 15px;
  line-height: 1.75;
  margin-top: 0.9rem;
  max-width: 720px;
}
.candidate-interview-meta {
  display: grid;
  gap: 0.65rem;
  align-content: start;
}
.candidate-interview-meta div {
  border: 0.5px solid var(--border-soft);
  border-radius: 8px;
  padding: 0.75rem;
  background: rgba(0,0,0,0.12);
}
.candidate-interview-meta span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.candidate-interview-meta strong {
  display: block;
  color: var(--gold);
  font-size: 13px;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.candidate-question-prompt {
  color: var(--ivory);
  font-size: 15px;
  line-height: 1.5;
  margin-top: 0.35rem;
}
.candidate-consent {
  margin: 1rem 1.25rem 0;
  background: rgba(184,160,106,0.08);
  border-color: rgba(184,160,106,0.24);
}
.candidate-consent strong {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 20px;
  font-weight: 300;
}
.candidate-consent p,
.candidate-interview-done p {
  color: var(--ivory-mid);
  font-size: 13px;
  line-height: 1.65;
  margin-top: 0.4rem;
}
.candidate-submit-consent {
  margin: 0 1.25rem 1rem;
}
.candidate-submit-row {
  border-top: 0.5px solid var(--border);
  padding: 1rem 1.25rem 1.25rem;
}
.candidate-interview-done {
  margin: 1.25rem;
}
.activity-dotline {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 0.6rem;
  align-items: start;
}
.activity-icon {
  width: 18px;
  height: 18px;
  border: 0.5px solid var(--border);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-size: 9px;
  font-family: var(--fm);
}
.authority-check {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  margin: 0.75rem 0;
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.5;
}
.authority-check input {
  margin-top: 3px;
  accent-color: var(--gold);
}
.signature-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.9rem;
}
.signature-details-grid .wide { grid-column: 1 / -1; }
.signature-details-grid .fg input,
.signature-details-grid .fg textarea {
  min-width: 0;
  width: 100%;
}
.signed-confirmation {
  margin-top: 1rem;
  background: var(--success-bg);
  border: 0.5px solid var(--success-bdr);
  border-radius: 4px;
  padding: 1rem;
}
.signed-confirmation-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 0.9rem;
}
.signed-confirmation-title {
  color: var(--success-col);
  font-family: var(--fd);
  font-size: 22px;
  font-weight: 300;
  line-height: 1.15;
}
.signed-confirmation-note {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.55;
  margin-top: 0.3rem;
}
.signed-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}
.signed-download-row {
  margin-top: 1rem;
  padding-top: 0.9rem;
  border-top: 0.5px solid var(--success-bdr);
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.cp-warning {
  margin-top: 0.85rem;
  padding: 0.75rem;
  border: 0.5px solid var(--border);
  background: rgba(184,160,106,0.08);
  color: var(--gold-dim);
  font-size: 10px;
  line-height: 1.55;
}
.portal-empty-state {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.portal-empty-title {
  color: var(--ivory);
  font-size: 14px;
  line-height: 1.35;
}
.portal-empty-note {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.6;
  margin-top: 0.25rem;
}
.portal-empty-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.75rem;
}
.portal-empty-steps span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--ivory-mid);
  background: rgba(184,160,106,0.06);
  font-size: 11px;
  line-height: 1.25;
  padding: 0.35rem 0.55rem;
}
.portal-empty-steps strong {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(184,160,106,0.16);
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  flex: 0 0 auto;
}
.prepared-context {
  margin: 1rem 1.25rem 0;
  background: rgba(184,160,106,0.07);
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 4px;
  overflow: hidden;
}
.prepared-context-head {
  padding: 0.95rem 1rem;
  border-bottom: 0.5px solid var(--border-soft);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.prepared-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.prepared-title {
  color: var(--ivory);
  font-size: 14px;
  line-height: 1.4;
  margin-top: 0.25rem;
}
.prepared-grid {
  padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}
.prepared-foot {
  border-top: 0.5px solid var(--border-soft);
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.55;
  padding: 0.8rem 1rem;
}
.cp-ch {
  padding: 1.15rem 1.35rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-ct { font-family: var(--fd); font-size: 22px; font-weight: 300; color: var(--gold); line-height: 1.15; }

.cp-sb {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 5px;
  padding: 1.1rem;
}
.cp-sidebar-secondary {
  box-shadow: none;
  opacity: 0.9;
}
.cs-title {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
  margin-bottom: 0.75rem;
}
.csr {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0;
  border-bottom: 0.5px solid var(--border-soft);
}
.csr:last-child { border-bottom: none; }
.csk { font-size: 10px; color: var(--muted); }
.csv { font-size: 10px; color: var(--ivory-mid); font-family: var(--fm); }

.cp-sel {
  width: 100%;
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 11px;
  padding: 6px 8px;
  border-radius: 2px;
  outline: none;
}

/* Premium client experience pass */
#screen-client {
  font-size: 15px;
}

#screen-client .btn-g,
#screen-client .btn-o,
#screen-client .client-command-link {
  border-radius: 5px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#screen-client .btn-g {
  box-shadow: 0 10px 24px rgba(184,160,106,0.14);
}

#screen-client .btn-g:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(184,160,106,0.2);
}

#screen-client .btn-o:hover,
#screen-client .client-command-link:hover {
  transform: translateY(-1px);
}

.cp-hero {
  position: relative;
  padding: 1.9rem clamp(1.35rem, 3vw, 3rem);
  background:
    linear-gradient(90deg, rgba(184,160,106,0.16), rgba(54,82,87,0.05) 44%, transparent),
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    var(--surface2);
}

.cp-hero::after {
  content: "";
  position: absolute;
  right: clamp(1.35rem, 3vw, 3rem);
  bottom: 0;
  left: clamp(1.35rem, 3vw, 3rem);
  height: 1px;
  background: linear-gradient(90deg, rgba(184,160,106,0.58), rgba(184,160,106,0.1), transparent);
}

.cp-client-mark {
  width: 60px;
  height: 60px;
  border-color: rgba(184,160,106,0.7);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(184,160,106,0.13), rgba(255,255,255,0.02)),
    var(--surface);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 18px 42px rgba(0,0,0,0.18);
}

.cp-eyebrow,
.label-tiny {
  letter-spacing: 0.14em;
}

.cp-greet {
  font-size: clamp(29px, 2.45vw, 38px);
  letter-spacing: 0;
}

.cp-org {
  font-size: 14px;
  line-height: 1.45;
}

.cp-primary-tabs {
  flex: 0 1 620px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  align-self: center;
  margin: 0 auto;
  padding: 0.35rem;
  border: 0.5px solid rgba(184,160,106,0.24);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.12), rgba(54,82,87,0.07) 48%, transparent),
    linear-gradient(180deg, rgba(255,255,255,0.045), transparent),
    rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 18px 52px rgba(0,0,0,0.14);
  min-width: min(100%, 420px);
}

.cp-primary-tab {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 70px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 0.65rem;
  align-items: center;
  border: 0.5px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  padding: 0.72rem 0.85rem;
  text-align: left;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.cp-primary-tab::before {
  content: "01";
  grid-row: 1 / span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 999px;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.04em;
  background: rgba(0,0,0,0.1);
}

.cp-primary-tab:nth-child(2)::before {
  content: "02";
}

.cp-primary-tab::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.cp-primary-tab:hover {
  border-color: rgba(184,160,106,0.28);
  color: var(--gold);
  transform: translateY(-1px);
}

.cp-primary-tab.active {
  border-color: rgba(184,160,106,0.55);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.18), rgba(255,255,255,0.03)),
    rgba(184,160,106,0.08);
  color: var(--ivory);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 12px 28px rgba(0,0,0,0.12);
}

.cp-primary-tab.active::before {
  border-color: rgba(184,160,106,0.62);
  background: var(--gold);
  color: var(--ink);
}

.cp-primary-tab.active::after {
  opacity: 1;
}

.cp-primary-tab span {
  display: block;
  grid-column: 2;
  color: inherit;
  font-family: var(--fm);
  font-size: 11.5px;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.cp-primary-tab em {
  display: block;
  grid-column: 2;
  color: var(--muted);
  font-size: 11.5px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.18rem;
}

.cp-primary-tab.active em {
  color: var(--gold-dim);
}

#screen-client.working-page-active .cp-body {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1320px;
}

#screen-client.working-page-active .cp-client-overview,
#screen-client.working-page-active .cp-sidebar {
  display: none;
}

.cp-hero-right {
  padding: 0.7rem 0 0.7rem 1.25rem;
  border-left: 0.5px solid var(--border-soft);
}

.cp-stage {
  border-radius: 999px;
  padding: 5px 10px;
}

.cp-body {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1fr) minmax(286px, 330px);
  gap: clamp(1.15rem, 2vw, 2rem);
  padding: 2rem clamp(1.25rem, 3vw, 3rem) 2.6rem;
}

.cp-client-overview {
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.cp-intro-card,
.client-partnership-card,
.client-progress-status,
.client-command-centre,
.client-commercial-strip,
.agreement-focus-hero,
.cp-contract,
.cp-panel,
.cp-sb {
  border-radius: 8px;
  border-color: rgba(184,160,106,0.24);
  box-shadow: 0 22px 70px rgba(0,0,0,0.18);
}

.cp-intro-card {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 34%);
  gap: 1.65rem;
  padding: clamp(1.35rem, 2vw, 1.9rem);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.16), rgba(54,82,87,0.08) 42%, transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    var(--surface2);
}

.cp-intro-title {
  font-size: clamp(31px, 2.7vw, 44px);
  line-height: 1.08;
  letter-spacing: 0;
}

.cp-intro-copy {
  max-width: 760px;
  font-size: 15.5px;
  line-height: 1.75;
}

.cp-intro-actions {
  margin-top: 1.2rem;
}

.cp-intro-action {
  min-height: 46px;
  padding-right: 20px;
  padding-left: 20px;
}

.cp-intro-metrics {
  align-content: end;
  gap: 0.75rem;
}

.cp-intro-task-list {
  align-content: stretch;
  gap: 0.75rem;
}

.client-task-item {
  min-height: 82px;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.client-task-item:hover {
  transform: translateY(-1px);
}

.premium-metric {
  background: transparent;
  border: 0;
  border-left: 0.5px solid rgba(184,160,106,0.28);
  padding: 0.35rem 0 0.35rem 0.85rem;
}

.premium-value {
  font-size: 32px;
}

.premium-note {
  font-size: 12px;
}

.client-command-centre {
  padding: 1rem;
  overflow: visible;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.025), transparent),
    var(--surface2);
}

.client-command-head {
  border-bottom: 0;
  padding: 0.15rem 0.1rem 0.95rem;
}

.client-command-title {
  font-size: 28px;
}

.client-command-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  background: transparent;
}

.client-command-card {
  border: 0.5px solid var(--border-soft);
  border-radius: 8px;
  padding: 1rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.024), transparent),
    var(--surface);
}

.client-command-card.attention {
  border-color: rgba(184,160,106,0.42);
  background:
    linear-gradient(180deg, rgba(184,160,106,0.12), rgba(184,160,106,0.04)),
    var(--surface);
}

.client-command-card.complete {
  border-color: var(--success-bdr);
  background:
    linear-gradient(180deg, var(--success-bg), transparent),
    var(--surface);
}

.client-command-value {
  font-size: 29px;
}

.client-command-note {
  font-size: 12.5px;
  min-height: 3.4em;
}

.cp-stage-step,
.agreement-step-strip div,
.agreement-action-card,
.brief-field,
.candidate-card,
.vacancy-card,
.message-card,
.interview-card,
.candidate-question-card,
.portal-activity-card,
.prepared-context,
.portal-empty-state,
.signed-confirmation {
  border-radius: 8px;
}

.cp-stage-track {
  gap: 0.75rem;
}

.cp-stage-step {
  padding: 1rem;
}

.cp-section-tabs {
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 0.25rem;
  padding: 0.3rem;
  border: 0.5px solid var(--border);
  border-radius: 8px;
  background: var(--surface2);
}

.cp-section-tab {
  border-bottom: 0;
  border-radius: 6px;
  padding: 0.62rem 0.9rem;
}

.cp-section-tab.active {
  background: rgba(184,160,106,0.12);
  border-bottom-color: transparent;
}

.agreement-focus-hero {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  gap: 1.5rem;
  padding: 1.65rem;
  background:
    linear-gradient(145deg, rgba(184,160,106,0.08), rgba(54,82,87,0.05) 52%, transparent),
    var(--surface2);
}

.agreement-focus-hero.ready {
  box-shadow: 0 24px 80px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.05);
}

.agreement-focus-hero.complete {
  background:
    linear-gradient(135deg, var(--success-bg), rgba(54,82,87,0.05) 55%, transparent),
    var(--surface2);
}

.agreement-focus-hero.vault {
  grid-template-columns: minmax(0, 1fr) minmax(240px, 290px);
  padding: 1.25rem 1.35rem;
}

.agreement-title {
  font-size: clamp(31px, 2.4vw, 42px);
  letter-spacing: 0;
}

.agreement-copy {
  font-size: 15px;
}

.agreement-doc-chip {
  border-radius: 999px;
  padding: 0.52rem 0.7rem;
  background: rgba(0,0,0,0.13);
}

.agreement-action-card {
  padding: 1.15rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    rgba(0,0,0,0.15);
}

.agreement-action-title {
  font-size: 18px;
}

.agreement-main-cta {
  min-height: 48px;
}

.cp-ch,
.cp-panel-head {
  padding: 1.2rem 1.4rem;
}

.cp-ct,
.cp-panel-title {
  font-size: 25px;
}

.brief-grid,
.candidate-stack,
.vacancy-stack,
.message-stack,
.portal-activity-stack {
  gap: 0.85rem;
}

.brief-field,
.candidate-card,
.vacancy-card,
.message-card,
.interview-card,
.candidate-question-card,
.portal-activity-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), transparent),
    var(--surface);
}

.brief-value,
.message-body,
.activity-body,
.candidate-notes {
  font-size: 12.5px;
}

.cp-sb {
  padding: 1.15rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent),
    var(--surface2);
}

.cs-title {
  margin-bottom: 0.85rem;
  color: var(--gold-dim);
  letter-spacing: 0.12em;
}

.csr {
  padding: 0.55rem 0;
}

.csk,
.csv {
  font-size: 11px;
}

.signed-vault {
  border-color: var(--success-bdr);
  background:
    linear-gradient(135deg, var(--success-bg), rgba(184,160,106,0.045) 52%, transparent),
    var(--surface2);
}

.signed-vault-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1.05rem 1.2rem;
}

.signed-vault-kicker {
  color: var(--success-col);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.signed-vault-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 25px;
  font-weight: 300;
  line-height: 1.12;
  margin-top: 0.22rem;
}

.signed-vault-meta {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  margin-top: 0.35rem;
}

.signed-vault-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.signed-vault-details {
  border-top: 0.5px solid var(--border-soft);
}

.signed-vault-details summary {
  cursor: pointer;
  list-style-position: inside;
  padding: 0.8rem 1.2rem;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.signed-vault-details summary:hover {
  color: var(--gold);
}

.signed-vault-detail-body {
  padding: 0 1.2rem 1.2rem;
}

.client-addenda.compact {
  margin-top: 0.75rem;
}

html[data-theme="light"] #screen-client .cp-intro-card,
html[data-theme="light"] #screen-client .client-support-strip,
html[data-theme="light"] #screen-client .client-accountability-panel,
html[data-theme="light"] #screen-client .client-accountability-column,
html[data-theme="light"] #screen-client .client-progress-status,
html[data-theme="light"] #screen-client .client-audit-summary,
html[data-theme="light"] #screen-client .client-command-centre,
html[data-theme="light"] #screen-client .client-commercial-strip,
html[data-theme="light"] #screen-client .agreement-focus-hero,
html[data-theme="light"] #screen-client .cp-contract,
html[data-theme="light"] #screen-client .cp-panel,
html[data-theme="light"] #screen-client .cp-sb {
  box-shadow: 0 24px 70px rgba(58,45,25,0.08);
}

html[data-theme="light"] #screen-client .cp-hero {
  background:
    linear-gradient(90deg, rgba(167,130,62,0.16), rgba(54,82,87,0.055) 44%, transparent),
    var(--surface2);
}

html[data-theme="light"] #screen-client .cp-client-mark,
html[data-theme="light"] #screen-client .client-primary-action,
html[data-theme="light"] #screen-client .client-accountability-item,
html[data-theme="light"] #screen-client .client-command-card,
html[data-theme="light"] #screen-client .client-audit-item,
html[data-theme="light"] #screen-client .client-commercial-row,
html[data-theme="light"] #screen-client .sign-document-reference div,
html[data-theme="light"] #screen-client .brief-field,
html[data-theme="light"] #screen-client .candidate-fact,
html[data-theme="light"] #screen-client .candidate-card,
html[data-theme="light"] #screen-client .vacancy-card,
html[data-theme="light"] #screen-client .message-card,
html[data-theme="light"] #screen-client .interview-card,
html[data-theme="light"] #screen-client .candidate-question-card,
html[data-theme="light"] #screen-client .portal-activity-card {
  box-shadow: 0 12px 26px rgba(58,45,25,0.035);
}

html[data-theme="light"] #screen-client .agreement-doc-chip,
html[data-theme="light"] #screen-client .agreement-action-card {
  background: rgba(255,255,255,0.62);
}

html[data-theme="light"] #screen-client .client-command-card,
html[data-theme="light"] #screen-client .client-audit-item,
html[data-theme="light"] #screen-client .client-commercial-row,
html[data-theme="light"] #screen-client .sign-document-reference div,
html[data-theme="light"] #screen-client .brief-field,
html[data-theme="light"] #screen-client .candidate-fact,
html[data-theme="light"] #screen-client .candidate-card,
html[data-theme="light"] #screen-client .vacancy-card,
html[data-theme="light"] #screen-client .message-card,
html[data-theme="light"] #screen-client .interview-card,
html[data-theme="light"] #screen-client .candidate-question-card,
html[data-theme="light"] #screen-client .portal-activity-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.35)),
    var(--surface2);
}

html[data-theme="light"] #screen-client .premium-metric {
  background: transparent;
}

html[data-theme="light"] .candidate-interview-shell {
  box-shadow: 0 30px 90px rgba(58,45,25,0.09);
}

html[data-theme="light"] .candidate-interview-meta div,
html[data-theme="light"] .candidate-question-card,
html[data-theme="light"] .candidate-interview-done {
  background: rgba(255,255,255,0.62);
}

/* Timeline */
.tl-item {
  display: flex;
  gap: 10px;
  padding: 0.6rem 0;
  border-bottom: 0.5px solid var(--border-soft);
}
.tl-item:last-child { border-bottom: none; }
.tl-dot  { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; margin-top: 5px; }
.tl-text { font-size: 11px; color: var(--ivory-mid); }
.tl-time { font-size: 9px; color: var(--muted); font-family: var(--fm); margin-top: 1px; }

/* ── CONTRACT TEXT ── */
.ctext {
  font-size: 13px;
  color: var(--ivory-mid);
  line-height: 1.9;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 1.1rem;
  max-height: 260px;
  overflow-y: auto;
}
.ctext p          { margin-bottom: 0.75em; }
.ctext p:last-child { margin-bottom: 0; }
.ctext strong     { color: var(--gold-dim); font-weight: 500; }
.contract-source-note {
  background: rgba(184,160,106,0.07);
  border: 0.5px solid rgba(184,160,106,0.22);
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.contract-source-note.client-facing {
  margin-bottom: 0.9rem;
}
.contract-source-title {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 21px;
  font-weight: 300;
  line-height: 1.15;
}
.contract-source-copy {
  color: var(--ivory-mid);
  font-size: 13px;
  line-height: 1.7;
  margin-top: 0.45rem;
}
.contract-source-meta {
  display: flex;
  gap: 0.45rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}
.contract-source-meta span {
  border: 0.5px solid var(--border);
  background: var(--surface);
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
}

.contract-send-guide {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 0.5px solid rgba(184,160,106,0.26);
  background: rgba(184,160,106,0.06);
  border-radius: 4px;
}

.send-guide-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.send-guide-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.85rem;
}

.send-guide-step {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 0.7rem;
}

.send-guide-step.done {
  background: var(--success-bg);
  border-color: var(--success-bdr);
}

.send-guide-step.todo {
  background: rgba(176,79,79,0.06);
  border-color: rgba(176,79,79,0.22);
}

.send-guide-step-kicker {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.send-guide-step-state {
  color: var(--ivory);
  font-size: 13px;
  font-weight: 500;
  margin-top: 0.28rem;
}

.send-guide-step.done .send-guide-step-state {
  color: var(--success-col);
}

.send-guide-step.todo .send-guide-step-state {
  color: #C98282;
}

.send-guide-step-detail {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
  margin-top: 0.2rem;
  overflow-wrap: anywhere;
}

.send-guide-blockers {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}

.send-guide-blockers span {
  border: 0.5px solid rgba(176,79,79,0.24);
  background: rgba(176,79,79,0.07);
  color: #C98282;
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: 999px;
  text-transform: uppercase;
}

.send-guide-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0.85rem;
}

.focus-pulse {
  animation: focusPulse 1.4s ease;
}

@keyframes focusPulse {
  0%, 100% { box-shadow: none; }
  35% { box-shadow: 0 0 0 3px rgba(184,160,106,0.18); }
}

/* ── CONTRACT DOCUMENTS ── */
.doc-wrap {
  margin-top: 1rem;
  background: var(--surface);
  border: 0.5px solid var(--border);
  border-radius: 4px;
  padding: 1rem;
}
.doc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
.doc-title {
  font-size: 13px;
  color: var(--ivory-mid);
  font-family: var(--fm);
}
.doc-meta {
  font-size: 10px;
  color: var(--muted);
  margin-top: 2px;
}
.doc-upload {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  flex-wrap: wrap;
}
.doc-upload input {
  color: var(--muted);
  font-size: 11px;
  max-width: 100%;
}
.charge-summary-form {
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.charge-summary-form .fg textarea {
  min-width: 0;
  width: 100%;
}
.charge-summary-form .wide {
  grid-column: 1 / -1;
}
.billing-policy-panel{border:1px solid color-mix(in srgb,var(--gold) 42%,transparent);background:color-mix(in srgb,var(--surface2) 92%,var(--gold) 8%);border-radius:14px;padding:16px;display:grid;gap:14px}
.billing-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.billing-policy-grid .fg input,.billing-policy-grid .fg select,.billing-rule-row .fg input,.billing-rule-row .fg select{min-width:0;width:100%}
.billing-rule-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(5,minmax(90px,1fr)) minmax(160px,1.6fr) auto;gap:9px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}
.billing-rule-row:last-child{border-bottom:0}.billing-rule-remove{margin-bottom:1px}.billing-policy-confirm{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:650}.billing-policy-empty{padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:13px}
@media(max-width:1100px){.billing-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-rule-row{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-rule-label{grid-column:1/-1}.billing-rule-remove{justify-self:start}}
.charge-summary-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.uk-dental-admin-panel {
  margin-top: 0.9rem;
}
.charge-preset-panel {
  margin-top: 0.85rem;
  border: 0.5px solid var(--border-soft);
  background: rgba(184,160,106,0.05);
  border-radius: 7px;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.charge-preset-title {
  color: var(--ivory);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.charge-preset-panel-rich {
  align-items: stretch;
  flex-direction: column;
}
.charge-preset-copy {
  max-width: 920px;
}
.charge-preset-panel-rich .uk-dental-admin-actions {
  justify-content: flex-start;
  margin-top: 0;
}
.charge-preset-select-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  width: 100%;
}
.charge-preset-select-row select {
  width: 100%;
  min-height: 48px;
}
.charge-preset-preview {
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  padding: 0.75rem;
}
.charge-preset-preview.empty {
  background: rgba(255,255,255,0.02);
}
.uk-dental-admin-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 0.7rem;
}
.addendum-upload input[type="text"],
.addendum-upload select {
  min-width: 210px;
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 11px;
  padding: 6px 8px;
  border-radius: 2px;
  outline: none;
}
.addendum-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.addendum-item {
  border: 0.5px solid var(--border-soft);
  background: var(--surface3);
  padding: 0.7rem;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.addendum-title {
  color: var(--ivory-mid);
  font-size: 11px;
  font-family: var(--fm);
}
.client-addenda {
  margin-top: 0.9rem;
  padding: 0.85rem;
  border: 0.5px solid var(--border);
  background: rgba(184,160,106,0.06);
}
.client-addendum-row {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  padding-top: 0.5rem;
  flex-wrap: wrap;
}
.agreement-included-documents{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}
.agreement-included-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-soft)}
.agreement-included-head span,.agreement-included-head strong{display:block}.agreement-included-head span{color:var(--gold);font:600 9px/1.3 var(--fm);letter-spacing:.1em;text-transform:uppercase}.agreement-included-head strong{margin-top:.25rem;color:var(--ivory);font-size:14px}.agreement-included-head em{max-width:360px;color:var(--muted);font-size:10px;font-style:normal;text-align:right}
.signing-next-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid rgba(184,160,106,.5);border-left:5px solid var(--gold);border-radius:8px;background:linear-gradient(90deg,rgba(184,160,106,.13),transparent),var(--surface2)}
.signing-next-step span,.signing-next-step strong{display:block}.signing-next-step span{color:var(--gold);font:600 9px/1.3 var(--fm);letter-spacing:.1em;text-transform:uppercase}.signing-next-step strong{margin:.28rem 0;color:var(--ivory);font:500 21px/1.2 var(--fd)}.signing-next-step p{max-width:760px;color:var(--muted);font-size:10px;line-height:1.55}.signing-next-step .btn-g{min-height:46px;white-space:nowrap}
.agreement-reference-drawer{margin-top:1rem;border:1px solid var(--border-soft);border-radius:8px;background:rgba(0,0,0,.06)}
.agreement-reference-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;list-style:none;cursor:pointer}.agreement-reference-drawer>summary::-webkit-details-marker{display:none}.agreement-reference-drawer>summary span{color:var(--ivory);font-size:11px;font-weight:600}.agreement-reference-drawer>summary em{color:var(--muted);font-size:9px;font-style:normal;text-align:right}.agreement-reference-drawer>summary::after{content:'Show details +';color:var(--gold);font:600 8px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase}.agreement-reference-drawer[open]>summary::after{content:'Hide details −'}.agreement-reference-drawer[open]>summary{border-bottom:1px solid var(--border-soft)}
.agreement-reference-body{padding:1rem}.agreement-reference-body .contract-source-note{margin-top:0}.agreement-reference-body .document-manifest{margin-top:.85rem}
.client-variation-notice {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(214, 150, 55, 0.58);
  border-left: 5px solid #d69637;
  border-radius: 5px;
  background: linear-gradient(135deg, rgba(214, 150, 55, 0.14), rgba(184, 160, 106, 0.05));
}
.client-variation-head,
.client-variation-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.client-variation-kicker,
.client-variation-card-head span,
.variation-detail span,
.variation-terms span {
  color: #e0a24d;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-variation-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 24px;
  line-height: 1.15;
  margin-top: 0.35rem;
}
.client-variation-copy {
  max-width: 780px;
  color: var(--ivory-mid);
  font-size: 13px;
  line-height: 1.65;
  margin-top: 0.45rem;
}
.client-variation-list {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.85rem;
}
.client-variation-card {
  border: 0.5px solid rgba(214, 150, 55, 0.35);
  border-radius: 4px;
  background: var(--surface);
  padding: 0.85rem;
}
.client-variation-card-head strong {
  display: block;
  color: var(--ivory);
  font-size: 14px;
  margin-top: 0.2rem;
}
.variation-detail {
  display: grid;
  gap: 0.25rem;
  margin-top: 0.75rem;
}
.variation-detail strong {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.5;
}
.variation-terms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.75rem;
}
.variation-terms > div {
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  padding: 0.7rem;
}
.variation-terms .replacement {
  border-color: rgba(214, 150, 55, 0.45);
  background: rgba(214, 150, 55, 0.08);
}
.variation-terms p {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.55;
  margin: 0.35rem 0 0;
}
.variation-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}
.variation-meta span {
  border: 0.5px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  padding: 0.3rem 0.5rem;
}
.client-variation-sign-note {
  color: var(--ivory);
  font-size: 12px;
  font-weight: 600;
  margin-top: 0.8rem;
}
.authority-check.variation-acknowledgement {
  border-color: rgba(214, 150, 55, 0.55);
  background: rgba(214, 150, 55, 0.1);
}
.structured-fee-builder {
  border: 0.5px solid rgba(184,160,106,0.32);
  border-radius: 4px;
  background: rgba(184,160,106,0.06);
  padding: 0.9rem;
}
.variation-structured-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}
.variation-structured-grid .wide { grid-column: 1 / -1; }
.input-suffix {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}
.input-suffix span {
  display: flex;
  align-items: center;
  border: 0.5px solid var(--border);
  border-left: 0;
  padding: 0 0.6rem;
  color: var(--muted);
  font-size: 10px;
}
.variation-signature-box { min-height: 118px; }
.client-variation-card-head em {
  display: block;
  color: var(--success-col);
  font-size: 10px;
  font-style: normal;
  margin-top: 0.3rem;
}
.agreement-version-history {
  margin-top: 0.85rem;
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  background: rgba(0,0,0,0.08);
}
.agreement-version-history summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 11px;
  padding: 0.75rem;
}
.agreement-version-history-body { border-top: 0.5px solid var(--border-soft); }
.agreement-history-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.agreement-history-row + .agreement-history-row { border-top: 0.5px solid var(--border-soft); }
.agreement-history-row strong,
.agreement-history-row span { display: block; }
.agreement-history-row strong { color: var(--ivory-mid); font-size: 11px; }
.agreement-history-row span { color: var(--muted); font-size: 9px; margin-top: 0.2rem; }
.agreement-history-row em { color: var(--danger-col); font-size: 10px; font-style: normal; }
.template-match-panel {
  margin: 0 0 1rem;
  padding: 0.9rem;
  border: 0.5px solid rgba(184,160,106,0.24);
  background: rgba(184,160,106,0.06);
  border-radius: 4px;
}
.pack-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.pack-title {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.15;
}
.pack-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin-top: 0.3rem;
}
.pack-next-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.85rem;
  align-items: stretch;
  border: 0.5px solid rgba(184,160,106,0.28);
  background: rgba(184,160,106,0.07);
  border-radius: 4px;
  padding: 0.95rem;
  margin: 1rem 0;
}
.pack-next-panel.ready {
  border-color: var(--success-bdr);
  background: var(--success-bg);
}
.pack-next-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pack-next-title {
  color: var(--ivory);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 0.25rem;
}
.pack-next-panel.ready .pack-next-title {
  color: var(--success-col);
}
.pack-next-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.pack-next-actions {
  display: flex;
  gap: 0.55rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.pack-next-actions .btn-g,
.pack-next-actions .btn-o {
  min-width: 155px;
}
.pack-next-panel .send-guide-blockers {
  margin-top: 0.75rem;
}
.pack-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0.85rem 0;
}
.pack-metric {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  padding: 0.7rem;
}
.pack-metric-value {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 24px;
  line-height: 1;
  margin-top: 0.35rem;
}
.pack-list {
  display: grid;
  gap: 0.5rem;
}
.required-doc-list {
  display: grid;
  gap: 0.55rem;
}
.required-doc-choice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  padding: 0.75rem;
  cursor: pointer;
}
.required-doc-choice.active {
  border-color: rgba(184,160,106,0.42);
}
.required-doc-choice.attached {
  cursor: default;
  background: var(--success-bg);
  border-color: var(--success-bdr);
}
.required-doc-choice input {
  accent-color: var(--gold);
}
.required-doc-choice input:disabled {
  cursor: not-allowed;
}
.required-doc-body {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.required-doc-title {
  color: var(--ivory);
  font-size: 13px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.required-doc-meta {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.pack-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  padding: 0.7rem;
}
.pack-row.active {
  border-color: rgba(184,160,106,0.42);
}
.pack-row-title {
  color: var(--ivory);
  font-size: 13px;
  font-weight: 500;
}
.pack-row-note {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 2px;
  overflow-wrap: anywhere;
}
.pack-statuses {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: flex-end;
}
.pack-status {
  border: 0.5px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.04em;
  padding: 3px 8px;
  text-transform: uppercase;
  white-space: nowrap;
}
.pack-status.ready {
  background: var(--success-bg);
  border-color: var(--success-bdr);
  color: var(--success-col);
}
.pack-status.available {
  background: rgba(184,160,106,0.1);
  border-color: var(--border);
  color: var(--gold);
}
.pack-status.missing {
  background: rgba(176,79,79,0.08);
  border-color: rgba(176,79,79,0.25);
  color: #C98282;
}
.doc-template {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 0.5px solid var(--border-soft);
}
.doc-template-row {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  flex-wrap: wrap;
}
.doc-template-row select,
.addendum-template-list {
  min-width: min(100%, 280px);
  flex: 1;
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 11px;
  padding: 6px 8px;
  border-radius: 2px;
  outline: none;
}

.addendum-template-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-height: 42px;
  max-height: 190px;
  overflow-y: auto;
}

.addendum-template-choice {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  padding: 0.45rem 0.5rem;
  border: 0.5px solid var(--border-soft);
  background: var(--surface);
  border-radius: 2px;
  cursor: pointer;
}

.addendum-template-choice input {
  margin-top: 2px;
  accent-color: var(--gold);
  flex: 0 0 auto;
}

.addendum-template-choice-main {
  display: block;
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.25;
}

.addendum-template-choice-meta {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
}
.doc-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  align-items: center;
}
.doc-actions .btn-g,
.doc-actions .btn-o { text-decoration: none; }
.doc-status {
  color: var(--muted);
  font-size: 10px;
  font-family: var(--fm);
}
.client-charge-summary,
.signing-guide {
  margin-top: 0.9rem;
  border: 0.5px solid rgba(184,160,106,0.26);
  background: rgba(184,160,106,0.07);
  border-radius: 8px;
  padding: 1rem;
}
.client-commercial-strip {
  margin-bottom: 0.9rem;
  border: 0.5px solid rgba(184,160,106,0.34);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.14), rgba(54,82,87,0.08) 48%, transparent),
    var(--surface2);
  border-radius: 8px;
  padding: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 1rem;
}
.client-commercial-lead {
  min-width: 0;
}
.client-commercial-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: clamp(28px, 2.2vw, 38px);
  font-weight: 300;
  line-height: 1.08;
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}
.client-commercial-copy {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.6;
  margin-top: 0.55rem;
}
.client-commercial-grid {
  display: grid;
  gap: 0.55rem;
}
.client-commercial-row {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.12);
  border-radius: 7px;
  padding: 0.75rem;
  min-width: 0;
}
.client-commercial-row span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.client-commercial-row strong {
  display: block;
  color: var(--ivory);
  font-size: 15px;
  line-height: 1.35;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.client-commercial-row em {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.25rem;
}
.client-charge-summary {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: stretch;
}
.client-charge-overview {
  min-width: 0;
}
.client-charge-highlight {
  background:
    linear-gradient(135deg, rgba(184,160,106,0.16), rgba(0,0,0,0.08)),
    var(--surface);
  border: 0.5px solid rgba(184,160,106,0.34);
  border-radius: 8px;
  padding: 1rem;
  min-width: 0;
}
.client-charge-highlight span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-charge-highlight strong {
  display: block;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: clamp(25px, 2vw, 34px);
  font-weight: 300;
  line-height: 1.08;
  margin-top: 0.4rem;
  overflow-wrap: anywhere;
}
.client-charge-highlight em {
  display: block;
  color: var(--ivory-mid);
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
  margin-top: 0.55rem;
}
.sign-document-reference {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
  margin-bottom: 0.85rem;
}
.sign-document-reference div {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.1);
  border-radius: 7px;
  padding: 0.7rem;
  min-width: 0;
}
.sign-document-reference span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.sign-document-reference strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.agreement-document-panel {
  margin-top: 0.95rem;
  border: 0.5px solid rgba(184,160,106,0.34);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.12), rgba(0,0,0,0.08) 48%, rgba(74,26,103,0.08)),
    var(--surface);
  border-radius: 10px;
  overflow: hidden;
}
.agreement-document-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 260px);
  gap: 1rem;
  padding: 1rem;
  align-items: start;
}
.agreement-document-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.agreement-document-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: clamp(25px, 2vw, 36px);
  font-weight: 300;
  line-height: 1.08;
  margin-top: 0.35rem;
}
.agreement-document-copy {
  color: var(--ivory-mid);
  font-size: 12.5px;
  line-height: 1.6;
  margin-top: 0.55rem;
  max-width: 760px;
}
.agreement-document-actions {
  display: grid;
  gap: 0.55rem;
}
.agreement-view-cta {
  min-height: 48px;
  width: 100%;
}
.agreement-pdf-preview {
  border-top: 0.5px solid var(--border-soft);
}
.agreement-pdf-preview > summary {
  align-items: center;
  color: var(--ivory);
  cursor: pointer;
  display: flex;
  font-family: var(--fm);
  font-size: 10px;
  justify-content: space-between;
  letter-spacing: 0.08em;
  list-style: none;
  padding: 0.85rem 1rem;
  text-transform: uppercase;
}
.agreement-pdf-preview > summary > span { display:grid; gap:.2rem; }
.agreement-pdf-preview > summary strong { color:var(--ivory); font:600 11px/1.25 var(--fb); letter-spacing:0; text-transform:none; }
.agreement-pdf-preview > summary em { color:var(--muted); font:400 9px/1.35 var(--fb); font-style:normal; letter-spacing:0; text-transform:none; }
.agreement-pdf-preview > summary::-webkit-details-marker { display: none; }
.agreement-pdf-preview > summary::after {
  color: var(--gold);
  content: 'Open preview +';
  font-size: 9px;
}
.agreement-pdf-preview[open] > summary::after { content: 'Close preview −'; }
.agreement-pdf-preview.is-primary-signing-preview > summary::after { content:'Page 1 shown below'; }
.agreement-pdf-preview.is-primary-signing-preview[open] > summary::after { content:'Page 1 shown below'; }
.agreement-pdf-preview .agreement-pdf-frame { border-top: 0.5px solid var(--border-soft); }
.agreement-document-panel.signing-ready { border:1px solid rgba(184,160,106,.58); box-shadow:0 18px 55px rgba(0,0,0,.15); }
.agreement-preview-next{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-top:1px solid var(--border);background:linear-gradient(90deg,rgba(184,160,106,.13),transparent),var(--surface2)}
.agreement-preview-next span,.agreement-preview-next strong,.agreement-preview-next em{display:block}.agreement-preview-next span{color:var(--gold);font:600 8px/1.2 var(--fm);letter-spacing:.1em;text-transform:uppercase}.agreement-preview-next strong{margin:.25rem 0;color:var(--ivory);font-size:13px}.agreement-preview-next em{color:var(--muted);font-size:10px;font-style:normal}.agreement-preview-next .btn-g{min-height:46px;white-space:nowrap}
.agreement-sign-direct{margin-top:.65rem;border:0;background:transparent;color:var(--gold);font:500 10px/1.4 var(--fb);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.agreement-mobile-action { display: none; }
.agreement-pdf-frame {
  border-top: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.16);
  height: min(72vh, 680px);
  min-height: 440px;
  overflow: hidden;
  position: relative;
}
.agreement-pdf-frame iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: #f7f3ec;
}
.agreement-pdf-frame iframe[hidden],
.agreement-pdf-loading[hidden],
.agreement-pdf-fallback[hidden] {
  display: none;
}
.agreement-pdf-loading,
.agreement-pdf-fallback {
  align-items: center;
  color: var(--ivory-mid);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1.5rem;
  position: absolute;
  text-align: center;
}
.agreement-pdf-loading {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.agreement-pdf-fallback {
  background: linear-gradient(135deg, rgba(247,243,236,0.96), rgba(236,229,217,0.95));
  flex-direction: column;
  gap: 0.85rem;
}
.agreement-pdf-fallback strong {
  color: var(--ink);
  font-family: var(--fs);
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 400;
}
.agreement-pdf-fallback span {
  color: rgba(45,42,38,0.72);
  font-size: 13px;
  line-height: 1.5;
  max-width: 420px;
}
.agreement-document-foot {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  border-top: 0.5px solid var(--border-soft);
  padding: 0.7rem 1rem;
  color: var(--muted);
  font-size: 11px;
}
.agreement-document-foot span {
  color: var(--gold);
  font-family: var(--fm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.agreement-document-foot strong {
  color: var(--ivory-mid);
  font-weight: 500;
  overflow-wrap: anywhere;
  text-align: right;
}
.client-charge-kicker,
.signing-guide-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-charge-title,
.signing-guide-title,
.sign-form-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 22px;
  font-weight: 300;
  line-height: 1.15;
  margin-top: 0.25rem;
}
.client-charge-copy,
.signing-guide-copy,
.sign-form-copy {
  color: var(--ivory-mid);
  font-size: 12.5px;
  line-height: 1.6;
  margin-top: 0.45rem;
}
.client-charge-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.55rem;
}
.client-charge-row {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.12);
  border-radius: 6px;
  padding: 0.75rem;
}
.client-charge-row span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.client-charge-row strong {
  display: block;
  color: var(--ivory-mid);
  font-size: 13px;
  line-height: 1.55;
  margin-top: 0.25rem;
  white-space: pre-wrap;
}
.uk-dental-fee-schedule {
  margin-top: 0.9rem;
  border: 0.5px solid rgba(74, 26, 103, 0.42);
  background:
    linear-gradient(135deg, rgba(74, 26, 103, 0.16), rgba(184,160,106,0.07) 46%, rgba(47,125,85,0.06)),
    var(--surface2);
  border-radius: 8px;
  padding: 1rem;
}
.uk-dental-fee-schedule.client-facing {
  margin-top: 0.9rem;
}
.uk-dental-fee-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.85rem;
}
.uk-dental-fee-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: clamp(24px, 2vw, 34px);
  font-weight: 300;
  line-height: 1.08;
  margin-top: 0.25rem;
}
.uk-dental-fee-copy {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.6;
  max-width: 720px;
  margin-top: 0.45rem;
}
.uk-dental-fee-badge {
  flex: 0 0 auto;
  border: 0.5px solid rgba(74, 26, 103, 0.45);
  background: rgba(74, 26, 103, 0.12);
  color: var(--ivory);
  border-radius: 999px;
  padding: 0.35rem 0.65rem;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.uk-dental-fee-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}
.uk-dental-fee-table-card {
  overflow-x: auto;
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.08);
  border-radius: 7px;
}
.uk-dental-fee-table-title {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.75rem 0.8rem 0.35rem;
}
.uk-dental-fee-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}
.uk-dental-fee-table th {
  background: #2E0D4F;
  color: #FFFFFF;
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-align: left;
  text-transform: none;
  padding: 0.65rem 0.75rem;
  border-right: 0.5px solid rgba(255,255,255,0.22);
}
.uk-dental-fee-table th:last-child {
  border-right: 0;
}
.uk-dental-fee-table td {
  color: var(--ivory-mid);
  background: rgba(255,255,255,0.035);
  border-top: 0.5px solid var(--border-soft);
  border-right: 0.5px solid var(--border-soft);
  font-size: 12.5px;
  line-height: 1.45;
  padding: 0.7rem 0.75rem;
  vertical-align: top;
}
.uk-dental-fee-table td:last-child {
  border-right: 0;
}
.uk-dental-fee-table tbody tr:nth-child(even) td {
  background: rgba(184,160,106,0.05);
}
.uk-dental-fee-note {
  margin-top: 0.75rem;
  padding: 0.75rem 0.85rem;
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  background: rgba(184,160,106,0.06);
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.55;
}
.signing-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 1rem;
  align-items: center;
}
.signing-guide.ready {
  border-color: rgba(184,160,106,0.46);
}
.signing-guide.blocked {
  background: var(--surface);
  border-style: dashed;
}
.signing-guide-steps {
  display: grid;
  gap: 0.4rem;
}
.signing-guide-steps span {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.1);
  color: var(--ivory-mid);
  border-radius: 999px;
  padding: 0.35rem 0.6rem;
  font-size: 11px;
  white-space: nowrap;
}
.document-manifest {
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.document-manifest-item {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  padding: 0.7rem;
  min-width: 0;
}
.document-manifest-label {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.document-manifest-value {
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.4;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}
.document-manifest-state {
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 9px;
  margin-top: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ops-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1px;
  background: var(--border);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ops-metric {
  background: var(--surface);
  padding: 0.75rem;
  min-width: 0;
}
.ops-metric-value {
  margin-top: 4px;
  font-size: 11px;
  color: var(--ivory-mid);
  font-family: var(--fm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ops-metric-note {
  display: block;
  margin-top: 0.35rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8px;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.book-scope-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 0.5px solid var(--border);
  border-radius: 999px;
  background: var(--surface2);
}
.book-scope-toggle button {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.06em;
  padding: 0.45rem 0.72rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.book-scope-toggle button:hover {
  color: var(--ivory);
}
.book-scope-toggle button:disabled {
  cursor: default;
  opacity: 1;
}
.book-scope-toggle button.active {
  background: var(--gold);
  color: var(--ink);
}

.relationship-health-panel {
  margin-top: 1rem;
  overflow: hidden;
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.08), rgba(54,82,87,0.06)),
    var(--surface2);
}
.relationship-health-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.relationship-health-head span,
.client-contact-head span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.relationship-health-head strong,
.client-contact-head strong {
  display: block;
  margin-top: 0.18rem;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 19px;
  font-weight: 400;
  line-height: 1.25;
}
.relationship-health-head em,
.client-contact-head em {
  max-width: 410px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  text-align: right;
}
.relationship-health-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  background: var(--border-soft);
}
.relationship-health-card {
  min-width: 0;
  padding: 0.85rem 1rem;
  background: var(--surface);
  border-top: 2px solid transparent;
}
.relationship-health-card.ok { border-top-color: var(--success-col); }
.relationship-health-card.warn { border-top-color: var(--gold); }
.relationship-health-card.alert { border-top-color: #c65f3d; }
.relationship-health-card span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.relationship-health-card strong {
  display: block;
  margin-top: 0.25rem;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 27px;
  font-weight: 400;
  line-height: 1;
}
.relationship-health-card em {
  display: block;
  margin-top: 0.45rem;
  color: var(--ivory-mid);
  font-size: 10px;
  font-style: normal;
  line-height: 1.45;
}

.client-relations-modal .mb {
  display: grid;
  gap: 1rem;
}
.client-relations-modal .ops-metric-grid {
  margin-bottom: 0;
}
.touchpoint-workflow,
.client-contact-directory,
.client-service-cases,
.relationship-ledger {
  border: 0.5px solid var(--border);
  border-radius: 8px;
  background: var(--surface2);
}
.touchpoint-workflow {
  overflow: hidden;
  border-color: rgba(184,160,106,0.34);
}
.touchpoint-head,
.client-service-cases-head,
.relationship-ledger-head,
.client-contact-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.touchpoint-head h3,
.client-service-cases-head h3 {
  margin-top: 0.2rem;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.15;
}
.touchpoint-head p,
.client-service-cases-head p,
.relationship-ledger-head p {
  margin-top: 0.25rem;
  max-width: 650px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}
.touchpoint-badge {
  flex: 0 0 auto;
  border: 0.5px solid rgba(184,160,106,0.38);
  border-radius: 999px;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.08em;
  padding: 0.32rem 0.58rem;
  text-transform: uppercase;
}
.touchpoint-grid,
.contact-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 1rem;
}
.touchpoint-grid .fg,
.contact-editor-grid .fg,
.internal-note-compose .fg {
  margin: 0;
}
.touchpoint-grid .wide,
.contact-editor-grid .wide,
.internal-note-compose .wide {
  grid-column: 1 / -1;
}
.touchpoint-grid .touch-next {
  grid-column: span 2;
}
.touchpoint-success {
  display: flex;
  align-items: center;
  align-self: end;
  min-height: 41px;
  gap: 0.55rem;
  padding: 0.55rem 0.65rem;
  border: 0.5px solid var(--border);
  border-radius: 3px;
  color: var(--ivory-mid);
  cursor: pointer;
  font-size: 11px;
}
.touchpoint-success input {
  width: auto;
  accent-color: var(--gold);
}
.touchpoint-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 1rem 1rem;
}
.touchpoint-submit span {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.client-contact-directory {
  padding-bottom: 1rem;
}
.client-contact-head {
  margin-bottom: 1rem;
}
.client-contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.65rem;
  padding: 0 1rem;
}
.client-contact-card {
  min-width: 0;
  border: 0.5px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  overflow: hidden;
}
.client-contact-card.primary {
  border-color: rgba(184,160,106,0.48);
  box-shadow: inset 3px 0 0 var(--gold);
}
.client-contact-card > button {
  appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0.8rem;
  text-align: left;
}
.client-contact-card > button:disabled {
  cursor: default;
}
.client-contact-card strong,
.client-contact-card span,
.client-contact-card em,
.client-contact-card small {
  display: block;
  overflow-wrap: anywhere;
}
.client-contact-card strong {
  color: var(--ivory);
  font-size: 13px;
}
.client-contact-card span,
.client-contact-card em {
  margin-top: 0.2rem;
  color: var(--ivory-mid);
  font-size: 10.5px;
  font-style: normal;
}
.client-contact-card small {
  margin-top: 0.45rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8px;
  text-transform: uppercase;
}
.client-contact-card > div {
  display: flex;
  gap: 0.3rem;
  padding: 0.55rem 0.8rem;
  border-top: 0.5px solid var(--border-soft);
}
.contact-editor {
  margin: 0.85rem 1rem 0;
  border: 0.5px dashed var(--border);
  border-radius: 6px;
}
.contact-editor summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0.85rem;
  color: var(--gold);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contact-editor summary em {
  color: var(--muted);
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
}
.contact-editor[open] summary {
  border-bottom: 0.5px solid var(--border-soft);
}
.contact-editor-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 0.5rem;
}

.relationship-ledger-head .btn-o {
  flex: 0 0 auto;
}
.internal-note-compose {
  display: grid;
  grid-template-columns: minmax(150px, 0.6fr) minmax(190px, 0.8fr) minmax(0, 2fr) auto;
  gap: 0.65rem;
  align-items: end;
  padding: 0.9rem 1rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.internal-note-compose .wide {
  grid-column: auto;
}
.relations-ledger-list {
  display: grid;
  gap: 0;
}
.relation-event {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.relation-event:last-child {
  border-bottom: 0;
}
.relation-event-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 0.5px solid rgba(184,160,106,0.38);
  border-radius: 50%;
  background: rgba(184,160,106,0.08);
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
}
.relation-event.note .relation-event-mark {
  border-color: var(--info-bdr);
  background: var(--info-bg);
  color: var(--info-col);
}
.relation-event-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.relation-event-head strong {
  color: var(--ivory);
  font-size: 11px;
  font-weight: 500;
  text-transform: capitalize;
}
.relation-event-head span,
.relation-event em {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
}
.relation-event p {
  margin-top: 0.35rem;
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
}
.relation-event-contact,
.relation-event-next {
  margin-top: 0.25rem;
  color: var(--muted);
  font-size: 10px;
}
.relation-event-next {
  margin: 0.45rem 0 0.25rem;
  border-left: 2px solid var(--gold);
  padding-left: 0.55rem;
  color: var(--ivory-mid);
}
.relation-task-block {
  border-bottom: 0.5px solid var(--border);
  background: rgba(184,160,106,0.04);
}
.relation-task-head,
.relation-task-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.7rem 1rem;
}
.relation-task-head {
  border-bottom: 0.5px solid var(--border-soft);
}
.relation-task-head strong {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.relation-task-head span,
.relation-task-row span,
.relation-task-row > em {
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
}
.relation-task-row + .relation-task-row {
  border-top: 0.5px solid var(--border-soft);
}
.relation-task-row.overdue {
  box-shadow: inset 3px 0 0 #c65f3d;
}
.relation-task-row strong {
  display: block;
  color: var(--ivory);
  font-size: 11px;
}
.relation-task-row > div:last-child {
  display: flex;
  gap: 0.3rem;
}
.legacy-notes-history {
  border-top: 0.5px solid var(--border-soft);
}
.legacy-notes-history:empty {
  display: none;
}
.legacy-notes-history details {
  padding: 0.75rem 1rem;
}
.legacy-notes-history summary {
  color: var(--muted);
  cursor: pointer;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.legacy-notes-history p {
  margin-top: 0.6rem;
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.55;
  white-space: pre-wrap;
}
.legacy-notes-history em {
  display: block;
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
}
.relations-error,
.message-readonly-notice,
.task-readonly {
  margin: 0.8rem 1rem;
  padding: 0.75rem;
  border: 0.5px solid rgba(198,95,61,0.34);
  border-radius: 5px;
  background: rgba(198,95,61,0.08);
  color: var(--ivory-mid);
  font-size: 11px;
}
.relations-error {
  display: grid;
  gap: 0.45rem;
}
.relations-error strong {
  color: #d78568;
}
.relations-error span {
  overflow-wrap: anywhere;
}

.client-service-cases {
  overflow: hidden;
  border-color: rgba(184,160,106,0.34);
}

.client-service-case-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  align-items: end;
  padding: 1rem;
  border-bottom: 0.5px solid var(--border-soft);
}

.client-service-case-form .fg {
  margin: 0;
}

.client-service-case-form .wide {
  grid-column: span 3;
}

.client-service-case-list {
  display: grid;
}

.client-service-case {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(150px, 0.55fr) minmax(160px, 0.65fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.85rem 1rem;
  border-bottom: 0.5px solid var(--border-soft);
}

.client-service-case:last-child {
  border-bottom: 0;
}

.client-service-case.critical {
  box-shadow: inset 3px 0 0 #c65f3d;
}

.client-service-case.high {
  box-shadow: inset 3px 0 0 var(--gold);
}

.client-service-case strong,
.client-service-case span,
.client-service-case em {
  display: block;
}

.client-service-case strong {
  color: var(--ivory);
  font-size: 11.5px;
}

.client-service-case span {
  margin-top: 0.2rem;
  color: var(--ivory-mid);
  font-size: 10px;
}

.client-service-case em {
  margin-top: 0.2rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  text-transform: uppercase;
}

.client-service-case-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}

@media (max-width: 1120px) {
  .relationship-health-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .client-directory-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .relationship-health-grid,
  .touchpoint-grid,
  .contact-editor-grid,
  .internal-note-compose,
  .client-service-case-form {
    grid-template-columns: 1fr 1fr;
  }
  .touchpoint-grid .touch-next,
  .touchpoint-grid .wide,
  .contact-editor-grid .wide,
  .internal-note-compose .wide,
  .client-service-case-form .wide {
    grid-column: 1 / -1;
  }
  .internal-note-compose .btn-o {
    align-self: end;
  }
  .relationship-health-head,
  .touchpoint-head,
  .relationship-ledger-head,
  .client-service-cases-head,
  .client-contact-head,
  .touchpoint-submit {
    align-items: flex-start;
    flex-direction: column;
  }
  .relationship-health-head em,
  .client-contact-head em {
    max-width: none;
    text-align: left;
  }
  .client-workspace-toolbar,
  .client-directory-head {
    align-items: flex-start;
    flex-direction: column;
    border-radius: 8px;
  }
  .client-workspace-guidance {
    padding: 0 0.55rem 0.25rem;
    text-align: left;
  }
  .client-service-case {
    grid-template-columns: 1fr 1fr;
  }
  .client-service-case-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  .book-scope-toggle {
    width: 100%;
  }
  .book-scope-toggle button {
    flex: 1;
  }
  .relationship-health-grid,
  .touchpoint-grid,
  .contact-editor-grid,
  .internal-note-compose,
  .client-service-case-form,
  .client-directory-filters,
  .client-service-case {
    grid-template-columns: 1fr;
  }
  .client-directory-filters input[type="search"] {
    grid-column: auto;
  }
  .touchpoint-grid .touch-next,
  .touchpoint-grid .wide,
  .contact-editor-grid .wide,
  .internal-note-compose .wide,
  .client-service-case-form .wide {
    grid-column: auto;
  }
  .client-workspace-tabs {
    width: 100%;
  }
  .client-workspace-tabs button {
    flex: 1;
  }
  .relation-event {
    grid-template-columns: 25px minmax(0, 1fr);
    padding: 0.8rem;
  }
  .relation-event-mark {
    width: 24px;
    height: 24px;
  }
  .relation-event-head,
  .relation-task-row,
  .contact-editor summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .relation-task-row > div:last-child,
  .contact-editor-actions {
    width: 100%;
  }
  .contact-editor-actions .btn-o,
  .contact-editor-actions .btn-g,
  .touchpoint-submit .btn-g {
    flex: 1;
  }
}
.ops-trust-readiness {
  border: 0.5px solid rgba(184,160,106,0.26);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.08), rgba(54,82,87,0.06)),
    var(--surface);
  border-radius: 8px;
  padding: 0.85rem;
  margin: 0 0 1rem;
}
.ops-trust-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  border-bottom: 0.5px solid var(--border-soft);
  padding-bottom: 0.7rem;
}
.ops-trust-head span {
  display: block;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ops-trust-head strong {
  display: block;
  color: var(--ivory);
  font-size: 14px;
  line-height: 1.3;
  margin-top: 0.2rem;
}
.ops-trust-head em {
  color: var(--ivory-mid);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  max-width: 48%;
  text-align: right;
}
.ops-trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.55rem;
  margin-top: 0.7rem;
}
.ops-trust-item {
  border: 0.5px solid var(--border-soft);
  background: rgba(0,0,0,0.08);
  border-radius: 7px;
  padding: 0.65rem;
  min-width: 0;
}
.ops-trust-item.ok { border-color: var(--success-bdr); background: var(--success-bg); }
.ops-trust-item.warn { border-color: rgba(184,160,106,0.34); background: rgba(184,160,106,0.08); }
.ops-trust-item.alert { border-color: var(--danger-bdr); background: var(--danger-bg); }
.ops-trust-item span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ops-trust-item strong {
  display: block;
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.ops-trust-item em {
  display: block;
  color: var(--ivory-mid);
  font-size: 10px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.admin-readiness-strip {
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  margin-top: 0.85rem;
}
.admin-readiness-strip.ok {
  border-color: var(--success-bdr);
  background: var(--success-bg);
}
.admin-readiness-strip.alert {
  border-color: var(--danger-bdr);
  background: var(--danger-bg);
}
.admin-readiness-strip span {
  color: var(--ivory);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}
.admin-readiness-strip em {
  color: var(--ivory-mid);
  font-size: 10.5px;
  font-style: normal;
  line-height: 1.45;
  text-align: right;
}
.next-step {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.65rem 0;
  border-bottom: 0.5px solid var(--border-soft);
}
.next-step:last-child { border-bottom: none; }
.next-num {
  width: 18px;
  height: 18px;
  border: 0.5px solid var(--border);
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
}
.next-title {
  color: var(--ivory-mid);
  font-size: 11px;
}
.next-note {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
  margin-top: 1px;
}
.service-name {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
}
.service-link {
  display: inline-block;
  color: var(--gold);
  font-size: 12px;
  margin-top: 0.35rem;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.service-link:hover { text-decoration: underline; }
.service-note {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.65;
  margin-top: 0.75rem;
}
.service-action {
  margin-top: 0.85rem;
  width: 100%;
  justify-content: center;
}
.trust-statement {
  color: var(--ivory-mid);
  font-size: 12px;
  line-height: 1.65;
  margin-bottom: 0.75rem;
}
.trust-guidance,
.portal-security-note {
  border: 0.5px solid rgba(106,174,212,0.24);
  border-radius: 7px;
  background: var(--info-bg);
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.55;
  margin-top: 0.75rem;
  padding: 0.7rem 0.75rem;
}
.record-line {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 0.5px solid var(--border-soft);
  color: var(--muted);
  font-size: 11px;
}
.record-line:last-child { border-bottom: none; }
.record-line strong {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.35;
  max-width: 62%;
  overflow-wrap: anywhere;
  text-align: right;
}

/* ── SIGNATURE ── */
.sign-wrap {
  margin-top: 1.25rem;
  background: var(--surface);
  border: 0.5px solid var(--border);
  border-radius: 4px;
  padding: 1.1rem;
}
.sign-form-panel {
  border-color: rgba(184,160,106,0.52);
  box-shadow: 0 0 0 2px rgba(184,160,106,0.08);
}
.sign-form-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.sign-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sign-form-copy strong {
  color: var(--gold);
  font-weight: 500;
}
.sign-here-pill {
  border: 0.5px solid rgba(184,160,106,0.46);
  background: rgba(184,160,106,0.11);
  color: var(--gold);
  border-radius: 999px;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.08em;
  padding: 0.35rem 0.6rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.slabel {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--fm);
  margin-bottom: 0.6rem;
}
.sig-box {
  position: relative;
  height: 90px;
  background: var(--surface3);
  border: 0.5px dashed var(--border);
  border-radius: 2px;
  overflow: hidden;
  cursor: crosshair;
  touch-action: none;
  min-height: 96px;
}
.sig-box canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}
.sig-ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fd);
  font-size: 13px;
  color: var(--muted);
  font-style: italic;
  pointer-events: none;
}
.sign-acts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
}
.shint { font-size: 10px; color: var(--muted); font-family: var(--fm); }
.sign-btns { display: flex; gap: 6px; align-items: center; }
.signed-badge {
  background: var(--success-bg);
  color: var(--success-col);
  border: 0.5px solid var(--success-bdr);
  font-family: var(--fm);
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 2px;
  display: none;
}

/* ── MODAL ── */
.ov {
  position: fixed;
  inset: 0;
  background: rgba(8,7,6,0.88);
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.ov.open { display: flex; }

html[data-theme="light"] .ov {
  background: rgba(32,28,23,0.34);
  backdrop-filter: blur(8px);
}

.modal {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  width: 100%;
  max-width: 660px;
  max-height: 92vh;
  overflow-y: auto;
}
.mh {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mt { font-family: var(--fd); font-size: 20px; font-weight: 300; color: var(--gold); }
.mm { font-size: 10px; color: var(--muted); font-family: var(--fm); margin-top: 3px; }
.mc {
  background: none;
  border: none;
  color: var(--muted);
  font-size: 18px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
}
.mc:hover { color: var(--ivory); }
.mb { padding: 1.25rem 1.5rem; }

/* ── PIPELINE ── */
.pl-wrapper {
  flex: 1;
  padding: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}

.pl-topbar {
  min-width: 980px;
  margin-bottom: 1rem;
}

.pl-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(190px, 1fr));
  gap: 0.75rem;
  min-width: 980px;
  align-items: start;
}

.pl-col {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  min-height: calc(100vh - 160px);
  overflow: hidden;
}

.pl-col-head {
  padding: 0.85rem 0.9rem;
  border-bottom: 0.5px solid var(--border);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.pl-col-title {
  font-family: var(--fd);
  font-size: 17px;
  color: var(--gold);
  font-weight: 300;
}

.pl-col-note {
  font-size: 9px;
  color: var(--muted);
  font-family: var(--fm);
  margin-top: 1px;
}

.pl-count {
  color: var(--ink);
  background: var(--gold);
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--fm);
  font-size: 10px;
  flex-shrink: 0;
}

.pl-stack {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pl-card {
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  padding: 0.8rem;
}

.pl-client {
  color: var(--ivory);
  font-size: 12px;
  line-height: 1.35;
}

.pl-meta {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  margin-top: 2px;
}

.pl-role {
  color: var(--gold);
  font-family: var(--fd);
  font-size: 15px;
  line-height: 1.25;
  margin-top: 0.7rem;
}

.pl-kpis {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  margin-top: 0.7rem;
  color: var(--ivory-mid);
  font-size: 9px;
  font-family: var(--fm);
}

.pl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 0.75rem;
}

.pl-empty {
  border: 0.5px dashed var(--border-soft);
  color: var(--muted);
  font-size: 10px;
  font-family: var(--fm);
  text-align: center;
  padding: 1rem 0.5rem;
  border-radius: 3px;
}

/* ── VACANCIES ── */
.vacancy-admin-wrapper {
  flex: 1;
  padding: 1.5rem;
  overflow: auto;
}

.vacancy-admin-topbar {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.vacancy-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: flex-end;
}

.vacancies-stat-row { margin-bottom: 1rem; }

.vacancy-filter-panel { margin-bottom: 1rem; }

/* ── MESSAGES ── */
.messages-admin-wrapper {
  flex: 1;
  padding: 1.5rem;
  overflow: auto;
}

.messages-stat-row,
.message-filter-panel {
  margin-bottom: 1rem;
}

.messages-admin-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: 1rem;
  align-items: start;
}

.messages-admin-list {
  display: grid;
  gap: 0.65rem;
}

.message-inbox-row {
  width: 100%;
  appearance: none;
  border: 0.5px solid var(--border);
  background: var(--surface2);
  color: inherit;
  border-radius: 6px;
  padding: 0.85rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.45fr);
  gap: 0.75rem;
  text-align: left;
  cursor: pointer;
}

.message-inbox-row:hover,
.message-inbox-row.selected {
  border-color: rgba(184,160,106,0.42);
  background:
    linear-gradient(135deg, rgba(184,160,106,0.1), rgba(0,0,0,0.03)),
    var(--surface2);
}

.message-inbox-row.attention {
  border-left: 3px solid var(--gold);
}

.message-inbox-main,
.message-inbox-meta,
.message-inbox-badges {
  min-width: 0;
}

.message-inbox-title,
.message-inbox-subject,
.message-inbox-preview,
.message-inbox-meta strong,
.message-inbox-meta em,
.message-inbox-meta span {
  display: block;
}

.message-inbox-title {
  color: var(--ivory);
  font-size: 13px;
  font-weight: 500;
}

.message-inbox-subject {
  color: var(--gold);
  font-size: 12px;
  line-height: 1.35;
  margin-top: 0.2rem;
}

.message-inbox-preview {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 0.25rem;
}

.message-inbox-meta {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  line-height: 1.45;
}

.message-inbox-meta strong {
  color: var(--ivory-mid);
  font-weight: 400;
}

.message-inbox-meta em {
  font-style: normal;
}

.message-inbox-badges {
  grid-column: 1 / -1;
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.messages-admin-detail {
  position: sticky;
  top: 68px;
}

.message-detail-panel {
  border: 0.5px solid var(--border);
  background: var(--surface2);
  border-radius: 8px;
  overflow: hidden;
}

.message-detail-panel.empty {
  padding: 1rem;
}

.message-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
}

.message-detail-title {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.08;
}

.message-detail-meta {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  margin-top: 0.3rem;
}

.message-detail-actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.vacancy-builder-modal {
  max-width: 980px;
}

.vacancy-builder-toolbar {
  align-items: flex-end;
  display: grid;
  gap: .85rem;
  grid-template-columns: minmax(260px, 1fr) auto;
  margin-bottom: 1rem;
}

.vacancy-builder-row {
  border: .5px solid var(--border);
  border-radius: 3px;
  margin-bottom: .9rem;
  overflow: hidden;
}

.vacancy-builder-row-head {
  align-items: center;
  background: var(--surface);
  border-bottom: .5px solid var(--border);
  display: flex;
  justify-content: space-between;
  padding: .75rem .9rem;
}

.vacancy-builder-row-head strong {
  color: var(--ivory);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vacancy-builder-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: .9rem;
}

.vacancy-builder-grid .fg.compact {
  max-width: 140px;
}

.vacancy-builder-grid .fg.wide {
  grid-column: 1 / -1;
}

.vacancy-builder-footer {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1rem;
}

.vacancy-table-shell {
  background: var(--surface2);
  border: .5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
}

.vacancy-table-head,
.vacancy-admin-row {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) minmax(180px, .9fr) minmax(170px, .8fr) minmax(220px, 1fr) minmax(130px, .55fr);
  gap: 1px;
}

.vacancy-table-head {
  background: var(--border);
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.vacancy-table-head > div,
.vacancy-admin-row > div {
  background: var(--surface2);
  padding: .9rem 1rem;
}

.vacancy-admin-row {
  border-top: .5px solid var(--border);
}

.vacancy-select-line {
  align-items: flex-start;
  display: grid;
  gap: .7rem;
  grid-template-columns: auto minmax(0, 1fr);
}

.vacancy-select-line input[type="checkbox"],
.vacancy-table-head input[type="checkbox"] {
  accent-color: var(--gold);
  margin-top: .15rem;
}

.vacancy-recruiter-panels {
  background: var(--border);
  border: 0.5px solid var(--border);
  display: grid;
  gap: 1px;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  margin-bottom: 1rem;
}

.vacancy-recruiter-panels .recruiter-chase-panel,
.vacancy-recruiter-panels .recruiter-quality-panel {
  border-bottom: 0;
}

.vacancy-role {
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 20px;
  line-height: 1.15;
}

.vacancy-meta-line,
.vacancy-ref-line,
.vacancy-client-cell,
.vacancy-source,
.vacancy-push-line,
.vacancy-kpis,
.vacancy-stage-cell p {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9.5px;
  line-height: 1.55;
}

.vacancy-meta-line,
.vacancy-ref-line,
.vacancy-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .6rem;
  margin-top: .45rem;
}

.vacancy-client-cell {
  display: flex;
  flex-direction: column;
  gap: .22rem;
}

.vacancy-client-cell strong {
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 12px;
  font-weight: 400;
}

.vacancy-stage-cell {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.vacancy-stage {
  align-self: flex-start;
  border: .5px solid var(--border);
  border-radius: 999px;
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: .08em;
  padding: .28rem .55rem;
  text-transform: uppercase;
}

.stage-danger { background: rgba(192,57,43,.1); border-color: rgba(192,57,43,.24); color: #E57C70; }
.stage-active { background: rgba(184,160,106,.12); border-color: rgba(184,160,106,.28); color: var(--gold); }
.stage-warning { background: rgba(219,160,57,.11); border-color: rgba(219,160,57,.28); color: #E5B25F; }
.stage-success { background: var(--success-bg); border-color: var(--success-bdr); color: var(--success-col); }
.stage-muted { background: var(--border-soft); color: var(--muted); }

.vacancy-handoff-cell {
  display: flex;
  flex-direction: column;
  gap: .65rem;
}

.vacancy-push-line {
  border-left: 2px solid var(--border);
  padding-left: .55rem;
}

.vacancy-push-line.pushed {
  border-left-color: var(--success-col);
  color: var(--success-col);
}

.vacancy-push-line.pending {
  border-left-color: var(--gold);
  color: var(--gold);
}

.vacancy-push-line.closed {
  border-left-color: var(--muted);
  color: var(--muted);
}

.vacancy-recruiter-status {
  background: rgba(184,160,106,0.06);
  border: 0.5px solid var(--border-soft);
  border-radius: 6px;
  display: grid;
  gap: 0.18rem;
  padding: 0.55rem;
}

.vacancy-recruiter-status.ok {
  background: var(--success-bg);
  border-color: var(--success-bdr);
}

.vacancy-recruiter-status.warn {
  background: rgba(184,160,106,0.08);
  border-color: rgba(184,160,106,0.34);
}

.vacancy-recruiter-status.alert {
  background: var(--danger-bg);
  border-color: var(--danger-bdr);
}

.vacancy-recruiter-status strong {
  color: var(--ivory);
  font-family: var(--fb);
  font-size: 11px;
  font-weight: 400;
}

.vacancy-recruiter-status span,
.vacancy-market-feedback {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  line-height: 1.45;
}

.vacancy-market-feedback {
  border-left: 2px solid var(--gold);
  color: var(--ivory-mid);
  padding-left: 0.55rem;
}

.vacancy-market-feedback.alert {
  border-left-color: rgba(192,57,43,0.78);
  color: #E9A09A;
}

.vacancy-actions-cell {
  align-content: start;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

html[data-theme="light"] .vacancy-table-shell,
html[data-theme="light"] .vacancy-table-head > div,
html[data-theme="light"] .vacancy-admin-row > div {
  background: var(--surface2);
}

html[data-theme="light"] .vacancy-role,
html[data-theme="light"] .vacancy-client-cell strong {
  color: var(--ivory);
}

@media (max-width: 900px) {
  .messages-admin-layout {
    grid-template-columns: 1fr;
  }

  .messages-admin-detail {
    position: static;
  }

  .message-detail-head {
    flex-direction: column;
  }

  .message-detail-actions {
    justify-content: flex-start;
  }

  .vacancy-builder-toolbar,
  .vacancy-builder-grid {
    grid-template-columns: 1fr;
  }

  .vacancy-builder-grid .fg.compact {
    max-width: none;
  }

  .vacancy-builder-footer {
    align-items: stretch;
    flex-direction: column;
  }
}

/* ── INTERVIEW MANAGEMENT ── */
.interview-admin-wrapper {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}
.interview-admin-topbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.interview-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}
.interview-toolbar select {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 12px;
  min-height: 36px;
  min-width: 180px;
  padding: 0 0.65rem;
}
.interview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--border);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.interview-metric {
  background: var(--surface2);
  min-width: 0;
  padding: 0.85rem 1rem;
}
.interview-metric span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.interview-metric strong {
  display: block;
  margin-top: 0.25rem;
  color: var(--gold);
  font-family: var(--fd);
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
}
.interview-metric em {
  display: block;
  margin-top: 0.25rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
}
.interview-admin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, 0.75fr);
  gap: 1rem;
  align-items: start;
  margin-bottom: 1rem;
}
.interview-scheduler,
.interview-due-panel,
.interview-admin-list {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
}
.interview-scheduler {
  padding: 1rem;
}
.interview-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.85rem;
}
.interview-form-grid .wide {
  grid-column: 1 / -1;
}
.interview-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.85rem;
}
.interview-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 0.5px solid var(--border);
}
.interview-panel-count {
  background: var(--gold);
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  font-family: var(--fm);
  font-size: 10px;
}
.interview-due-stack {
  display: grid;
  gap: 0.55rem;
  padding: 0.75rem;
}
.interview-due-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
  border: 0.5px solid var(--border-soft);
  border-left: 3px solid var(--gold);
  border-radius: 4px;
  background: var(--surface);
  padding: 0.65rem;
}
.interview-due-item.due,
.interview-admin-card.due {
  border-left-color: rgba(192,57,43,0.82);
}
.interview-due-item.failed,
.interview-admin-card.failed {
  border-left-color: #E57373;
}
.interview-due-item strong,
.interview-card-title {
  display: block;
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.25;
}
.interview-due-item span,
.interview-due-item em {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
  margin-top: 2px;
}
.interview-admin-list {
  display: grid;
  gap: 1px;
  overflow: hidden;
}
.interview-admin-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, auto);
  gap: 1rem;
  border-left: 3px solid var(--gold);
  border-bottom: 0.5px solid var(--border-soft);
  background: var(--surface2);
  padding: 1rem;
}
.interview-admin-card:last-child {
  border-bottom: none;
}
.interview-admin-card.completed {
  border-left-color: var(--success-col);
  opacity: 0.78;
}
.interview-admin-card.cancelled {
  border-left-color: var(--muted);
  opacity: 0.62;
}
.interview-card-main,
.interview-card-side {
  min-width: 0;
}
.interview-status-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.45rem;
}
.interview-status-line span {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8px;
  letter-spacing: 0.08em;
  padding: 0.22rem 0.42rem;
  text-transform: uppercase;
}
.interview-card-meta,
.interview-card-detail,
.interview-card-notes {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  line-height: 1.45;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.interview-card-detail {
  color: var(--gold-dim);
}
.interview-card-notes {
  border-top: 0.5px solid var(--border-soft);
  margin-top: 0.6rem;
  padding-top: 0.55rem;
}
.interview-reminder-box {
  border: 0.5px solid var(--border-soft);
  border-radius: 4px;
  background: var(--surface);
  min-width: 210px;
  padding: 0.65rem;
  text-align: right;
}
.interview-reminder-box span,
.interview-reminder-box em {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  line-height: 1.35;
}
.interview-reminder-box strong {
  display: block;
  margin: 0.2rem 0;
  color: var(--gold);
  font-family: var(--fd);
  font-size: 20px;
  font-weight: 300;
}
.interview-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
  margin-top: 0.55rem;
}
.interview-empty {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 11px;
  padding: 1rem;
}
.interview-empty.compact {
  border: 0.5px dashed var(--border-soft);
  border-radius: 4px;
  padding: 0.8rem;
}
.btn-o.danger {
  border-color: rgba(192,57,43,0.34);
  color: #E57373;
}

/* ── TASKS / DIARY ── */
.tasks-admin-wrapper {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}
.tasks-admin-topbar,
.task-digest-head {
  align-items: flex-end;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.tasks-admin-topbar {
  margin-bottom: 1rem;
}
.tasks-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}
.tasks-toolbar select,
.task-create-grid select {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  color: var(--ink);
  font-family: var(--font-body);
  min-height: 36px;
  padding: 0 0.65rem;
}
.tasks-metrics {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1rem;
}
.tasks-layout {
  align-items: start;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
}
.tasks-list {
  display: grid;
  gap: 0.75rem;
}
.task-card,
.tasks-create-panel,
.task-digest-panel {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 7px;
}
.task-card {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 1rem;
}
.task-card.overdue {
  border-color: rgba(192,57,43,0.45);
  box-shadow: inset 3px 0 0 rgba(192,57,43,0.68);
}
.task-card.today {
  border-color: rgba(184,160,106,0.55);
  box-shadow: inset 3px 0 0 var(--gold);
}
.task-card.done {
  opacity: 0.72;
}
.task-kicker,
.task-meta,
.task-digest-detail {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.task-title,
.task-digest-title {
  color: var(--ivory);
  font-size: 17px;
  font-weight: 500;
  margin-top: 0.25rem;
}
.task-detail {
  color: var(--ink);
  line-height: 1.55;
  margin-top: 0.35rem;
}
.task-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  margin-top: 0.65rem;
}
.task-actions,
.task-digest-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: flex-end;
}
.tasks-create-panel {
  padding: 1rem;
  position: sticky;
  top: 1rem;
}
.task-create-grid {
  display: grid;
  gap: 0.75rem;
  margin: 0.85rem 0;
}
.task-create-grid .wide {
  grid-column: 1 / -1;
}
.task-digest-panel {
  margin-top: 0.85rem;
  padding: 0.85rem;
}
.task-digest-list {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.75rem;
}
.task-digest-row {
  align-items: center;
  background: var(--surface);
  border: 0.5px solid var(--border-soft);
  border-radius: 6px;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.75rem;
}
.task-digest-row.overdue {
  border-color: rgba(192,57,43,0.38);
}

/* ── TEMPLATE LIBRARY ── */
.template-uploader .template-file input {
  color: var(--muted);
  font-size: 11px;
  max-width: 220px;
}
.template-uploader .template-notes { flex: 1 1 260px; }
.template-filter-panel {
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.template-filter-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 0.9rem;
}
.template-filter-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(5, minmax(140px, 1fr));
  gap: 0.75rem;
}
.template-filter-grid .fg input,
.template-filter-grid .fg select {
  min-width: 0;
  width: 100%;
}
.template-filter-summary {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  margin-top: 0.75rem;
}
.template-edit-shortcut {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 0.75rem;
  align-items: end;
  margin-top: 0.95rem;
  padding-top: 0.9rem;
  border-top: 0.5px solid var(--border-soft);
}
.template-edit-shortcut select {
  min-width: 0;
  width: 100%;
}
.template-head,
.template-row {
  display: grid;
  grid-template-columns: 2fr 1.3fr 0.8fr 1.2fr 1fr;
  align-items: center;
}
.template-head {
  padding: 0.6rem 1.25rem;
  border-bottom: 0.5px solid var(--border);
}
.template-row {
  padding: 0.75rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
  gap: 0.75rem;
}
.template-row:last-child { border-bottom: none; }
.template-edit-panel {
  padding: 1rem 1.25rem 1.2rem;
  background: var(--surface2);
  border-bottom: 0.5px solid var(--border);
}

.client-contract-type-editor {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .55rem;
  margin-top: .4rem;
}

.client-contract-type-option {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  padding: .7rem .75rem;
  border: 1px solid var(--line, #ded7cb);
  border-radius: 10px;
  background: var(--paper, #fffdf9);
  cursor: pointer;
}

.client-contract-type-option input {
  margin-top: .15rem;
}

.client-contract-type-option strong,
.client-contract-type-option span {
  display: block;
}

.client-contract-type-option span {
  margin-top: .15rem;
  color: var(--muted, #716a61);
  font-size: .78rem;
}

.field-hint {
  margin-top: .45rem;
  color: var(--muted, #716a61);
  font-size: .8rem;
  line-height: 1.45;
}
.template-edit-head {
  margin-bottom: 0.9rem;
}
.template-edit-grid {
  display: grid;
  grid-template-columns: 1.4fr 1.4fr repeat(4, minmax(120px, 1fr));
  gap: 0.75rem;
  align-items: end;
}
.template-edit-grid .wide {
  grid-column: 1 / -1;
}
.template-edit-grid input,
.template-edit-grid select {
  min-width: 0;
  width: 100%;
}
.template-edit-hint {
  margin-top: 0.75rem;
  color: var(--gold-dim);
  font-family: var(--fm);
  font-size: 10px;
  line-height: 1.55;
}
.template-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-top: 0.9rem;
  flex-wrap: wrap;
}

.mf-row {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.rating-btn {
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ivory-mid);
  font-family: var(--fb);
  font-size: 11px;
  padding: 7px 10px;
  border-radius: 2px;
  cursor: pointer;
}

.rating-btn:hover,
.rating-btn.active {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(184,160,106,0.08);
}

.act-icon.brief,
.act-icon.submit,
.act-icon.feedback { background: rgba(184,160,106,0.1); color: var(--gold-dim); }
.act-icon.hire { background: var(--success-bg); color: var(--success-col); }

/* ── ACTIVITY FEED ── */
.act-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0.65rem 1.25rem;
  border-bottom: 0.5px solid var(--border-soft);
}
.act-item:last-child { border-bottom: none; }

.act-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  flex-shrink: 0;
  margin-top: 1px;
}
.act-icon.sign { background: var(--success-bg); color: var(--success-col); }
.act-icon.open { background: var(--info-bg);    color: var(--info-col); }
.act-icon.send { background: rgba(184,160,106,0.1); color: var(--gold-dim); }

.act-text         { font-size: 11px; color: var(--ivory-mid); }
.act-text strong  { color: var(--ivory); }
.act-time         { font-size: 9px; color: var(--muted); font-family: var(--fm); margin-top: 1px; }
.act-div-tag      { font-size: 9px; color: var(--muted); font-family: var(--fm); }

/* ── TOAST ── */
.toast {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  background: var(--surface2);
  border: 0.5px solid var(--border);
  border-radius: 3px;
  padding: 0.9rem 1.1rem;
  font-size: 11px;
  color: var(--ivory-mid);
  max-width: 260px;
  z-index: 300;
  transform: translateY(60px);
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.toast.show { transform: translateY(0); opacity: 1; }
.toast-title { color: var(--gold); font-size: 11px; font-family: var(--fm); margin-bottom: 2px; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar       { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--surface2); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* ── LOADER ── */
.loader-overlay {
  position: fixed;
  inset: 0;
  background: var(--surface);
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.loader-overlay.active { opacity: 1; pointer-events: all; }
.loader-ring {
  width: 32px;
  height: 32px;
  border: 2px solid var(--border);
  border-top-color: var(--gold);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.btn-g:disabled { opacity: 0.5; cursor: not-allowed; }

/* ── TYPOGRAPHY COMFORT PASS ── */
html, body {
  font-size: 15px;
  line-height: 1.65;
}

.nav-brand { font-size: 18px; }
.nav-tab { font-size: 12px; }
.hdr-info,
.nav-pill,
.nav-signout,
.theme-option { font-size: 11px; }

.sb-label,
.th,
.sl,
.ops-label,
.dc-sl,
.fg label,
.brief-label,
.cs-title,
.slabel,
.pl-col-note,
.act-div-tag,
.tl-time { font-size: 10.5px; }

.sb-item,
.fg input,
.fg select,
.fg textarea,
.cn,
.candidate-name,
.message-title,
.pl-client,
.template-file input { font-size: 13px; }

.pt { font-size: 30px; }
.ps,
.ss,
.ops-note,
.dc-meta,
.ce,
.row-main,
.st,
.doc-meta,
.doc-upload input,
.hint,
.shint,
.label-tiny,
.cp-email,
.cp-org,
.cp-panel-note,
.message-meta,
.doc-status,
.pl-meta,
.pl-kpis,
.act-time,
.toast { font-size: 12px; }

.sv { font-size: 32px; }
.ops-value { font-size: 27px; }
.dc-name { font-size: 18px; }
.dc-sv { font-size: 23px; }

.tag,
.health-badge,
.bt,
.row-submeta,
.sb-ct,
.cp-eyebrow,
.cp-stage,
.brief-field .tag,
.activity-icon,
.template-head,
.pl-count { font-size: 11px; }

.btn-g,
.btn-o {
  font-size: 12px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.tbl-head { padding: 0.75rem 1.25rem; }
.tbl-row { padding: 0.95rem 1.25rem; }
.bt { min-height: 28px; padding: 4px 10px; }
.row-submeta { line-height: 1.5; }

.cp-greet { font-size: 30px; }
.cp-panel-title,
.cp-ct,
.pl-col-title { font-size: 22px; }
.cp-section-tab { font-size: 12px; }
.cp-sel,
.brief-value,
.message-body,
.activity-body,
.tl-text,
.ctext,
.doc-title,
.addendum-title,
.addendum-upload input[type="text"],
.addendum-upload select,
.addendum-template-choice-main,
.next-title,
.ops-metric-value,
.act-text { font-size: 13px; }

.ctext,
.message-body,
.activity-body,
.brief-value,
.cp-warning {
  line-height: 1.75;
}

.cp-warning,
.next-note,
.addendum-template-choice-meta,
.preset-item,
.mm,
.template-uploader .template-file input { font-size: 11.5px; }

.modal .fg input,
.modal .fg select,
.modal .fg textarea,
.pl-wrapper .fg input,
.pl-wrapper .fg select,
.pl-wrapper .fg textarea {
  font-size: 13px;
}

.toast-title { font-size: 12px; }

.staff-head,
.staff-row {
  grid-template-columns: 1.8fr 1fr 0.8fr 1fr 0.6fr 1.2fr;
}

.rbac-head,
.rbac-row {
  grid-template-columns: 1fr 1.4fr 1.4fr 1.4fr 1.2fr 1.2fr 1.2fr;
}

.staff-row {
  align-items: center;
}

.staff-row.selected {
  background: rgba(184, 160, 106, 0.08);
}

.staff-name {
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
}

.staff-email,
.staff-login-meta {
  color: var(--muted);
  font-size: 11px;
  margin-top: 3px;
}

.staff-status {
  border: 0.5px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  display: inline-flex;
  font-size: 10px;
  letter-spacing: 0;
  padding: 4px 9px;
  text-transform: uppercase;
}

.staff-status.active {
  border-color: rgba(120, 190, 140, 0.45);
  color: #78BE8C;
}

.staff-status.suspended {
  border-color: rgba(214, 166, 95, 0.5);
  color: #D6A65F;
}

.staff-status.disabled {
  border-color: rgba(210, 110, 95, 0.45);
  color: #D26E5F;
}

.staff-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.staff-actions .danger-action {
  border-color: rgba(210, 110, 95, 0.55);
  color: #D26E5F;
}

.staff-actions .warning-action {
  border-color: rgba(214, 166, 95, 0.55);
  color: #D6A65F;
}

.staff-log-wrap {
  margin-top: 1rem;
}

.staff-rbac-wrap {
  margin-top: 1rem;
}

.staff-detail-wrap,
.staff-filter-panel {
  margin-top: 1rem;
}

.staff-role-note {
  margin-bottom: 1rem;
}

.staff-permission-panel {
  border: 0.5px solid var(--border);
  margin-bottom: 1rem;
  padding: 1rem;
}

.staff-permission-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.staff-permission-grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.staff-permission-group {
  border: 0.5px solid var(--border);
  padding: 0.9rem;
}

.staff-permission-title {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.16em;
  margin-bottom: 0.7rem;
  text-transform: uppercase;
}

.staff-permission-option {
  align-items: center;
  color: var(--ink);
  display: flex;
  gap: 0.55rem;
  line-height: 1.45;
  margin-bottom: 0.55rem;
}

.staff-permission-option input {
  accent-color: var(--gold);
  flex: 0 0 auto;
}

.staff-permission-option em {
  border: 0.5px solid rgba(184, 160, 106, 0.45);
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  margin-left: auto;
  padding: 2px 7px;
  text-transform: uppercase;
}

.staff-permission-option.overridden span {
  font-weight: 600;
}

.staff-permission-summary {
  border: 0.5px solid var(--border);
  margin-bottom: 1rem;
  padding: 1rem;
}

.staff-permission-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.75rem;
}

.staff-permission-chip-list span {
  border: 0.5px solid var(--border);
  color: var(--muted);
  font-size: 11px;
  padding: 0.35rem 0.55rem;
}

.staff-diagnostic,
.staff-detail-head {
  align-items: center;
  border: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.staff-warning {
  border: 0.5px solid rgba(184, 160, 106, 0.45);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  padding: 0.75rem 1rem;
}

.staff-warning.danger {
  border-color: rgba(210, 110, 95, 0.55);
  color: #D26E5F;
}

.staff-detail-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1rem;
}

.staff-fact {
  border: 0.5px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem;
}

.staff-fact span {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
}

.staff-fact strong {
  color: var(--ink);
  font-size: 13px;
  font-weight: 500;
}

.staff-split {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}

.staff-client-row {
  align-items: center;
  border-top: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 0;
}

.staff-actions select {
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 12px;
  min-height: 34px;
  padding: 0 0.65rem;
}

.staff-log-head {
  margin-bottom: 0.5rem;
}

.staff-login-row {
  align-items: center;
  border-top: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0;
}

.empty-state {
  color: var(--muted);
  font-size: 13px;
  padding: 1rem;
}

.owner-filter {
  align-items: center;
  display: flex;
  gap: 0.65rem;
}

.owner-filter select {
  background: var(--surface3);
  border: 0.5px solid var(--border);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 12px;
  min-height: 34px;
  min-width: 180px;
  padding: 0 0.65rem;
}

.client-mirror-mode #screen-client .cp-hero {
  border-top: 3px solid var(--gold);
}

.case-file-header {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) auto;
  gap: 1rem;
  border: 0.5px solid var(--border);
  border-left: 4px solid var(--gold);
  border-radius: 5px;
  background: var(--surface);
  margin: 1rem 0;
  padding: 1rem;
}
.case-file-header.attention-red { border-left-color: rgba(192,57,43,0.82); }
.case-file-header.attention-amber { border-left-color: rgba(184,160,106,0.86); }
.case-file-header.attention-green { border-left-color: var(--success-col); }
.case-file-main {
  min-width: 0;
}
.case-file-kicker {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.case-file-title {
  margin-top: 0.3rem;
  color: var(--ivory);
  font-family: var(--fd);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.12;
}
.case-file-detail {
  margin-top: 0.3rem;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
}
.case-file-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.65rem;
}
.case-file-meta span {
  border: 0.5px solid var(--border-soft);
  border-radius: 999px;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0.26rem 0.42rem;
}
.case-file-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
  align-content: flex-start;
}
.case-file-facts {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--border-soft);
  border: 0.5px solid var(--border-soft);
  border-radius: 3px;
  overflow: hidden;
}
.case-file-fact {
  background: var(--surface2);
  min-width: 0;
  padding: 0.65rem 0.75rem;
}
.case-file-fact span {
  display: block;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.case-file-fact strong {
  display: block;
  margin-top: 0.25rem;
  color: var(--ivory-mid);
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.case-file-fact em {
  display: block;
  margin-top: 0.2rem;
  color: var(--muted);
  font-family: var(--fm);
  font-size: 8.5px;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.admin-mirror-panel {
  border: 0.5px solid rgba(184, 160, 106, 0.45);
}

.mirror-brief-grid {
  margin-top: 0.75rem;
}

/* ── ADMIN READABILITY + MARKET DIFFERENTIATORS ── */
#screen-admin,
#screen-staff,
#screen-templates,
#screen-pipeline,
#screen-messages,
#screen-interviews,
#screen-activity {
  font-size: 15.75px;
}

#screen-admin .sb-item,
#screen-admin .cn,
#screen-admin .row-main,
#screen-admin .st,
#screen-staff .staff-name,
#screen-staff .rbac-row,
#screen-staff .staff-row {
  font-size: 14px;
}

#screen-admin .ce,
#screen-admin .row-submeta,
#screen-admin .dc-meta,
#screen-admin .command-meta,
#screen-admin .command-detail,
#screen-staff .staff-email,
#screen-staff .staff-login-meta,
#screen-staff .staff-warning,
#screen-staff .staff-fact strong {
  font-size: 12.5px;
}

#screen-staff .rbac-head .th,
#screen-staff .staff-head .th,
#screen-admin .th,
#screen-admin .sl,
#screen-admin .dc-sl,
#screen-admin .ops-label,
#screen-admin .command-metric-label,
#screen-admin .command-insight-label,
#screen-staff .staff-fact span {
  font-size: 11.5px;
}

#screen-admin .bt,
#screen-staff .bt,
#screen-admin .tag,
#screen-staff .staff-status,
#screen-staff .tag {
  font-size: 12px;
}

#screen-staff .rbac-row {
  line-height: 1.55;
}

#screen-staff .staff-warning,
#screen-staff .staff-role-note,
#screen-staff .staff-diagnostic {
  line-height: 1.7;
}

.market-section {
  border-top: 0;
  margin: 0.6rem 0.45rem;
  overflow: hidden;
  border-radius: 4px;
  background: color-mix(in srgb, var(--market-color, var(--gold)) 8%, transparent);
}

.market-section .sb-label {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.25rem;
  padding: 0.7rem 0.75rem;
  background: linear-gradient(90deg, color-mix(in srgb, var(--market-color, var(--gold)) 84%, #111 16%), color-mix(in srgb, var(--market-color, var(--gold)) 48%, #111 52%));
  color: #fff;
  border-radius: 4px;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.13em;
}

.market-label-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 3px color-mix(in srgb, #fff 28%, transparent);
  flex: 0 0 auto;
}

.market-item {
  margin: 0.18rem 0;
  border-left: 5px solid color-mix(in srgb, var(--market-color, var(--gold)) 78%, transparent);
  background: color-mix(in srgb, var(--market-color, var(--gold)) 6%, transparent);
  padding-left: 0.75rem;
}

.market-item .sb-dot {
  color: var(--market-color, var(--gold));
  opacity: 1;
}

.market-item:hover,
.market-item.active {
  background: color-mix(in srgb, var(--market-color, var(--gold)) 21%, transparent);
}

.market-item.active {
  color: #fff;
  border-left-color: var(--market-color, var(--gold));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--market-color, var(--gold)) 45%, transparent);
}

.market-card {
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--market-color, var(--gold)) 70%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--market-color, var(--gold)) 16%, transparent);
}

.market-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 10px;
  background: var(--market-color, var(--gold));
}

.market-card:hover {
  border-color: var(--market-color, var(--gold));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--market-color, var(--gold)) 40%, transparent), 0 0 0 2px color-mix(in srgb, var(--market-color, var(--gold)) 18%, transparent);
}

.market-card .dc-head {
  padding-left: 1.45rem;
  background: linear-gradient(90deg, color-mix(in srgb, var(--market-color, var(--gold)) 30%, transparent), color-mix(in srgb, var(--market-color, var(--gold)) 9%, transparent) 72%);
}

.market-card .dc-body {
  padding-left: 1.45rem;
}

#div-loc-tag {
  min-width: 3.35rem;
  justify-content: center;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);
  font-weight: 700;
}

.market-uk { --market-color: #78C49A; }
.market-us { --market-color: #7DB8EA; }
.market-sg { --market-color: #F08A91; }
.market-au { --market-color: #F0BE67; }
.market-ie { --market-color: #72D6A0; }

.market-profile-banner {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .75rem;
  align-items: center;
  margin: .55rem 0 .9rem;
  padding: .7rem .85rem;
  border: 1px solid var(--border, #d8d1c5);
  border-radius: 8px;
  background: color-mix(in srgb, var(--market-color, #b8a06a) 9%, transparent);
  color: var(--text-muted, #655f57);
  font-size: .78rem;
}

.market-profile-banner strong { color: var(--text, #1a1815); }
.market-profile-banner span { white-space: nowrap; }

.contact-channel-permissions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .9rem;
  padding: .65rem .75rem;
  border: 1px solid var(--border, #d8d1c5);
  border-radius: 7px;
}

.contact-channel-permissions label {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .78rem;
}

/* ── WORKING WITH VEROVIAN PAGE ── */
#screen-welcome {
  width: 100%;
  overflow-y: auto;
}

.welcome-page-root {
  width: 100%;
}

.welcome-page-mode .nav-tabs {
  display: none;
}

.wv-page {
  width: 100%;
  color: var(--ivory);
}

.wv-page.is-public {
  max-width: 1320px;
  margin: 0 auto;
  padding: clamp(1.2rem, 3vw, 2.4rem);
}

.wv-page.is-portal {
  display: grid;
  gap: 1rem;
}

.wv-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  gap: clamp(1rem, 2.4vw, 2rem);
  align-items: stretch;
  padding: clamp(1.35rem, 3vw, 2.35rem);
  border: 0.5px solid rgba(184,160,106,0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(184,160,106,0.16), rgba(54,82,87,0.1) 48%, transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    var(--surface2);
  box-shadow: 0 26px 80px rgba(0,0,0,0.22);
}

.wv-page.is-public .wv-hero {
  min-height: min(58vh, 560px);
}

.wv-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.wv-eyebrow,
.wv-section-head span,
.wv-trust-panel > span,
.wv-final-cta span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wv-hero h1,
.wv-section-head h2,
.wv-trust-panel h2 {
  color: var(--ivory);
  font-family: var(--fd);
  font-weight: 300;
  letter-spacing: 0;
}

.wv-hero h1 {
  max-width: 760px;
  margin-top: 0.5rem;
  font-size: clamp(42px, 6vw, 78px);
  line-height: 0.98;
}

.wv-page.is-portal .wv-hero h1 {
  font-size: clamp(34px, 4.2vw, 58px);
}

.wv-hero p {
  max-width: 760px;
  margin-top: 1rem;
  color: var(--ivory-mid);
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.72;
}

.wv-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  margin-top: 1.25rem;
}

.wv-actions .btn-g,
.wv-actions .btn-o {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.wv-contact-inline {
  display: inline-grid;
  gap: 0.18rem;
  max-width: 360px;
  border: 0.5px solid rgba(184,160,106,0.3);
  border-radius: 8px;
  background: rgba(184,160,106,0.08);
  padding: 0.75rem 0.85rem;
}

.wv-contact-inline span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wv-contact-inline strong {
  color: var(--ivory);
  font-family: var(--fm);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.wv-contact-inline em {
  color: var(--ivory-mid);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
}

.wv-portal-preview {
  min-width: 0;
  border: 0.5px solid rgba(184,160,106,0.24);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.06)),
    var(--surface);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.wv-preview-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8rem;
  padding-bottom: 0.85rem;
  border-bottom: 0.5px solid var(--border-soft);
}

.wv-preview-top span,
.wv-preview-row span {
  color: var(--muted);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wv-preview-top strong {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 11px;
  text-align: right;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.wv-preview-body {
  display: grid;
  gap: 0.65rem;
}

.wv-preview-row {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  align-items: center;
  min-height: 56px;
  border: 0.5px solid var(--border-soft);
  border-radius: 7px;
  padding: 0.8rem;
  background: rgba(255,255,255,0.025);
}

.wv-preview-row.active {
  border-color: rgba(184,160,106,0.44);
  background: rgba(184,160,106,0.09);
}

.wv-preview-row strong {
  color: var(--ivory);
  font-size: 13px;
  line-height: 1.3;
  text-align: right;
}

.wv-proof-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1rem 0;
}

.wv-proof-strip div,
.wv-expectation-card,
.wv-rhythm-strip div,
.wv-support-card,
.wv-flow-step,
.wv-portal-item,
.wv-trust-panel {
  border: 0.5px solid var(--border-soft);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.025), transparent),
    var(--surface2);
}

.wv-proof-strip div {
  min-width: 0;
  padding: 1rem;
}

.wv-proof-strip span,
.wv-support-card span,
.wv-flow-step span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wv-proof-strip strong,
.wv-support-card strong,
.wv-flow-step strong,
.wv-portal-item strong,
.wv-trust-list strong,
.wv-final-cta strong {
  display: block;
  color: var(--ivory);
  font-weight: 500;
  line-height: 1.35;
}

.wv-proof-strip strong {
  margin-top: 0.45rem;
  font-size: 15px;
}

.wv-proof-strip em {
  display: block;
  margin-top: 0.35rem;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
}

.wv-operating-model {
  border-top: 0.5px solid var(--border-soft);
  border-bottom: 0.5px solid var(--border-soft);
  padding: clamp(1.25rem, 2.6vw, 2rem) 0;
}

.wv-expectation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.wv-expectation-card {
  padding: 1rem;
}

.wv-expectation-card > span {
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wv-expectation-row {
  padding-top: 0.85rem;
  margin-top: 0.85rem;
  border-top: 0.5px solid var(--border-soft);
}

.wv-expectation-row strong,
.wv-rhythm-strip strong {
  display: block;
  color: var(--ivory);
  font-size: 15px;
  line-height: 1.35;
}

.wv-expectation-row p,
.wv-rhythm-strip p {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.65;
  margin-top: 0.25rem;
}

.wv-rhythm-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 0.85rem;
}

.wv-rhythm-strip div {
  padding: 1rem;
}

.wv-rhythm-strip span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 0.5px solid rgba(184,160,106,0.36);
  border-radius: 999px;
  color: var(--gold);
  font-family: var(--fm);
  font-size: 10px;
  margin-bottom: 0.65rem;
}

.wv-section {
  padding: clamp(1.25rem, 2.6vw, 2rem) 0;
}

.wv-section-head {
  max-width: 760px;
  margin-bottom: 1rem;
}

.wv-section-head.compact {
  max-width: 620px;
}

.wv-section-head h2,
.wv-trust-panel h2 {
  margin-top: 0.35rem;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
}

.wv-section-head p,
.wv-trust-panel p,
.wv-support-card p,
.wv-flow-step p,
.wv-portal-item p,
.wv-trust-list p {
  color: var(--ivory-mid);
  font-size: 14px;
  line-height: 1.7;
}

.wv-section-head p,
.wv-trust-panel > p {
  margin-top: 0.65rem;
}

.wv-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.wv-support-card {
  min-width: 0;
  min-height: 176px;
  padding: 1rem;
}

.wv-support-card strong {
  margin-top: 0.55rem;
  font-size: 18px;
}

.wv-support-card p {
  margin-top: 0.5rem;
  color: var(--muted);
}

.wv-flow-section {
  border-top: 0.5px solid var(--border-soft);
  border-bottom: 0.5px solid var(--border-soft);
}

.wv-flow {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.65rem;
}

.wv-flow-step {
  min-width: 0;
  padding: 0.9rem;
}

.wv-flow-step strong {
  margin-top: 0.55rem;
  font-size: 14px;
}

.wv-flow-step p {
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 12px;
}

.wv-split-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
  gap: 1rem;
  align-items: start;
}

.wv-portal-list,
.wv-trust-list {
  display: grid;
  gap: 0.7rem;
}

.wv-portal-item {
  padding: 0.95rem 1rem;
}

.wv-portal-item p,
.wv-trust-list p {
  margin-top: 0.25rem;
  color: var(--muted);
}

.wv-trust-panel {
  padding: 1.2rem;
  background:
    linear-gradient(145deg, rgba(54,82,87,0.18), rgba(184,160,106,0.08)),
    var(--surface2);
}

.wv-trust-list {
  margin-top: 1rem;
}

.wv-trust-list div {
  padding-top: 0.75rem;
  border-top: 0.5px solid var(--border-soft);
}

.wv-final-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border: 0.5px solid rgba(184,160,106,0.32);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(184,160,106,0.13), rgba(54,82,87,0.09)),
    var(--surface2);
}

.wv-final-cta strong {
  margin-top: 0.35rem;
  font-family: var(--fd);
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 300;
}

html[data-theme="light"] .wv-hero,
html[data-theme="light"] .wv-proof-strip div,
html[data-theme="light"] .wv-expectation-card,
html[data-theme="light"] .wv-rhythm-strip div,
html[data-theme="light"] .wv-support-card,
html[data-theme="light"] .wv-flow-step,
html[data-theme="light"] .wv-portal-item,
html[data-theme="light"] .wv-trust-panel,
html[data-theme="light"] .wv-final-cta,
html[data-theme="light"] .wv-portal-preview {
  box-shadow: 0 14px 34px rgba(44,34,20,0.04);
}

/* ── MOBILE RESPONSIVE ── */
@media (max-width: 800px) {
  #screen-admin { flex-direction: column; }

  .sb {
    width: 100%;
    border-right: none;
    border-bottom: 0.5px solid var(--border);
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
  }
  .sb-section { display: flex; flex-wrap: wrap; padding: 0.5rem; gap: 0.25rem; }
  .sb-label   { display: none; }
  .sb-item    { border-left: none; border-bottom: 2px solid transparent; padding: 0.4rem 0.75rem; white-space: nowrap; }
  .sb-item.active { border-left: none; border-bottom-color: var(--gold); }

  .stat-row,
  .ops-strip,
  .attention-hero,
  .bd-signal-rail,
  .bd-desk-metrics,
  .bd-desk-signals,
  .bd-desk-opportunity-grid,
  .interview-metrics,
  .interview-admin-grid,
  .command-metrics,
  .command-insights,
  .conversation-status-grid,
  .ops-metric-grid { grid-template-columns: 1fr 1fr; }
  .overview-heading { align-items: flex-start; flex-direction: column; }
  .overview-heading-meta { text-align: left; }
  .div-grid { grid-template-columns: 1fr; }
  .command-action,
  .team-relationship-summary { grid-template-columns: 1fr; }
  .command-actions { justify-content: flex-start; }
  .conversion-layout,
  .conversion-play { grid-template-columns: 1fr; }
  .conversion-head,
  .candidate-spotlight-head { flex-direction: column; }
  .conversion-kpis,
  .conversion-play-actions { justify-content: flex-start; }
  .assignment-head,
  .handoff-head,
  .recruiter-panel-head { flex-direction: column; }
  .handoff-kpis,
  .recruiter-kpis { justify-content: flex-start; }
  .handoff-row,
  .recruiter-chase-row,
  .vacancy-recruiter-panels { grid-template-columns: 1fr; }
  .handoff-actions { justify-content: flex-start; }
  .attention-kpis { grid-template-columns: 1fr 1fr; }
  .bd-desk-top { flex-direction: column; }
  .bd-desk-status { align-items: flex-start; justify-items: start; text-align: left; }
  .attention-client { font-size: 26px; }
  .attention-filter-bar { justify-content: flex-start; }
  .case-file-header { grid-template-columns: 1fr; }
  .case-file-actions { justify-content: flex-start; }
  .case-file-facts { grid-template-columns: 1fr 1fr; }
  .interview-admin-topbar { align-items: flex-start; flex-direction: column; }
  .vacancy-admin-topbar { align-items: flex-start; flex-direction: column; }
  .vacancy-toolbar { justify-content: flex-start; }
  .message-inbox-row { grid-template-columns: 1fr; }
  .message-inbox-badges { grid-column: auto; }
  .vacancy-table-head { display: none; }
  .vacancy-admin-row { grid-template-columns: 1fr; }
  .vacancy-admin-row > div { border-bottom: .5px solid var(--border-soft); }
  .vacancy-admin-row > div:last-child { border-bottom: 0; }
  .interview-form-grid,
  .interview-admin-card,
  .tasks-layout,
  .task-card,
  .task-digest-row { grid-template-columns: 1fr; }
  .interview-form-actions,
  .interview-actions,
  .task-actions,
  .task-digest-actions { justify-content: flex-start; }
  .tasks-admin-topbar,
  .task-digest-head,
  .candidate-followup-config { align-items: flex-start; flex-direction: column; }
  .tasks-toolbar { justify-content: flex-start; }
  .tasks-metrics { grid-template-columns: 1fr 1fr; }
  .tasks-create-panel { position: static; }
  .interview-reminder-box { min-width: 0; text-align: left; }
  .add-bar  { flex-direction: column; }
  .ops-followup-panel { grid-template-columns: 1fr; }
  .ops-followup-actions { justify-content: flex-start; }
  .fg input, .fg select { min-width: 100%; }
  .preset-builder-head { grid-template-columns: 1fr; }
  .preset-readiness { grid-template-columns: 1fr; }
  .preset-readiness-badge { justify-self: start; }
  .preset-pack-count { text-align: left; }
  .preset-doc { grid-template-columns: auto minmax(0, 1fr); }
  .preset-doc-tag { grid-column: 2; justify-self: start; }
  .preset-doc-side { grid-column: 2; align-items: flex-start; }
  .pack-doc-actions { align-items: flex-start; }
  .oneoff-head { flex-direction: column; }
  .oneoff-grid { grid-template-columns: 1fr; }
  .queued-doc-item { align-items: flex-start; flex-direction: column; }
  .template-filter-head,
  .pack-head { flex-direction: column; }
  .pack-next-panel { grid-template-columns: 1fr; }
  .pack-next-actions { justify-content: flex-start; }
  .template-filter-grid,
  .pack-summary,
  .send-guide-steps { grid-template-columns: 1fr 1fr; }
  .send-guide-head { flex-direction: column; }
  .template-edit-shortcut { grid-template-columns: 1fr; }
  .template-edit-grid { grid-template-columns: 1fr; }

  .tbl-head { display: none; }
  .tbl-row  { grid-template-columns: 1fr; gap: 6px; padding: 0.9rem 1rem; }
  .template-head { display: none; }
  .template-row { grid-template-columns: 1fr; }
  .ab       { flex-wrap: wrap; }

  .cp-context-bar { grid-template-columns: 1fr; align-items: flex-start; }
  .cp-mirror-banner { border-radius: 8px; align-items: flex-start; flex-direction: column; }
  .cp-body { grid-template-columns: 1fr; }
  .cp-hero { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
  .cp-primary-tabs { width: 100%; margin: 0.75rem 0 0; min-width: 0; }
  .cp-hero-right { text-align: left; min-width: 0; }
  .client-priority-snapshot,
  .candidate-admin-guide,
  .candidate-fact-grid {
    grid-template-columns: 1fr;
  }
  .client-priority-action {
    justify-items: start;
    text-align: left;
  }
  .client-support-strip {
    align-items: flex-start;
    flex-direction: column;
  }
  .client-support-actions {
    justify-content: flex-start;
    width: 100%;
  }
  .client-decision-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .client-decision-head em {
    max-width: none;
    text-align: left;
  }
  .client-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wv-hero,
  .wv-proof-strip,
  .wv-expectation-grid,
  .wv-rhythm-strip,
  .wv-support-grid,
  .wv-split-section,
  .wv-final-cta {
    grid-template-columns: 1fr;
  }
  .wv-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wv-final-cta { align-items: flex-start; flex-direction: column; }
  .cp-intro-card { grid-template-columns: 1fr; }
  .cp-intro-task-list { grid-template-columns: 1fr; }
  .client-accountability-panel,
  .client-partnership-card,
  .client-partnership-principles,
  .client-commercial-strip { grid-template-columns: 1fr; }
  .client-command-head { flex-direction: column; }
  .client-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-progress-copy { align-items: flex-start; flex-direction: column; }
  .client-progress-copy em { text-align: left; }
  .client-audit-head { align-items: flex-start; flex-direction: column; }
  .client-audit-head em { text-align: left; }
  .uk-dental-fee-head { flex-direction: column; }
  .uk-dental-fee-badge { align-self: flex-start; }
  .client-audit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cp-stage-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agreement-focus-hero { grid-template-columns: 1fr; }
  .agreement-document-head { grid-template-columns: 1fr; }
  .agreement-document-actions { grid-template-columns: 1fr; }
  .agreement-pdf-frame { height: 58vh; min-height: 360px; }
  .agreement-step-strip { grid-template-columns: 1fr; }
  .document-manifest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sign-document-reference { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .charge-summary-form,
  .client-charge-summary,
  .signing-guide { grid-template-columns: 1fr; }
  .charge-preset-select-row { grid-template-columns: 1fr; }
  .charge-summary-form .wide { grid-column: auto; }
  .signing-guide { align-items: flex-start; }
  .signing-guide-steps { width: 100%; }
  .portal-empty-state { align-items: flex-start; flex-direction: column; }
  .prepared-context-head { flex-direction: column; }
  .prepared-grid { grid-template-columns: 1fr; }
  .signed-vault-main { align-items: flex-start; flex-direction: column; }
  .signed-vault-actions { justify-content: flex-start; }
  .conversation-status-grid { grid-template-columns: 1fr; }
  .brief-grid,
  .brief-form,
  .signature-details-grid,
  .signed-detail-grid,
  .vacancy-form,
  .interview-builder-grid,
  .candidate-answer-grid,
  .candidate-interview-hero,
  .message-form { grid-template-columns: 1fr; }
  .brief-field.wide,
  .brief-form .wide,
  .signature-details-grid .wide,
  .vacancy-form .wide,
  .interview-builder-grid .wide,
  .candidate-answer-grid .wide,
  .message-form .wide { grid-column: auto; }
  .candidate-review-hero {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
  .candidate-review-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .candidate-head,
  .candidate-screening-head,
  .candidate-decision-head,
  .candidate-panel-actions,
  .candidate-resume-panel,
  .candidate-quick-actions,
  .vacancy-quality-head,
  .ops-trust-head,
  .admin-readiness-strip,
  .sign-form-actions,
  .interview-builder-actions,
  .candidate-submit-row,
  .candidate-interview-strip,
  .interview-card-head,
  .sign-form-head,
  .candidate-question-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .candidate-screening-head strong,
  .vacancy-quality-head strong,
  .ops-trust-head em,
  .admin-readiness-strip em {
    max-width: none;
    text-align: left;
  }
  .interview-link-row,
  .interview-question-row { grid-template-columns: 1fr; }
  .interview-response-state { justify-content: flex-start; }
  .feedback-row,
  .staff-row,
  .rbac-row { grid-template-columns: 1fr; }
  .staff-detail-grid,
  .staff-permission-grid,
  .staff-split { grid-template-columns: 1fr; }
  .staff-diagnostic,
  .staff-permission-head,
  .staff-detail-head,
  .staff-client-row { align-items: flex-start; flex-direction: column; }
  .staff-login-row { align-items: flex-start; flex-direction: column; }

  .nav-tab  { padding: 0 0.65rem; font-size: 11px; }
  .nav-actions { gap: 0.45rem; }
  .theme-switch { grid-template-columns: repeat(2, 38px); }
  .theme-option { padding: 0 5px; }
  .hdr-info { display: none; }
}

@media (max-width: 480px) {
  .nav-brand { font-size: 14px; }
  .nav-tab   { padding: 0 0.5rem; font-size: 10.5px; }
  .nav-pill  { display: none; }
  .theme-switch { grid-template-columns: repeat(2, 34px); }
  .theme-option { font-size: 10px; }
  .main      { padding: 1rem; }
  .cp-primary-tabs { grid-template-columns: 1fr; }
  .cp-primary-tab { min-height: 52px; }
  .client-support-actions .btn-g,
  .client-support-actions .btn-o { width: 100%; }
  .client-decision-card { min-height: auto; }
  .client-decision-card button { width: 100%; }
  .wv-page.is-public { padding: 1rem; }
  .wv-hero { padding: 1rem; }
  .wv-hero h1 { font-size: 34px; }
  .wv-flow { grid-template-columns: 1fr; }
  .wv-actions .btn-g,
  .wv-actions .btn-o { width: 100%; white-space: normal; text-align: center; }
  .cp-hero, .cp-body, .cp-context-bar { padding: 1rem; }
  .cp-brandlock { align-items: flex-start; }
  .cp-intro-title { font-size: 24px; }
  .agreement-title { font-size: 25px; }
  .agreement-focus-hero { padding: 1rem; }
  .cp-intro-metrics,
  .client-priority-snapshot,
  .client-accountability-panel,
  .client-decision-grid,
  .client-command-grid,
  .cp-stage-track,
  .client-audit-grid,
  .client-partnership-card,
  .client-partnership-principles,
  .candidate-review-stats,
  .candidate-fact-grid,
  .document-manifest,
  .sign-document-reference,
  .client-commercial-strip,
  .attention-hero,
  .bd-signal-rail,
  .bd-desk-watchbar,
  .bd-desk-metrics,
  .bd-desk-signals,
  .bd-desk-opportunity-grid,
  .attention-kpis,
  .case-file-facts,
  .interview-metrics,
  .interview-admin-grid,
  .interview-form-grid,
  .interview-admin-card,
  .interview-due-item,
  .command-insights,
  .prepared-grid,
  .candidate-entry-fields,
  .client-charge-summary,
  .signing-guide,
  .template-filter-grid,
  .pack-next-panel,
  .send-guide-steps,
  .pack-summary,
  .pack-row,
  .required-doc-choice { grid-template-columns: 1fr; }
  .agreement-document-panel { padding: 0.85rem; }
  .agreement-document-head { padding: 0; }
  .agreement-pdf-preview { margin: 0.85rem -0.85rem 0; }
  .agreement-pdf-preview > summary { padding-inline: 0.85rem; }
  .agreement-pdf-frame { margin: 0; min-height: 320px; }
  .agreement-preview-next { align-items:flex-start; flex-direction:column; }
  .agreement-preview-next .btn-g { width:100%; }
  .agreement-included-head,.signing-next-step,.agreement-reference-drawer>summary { align-items:flex-start; flex-direction:column; }
  .agreement-included-head em,.agreement-reference-drawer>summary em { max-width:none; text-align:left; }
  .signing-next-step .btn-g { width:100%; }
  .agreement-document-foot { margin: 0 -0.85rem -0.85rem; }
  .agreement-mobile-action {
    background: color-mix(in srgb, var(--surface2) 94%, transparent);
    border: 1px solid var(--border);
    border-radius: 10px;
    bottom: max(0.65rem, env(safe-area-inset-bottom));
    box-shadow: 0 10px 32px rgba(0,0,0,0.28);
    display: block;
    left: 0.75rem;
    padding: 0.55rem;
    position: fixed;
    right: 0.75rem;
    z-index: 42;
  }
  .agreement-mobile-action .btn-g { min-height: 48px; width: 100%; }
  body.client-portal-mode:has(#cp-section-agreements.active) { padding-bottom: 5.25rem; }
  .portal-empty-steps span { width: 100%; }
  .signing-guide-steps span { white-space: normal; }
  .pack-statuses { align-items: flex-start; }
  .modal     { max-height: 100dvh; border-radius: 0; }
}


/* Talent BD */
.talent-bd-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 1.5rem;
}

.talent-bd-stat-row {
  margin-top: 1rem;
}

.talent-bd-guardrail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--border);
  background: var(--surface2);
}

.talent-bd-rule-pill {
  flex: 0 0 auto;
  border: 1px solid var(--border);
  padding: .45rem .7rem;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.talent-bd-filter-grid {
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(150px, 1fr));
}

.talent-bd-board {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.talent-bd-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border);
  background: var(--surface2);
}

.talent-bd-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .65rem;
}

.talent-bd-head h3 {
  margin: .2rem 0 0;
  font-size: 22px;
  font-weight: 400;
}

.talent-bd-eyebrow {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}

.talent-bd-pitch {
  margin: 0 0 .9rem;
  color: var(--ink);
  line-height: 1.55;
}

.talent-bd-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
  margin-bottom: .8rem;
}

.talent-bd-facts div,
.talent-bd-side-row {
  border: 1px solid var(--border);
  padding: .65rem;
  min-width: 0;
}

.talent-bd-facts span,
.talent-bd-side-row span {
  display: block;
  margin-bottom: .2rem;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.talent-bd-facts strong,
.talent-bd-side-row strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.talent-bd-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: .9rem;
}

.talent-bd-tags span {
  border: 1px solid var(--border);
  padding: .3rem .5rem;
  font-size: 11px;
  color: var(--muted);
}

.talent-bd-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}

.talent-bd-two-col > div {
  border-left: 2px solid var(--gold);
  padding-left: .7rem;
}

.talent-bd-two-col strong {
  display: block;
  margin-bottom: .35rem;
  font-size: 12px;
}

.talent-bd-two-col ul,
.talent-bd-two-col p {
  margin: 0;
  padding-left: 1rem;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.talent-bd-two-col p {
  padding-left: 0;
}

.talent-bd-identity {
  margin-top: .85rem;
  padding: .7rem;
  border: 1px solid var(--border);
  background: var(--surface3);
  font-size: 12px;
}

.talent-bd-side {
  display: grid;
  gap: .55rem;
  align-content: start;
}

.talent-bd-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

@media (max-width: 980px) {
  .talent-bd-card,
  .talent-bd-filter-grid,
  .talent-bd-two-col,
  .talent-bd-facts {
    grid-template-columns: 1fr;
  }
}


/* ══════════════════════════════════════════
   2026 CLIENT EXPERIENCE SIMPLIFICATION
══════════════════════════════════════════ */

/* Grouped team navigation */
[hidden] { display: none !important; }
.admin-workspace-nav { align-items: center; gap: .15rem; }
.nav-workspace-menu { position: relative; height: 52px; }
.nav-workspace-menu > summary {
  list-style: none; height: 52px; display: flex; align-items: center; gap: 6px;
  padding: 0 .9rem; color: var(--muted); cursor: pointer; font-size: 11px;
  letter-spacing: .08em; text-transform: uppercase; user-select: none;
}
.nav-workspace-menu > summary::-webkit-details-marker { display: none; }
.nav-workspace-menu > summary::after { content: "⌄"; font-size: 12px; transition: transform .18s ease; }
.nav-workspace-menu[open] > summary, .nav-workspace-menu:has(.nav-tab.active) > summary { color: var(--gold); }
.nav-workspace-menu[open] > summary::after { transform: rotate(180deg); }
.nav-workspace-panel {
  position: absolute; top: calc(100% - 3px); left: 0; z-index: 130; min-width: 210px;
  padding: 6px; border: .5px solid var(--border); border-radius: 7px;
  background: var(--surface2); box-shadow: 0 20px 55px rgba(0,0,0,.28);
}
.nav-workspace-panel-right { left: auto; right: 0; }
.nav-workspace-panel .nav-tab {
  width: 100%; height: 38px; padding: 0 11px; border: 0; border-radius: 4px;
  justify-content: flex-start; text-align: left;
}
.nav-workspace-panel .nav-tab:hover, .nav-workspace-panel .nav-tab.active {
  background: rgba(184,160,106,.11); color: var(--gold);
}

/* Client entry */
.client-access-mode { min-height: 100%; background: #f4efe7; }
.client-access-mode .app { min-height: 100vh; }
#screen-client-access { min-height: 100vh; width: 100%; }
.client-access-shell {
  width: 100%; min-height: 100vh; display: grid; grid-template-columns: minmax(0,1.22fr) minmax(420px,.78fr);
  background: #f7f2ea; color: #201c17;
}
.client-access-intro {
  min-height: 100vh; display: flex; flex-direction: column; justify-content: center;
  padding: clamp(3rem,8vw,8rem); position: relative; overflow: hidden;
  background:
    radial-gradient(circle at 84% 14%, rgba(201,168,105,.22), transparent 29%),
    linear-gradient(145deg, #1d1b18 0%, #27231e 62%, #3b3024 100%);
  color: #fffdf8;
}
.client-access-intro::after {
  content: "V"; position: absolute; right: -3vw; bottom: -19vh; color: rgba(201,168,105,.055);
  font: 400 min(68vw,720px)/1 var(--fd); pointer-events: none;
}
.client-access-brand { position: absolute; top: 2.25rem; left: clamp(3rem,8vw,8rem); color: #c9a869; text-decoration: none; font: 400 22px/1 var(--fd); letter-spacing: .16em; text-transform: uppercase; }
.client-access-kicker, .client-access-card-kicker { color: #c9a869; font: 500 11px/1.3 var(--fm); letter-spacing: .18em; text-transform: uppercase; }
.client-access-intro h1 { position: relative; max-width: 790px; margin: 1.25rem 0; font: 400 clamp(50px,6vw,94px)/.95 var(--fd); letter-spacing: -.035em; }
.client-access-intro > p { position: relative; max-width: 650px; color: rgba(255,253,248,.72); font-size: clamp(15px,1.35vw,19px); line-height: 1.75; }
.client-access-proof { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; max-width: 780px; margin-top: clamp(3rem,8vh,6.5rem); background: rgba(201,168,105,.18); border: 1px solid rgba(201,168,105,.18); }
.client-access-proof > div { display: grid; gap: 5px; min-height: 144px; padding: 1.35rem; background: rgba(255,255,255,.025); }
.client-access-proof span { color: #c9a869; font: 500 10px/1 var(--fm); letter-spacing: .12em; }
.client-access-proof strong { align-self: end; font: 400 21px/1.15 var(--fd); }
.client-access-proof em { color: rgba(255,253,248,.56); font-size: 12px; font-style: normal; line-height: 1.5; }
.client-access-card { align-self: center; width: min(520px,calc(100% - 4rem)); margin: 2rem auto; padding: clamp(2rem,4vw,3.75rem); border: 1px solid rgba(121,94,44,.18); border-radius: 12px; background: #fffdf8; box-shadow: 0 35px 90px rgba(44,34,20,.12); }
.client-access-card h2 { margin: .8rem 0 .65rem; color: #201c17; font: 400 clamp(35px,3.2vw,50px)/1.02 var(--fd); }
.client-access-card > p { color: #756b60; font-size: 14px; line-height: 1.7; }
.client-access-card form { display: grid; gap: .65rem; margin-top: 2rem; }
.client-access-card label { color: #5f574f; font: 500 10px/1 var(--fm); letter-spacing: .12em; text-transform: uppercase; }
.client-access-card input { width: 100%; min-height: 52px; padding: 0 14px; border: 1px solid #d9cfbf; border-radius: 5px; background: #fff; color: #201c17; font: 14px var(--fb); }
.client-access-card input:focus { outline: 2px solid rgba(167,130,62,.28); border-color: #a7823e; }
.client-access-submit { width: 100%; min-height: 50px; margin-top: .35rem; }
.client-access-submit:disabled { cursor: wait; opacity: .65; }
.client-access-status { min-height: 1.5rem; color: #a34a32; font-size: 12px; line-height: 1.5; }
.client-access-status.success { color: #2f7d55; }
.cp-access-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:13px 42px;border-bottom:1px solid var(--border);background:#fff8e7;color:#5d4720}
.cp-access-notice[hidden]{display:none}
.cp-access-notice.info{background:#eef7f8;color:#164f55}
.cp-access-notice div{display:flex;align-items:baseline;gap:10px;min-width:0}
.cp-access-notice strong{font-size:13px;white-space:nowrap}
.cp-access-notice span{font-size:12px;line-height:1.5}
.cp-access-notice a{flex:0 0 auto;color:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:760px){.cp-access-notice{align-items:flex-start;flex-direction:column;padding:13px 18px}.cp-access-notice div{align-items:flex-start;flex-direction:column;gap:3px}.cp-access-notice strong{white-space:normal}}
.client-access-help { display: grid; gap: 3px; margin-top: 1.35rem; padding: 1rem; border-radius: 5px; background: #f4efe7; color: #756b60; font-size: 12px; }
.client-access-help strong { color: #201c17; }
.client-access-help a { color: #705a31; }
.client-access-admin-link { display: block; margin-top: 1.5rem; color: #756b60; font-size: 11px; text-align: center; text-decoration: underline; text-underline-offset: 3px; }

/* Client navigation */
.client-portal-mode .cp-next-steps-card, .client-portal-mode .cp-sidebar-secondary { display: none !important; }
.cp-help-link { display: block; margin: .55rem 0 0 auto; padding: 0; border: 0; background: none; color: var(--gold-dim); cursor: pointer; font: 500 10px/1.3 var(--fm); text-decoration: underline; text-underline-offset: 3px; }
.client-history-drawer { margin-top: 1rem; border: .5px solid var(--border); border-radius: 8px; background: var(--surface2); }
.client-history-drawer > summary { padding: 1rem 1.2rem; color: var(--muted); cursor: pointer; font: 500 10px/1.3 var(--fm); letter-spacing: .08em; text-transform: uppercase; }
.client-history-drawer[open] > summary { border-bottom: .5px solid var(--border); color: var(--gold); }
.client-history-drawer #cp-activity-card { padding: 1rem; }

/* Action-first client home */
.client-home-welcome { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem,3vw,2.5rem); border: .5px solid var(--border); border-radius: 10px; background: linear-gradient(135deg,rgba(184,160,106,.13),transparent 55%),var(--surface2); box-shadow: 0 22px 70px rgba(0,0,0,.13); }
.client-home-welcome > div:first-child > span, .client-home-priority span, .client-home-panel-head span, .client-home-metrics span { color: var(--gold-dim); font: 500 10px/1.2 var(--fm); letter-spacing: .13em; text-transform: uppercase; }
.client-home-welcome h1 { margin: .35rem 0 .5rem; font: 400 clamp(35px,4vw,58px)/1 var(--fd); }
.client-home-welcome p { max-width: 680px; color: var(--muted); font-size: 14px; }
.client-home-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; }
.client-action-inbox { margin-top: 1rem; overflow: hidden; border: .5px solid var(--border); border-radius: 10px; background: var(--surface2); box-shadow: 0 18px 55px rgba(0,0,0,.1); }
.client-action-inbox.has-attention { border-color: rgba(200,101,71,.35); }
.client-action-inbox-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.25rem; padding: 1.15rem 1.35rem; border-bottom: .5px solid var(--border); background: linear-gradient(90deg,rgba(184,160,106,.1),transparent 58%); }
.client-action-inbox-head > div { display: grid; gap: 3px; }
.client-action-inbox-head span { color: var(--gold-dim); font: 500 9px/1.2 var(--fm); letter-spacing: .14em; text-transform: uppercase; }
.client-action-inbox-head strong { font: 400 26px/1.1 var(--fd); }
.client-action-inbox-head em { max-width: 310px; color: var(--muted); font-size: 11px; font-style: normal; text-align: right; }
.client-action-inbox-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.client-action-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .8rem; min-height: 128px; padding: 1rem 1.15rem; border: 0; border-right: .5px solid var(--border); background: transparent; color: var(--ivory); cursor: pointer; text-align: left; }
.client-action-item:last-child { border-right: 0; }
.client-action-item:hover { background: rgba(184,160,106,.07); }
.client-action-item.attention { box-shadow: inset 0 3px #c86547; }
.client-action-item.active { box-shadow: inset 0 3px var(--gold); }
.client-action-number { display: grid; place-items: center; width: 28px; height: 28px; border: .5px solid var(--border); border-radius: 50%; color: var(--gold); font: 500 10px/1 var(--fm); }
.client-action-copy { display: grid; gap: 4px; min-width: 0; }
.client-action-copy strong { font-size: 12.5px; }
.client-action-copy em { overflow: hidden; color: var(--muted); font-size: 10.5px; font-style: normal; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.client-action-copy small { color: var(--gold-dim); font: 500 9px/1.3 var(--fm); }
.client-action-arrow { color: var(--gold); font-size: 18px; }
.client-home-priority { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1.5rem; margin-top: 1rem; padding: 1.35rem 1.5rem; border: 1px solid var(--border); border-left: 4px solid var(--gold); border-radius: 8px; background: var(--surface2); }
.client-home-priority.attention { border-left-color: #c86547; background: linear-gradient(90deg,rgba(200,101,71,.08),transparent 46%),var(--surface2); }
.client-home-priority strong { display: block; margin: .25rem 0; font: 400 25px/1.15 var(--fd); }
.client-home-priority p { color: var(--muted); font-size: 12.5px; }
.client-home-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 1rem; overflow: hidden; border: .5px solid var(--border); border-radius: 8px; background: var(--border); }
.client-home-metrics button { display: grid; grid-template-columns: 1fr auto; gap: 3px 1rem; min-height: 112px; padding: 1.1rem 1.25rem; border: 0; background: var(--surface2); color: var(--ivory); cursor: pointer; text-align: left; }
.client-home-metrics button:hover { background: var(--surface3); }
.client-home-metrics span { grid-column: 1 / -1; }
.client-home-metrics strong { align-self: end; font: 400 38px/1 var(--fd); color: var(--gold); }
.client-home-metrics em { align-self: end; color: var(--muted); font-size: 11px; font-style: normal; text-align: right; }
.client-home-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1rem; }
.client-home-panel { overflow: hidden; border: .5px solid var(--border); border-radius: 8px; background: var(--surface2); }
.client-home-hiring { grid-row: span 2; }
.client-home-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-bottom: .5px solid var(--border); }
.client-home-panel-head strong { display: block; margin-top: 3px; font: 400 21px/1.1 var(--fd); }
.client-home-panel-head button { border: 0; background: none; color: var(--gold-dim); cursor: pointer; font-size: 11px; }
.client-home-row { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: .8rem; padding: 1rem 1.25rem; border: 0; border-bottom: .5px solid var(--border-soft); background: transparent; color: var(--ivory); cursor: pointer; text-align: left; }
.client-home-row:hover { background: rgba(184,160,106,.06); }
.client-home-row > span:first-child { min-width: 0; }
.client-home-row strong, .client-home-message strong { display: block; overflow: hidden; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.client-home-row em { display: block; overflow: hidden; margin-top: 2px; color: var(--muted); font-size: 10.5px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.client-home-status { padding: 3px 7px; border-radius: 999px; background: rgba(184,160,106,.1); color: var(--gold-dim); font: 500 9px/1.3 var(--fm); white-space: nowrap; }
.client-home-message { width: 100%; display: grid; gap: 4px; padding: .9rem 1.25rem; border: 0; border-bottom: .5px solid var(--border-soft); background: transparent; color: var(--ivory); cursor: pointer; text-align: left; }
.client-home-message:hover { background: rgba(184,160,106,.06); }
.client-home-message span { color: var(--gold-dim); font-size: 10px; }
.client-home-message em { color: var(--muted); font-size: 9.5px; font-style: normal; }
.client-home-empty { display: grid; gap: 5px; padding: 2rem 1.25rem; color: var(--muted); text-align: center; }
.client-home-empty strong { color: var(--ivory); font: 400 20px/1.2 var(--fd); }
.client-home-empty span { font-size: 11px; }
.client-home-empty.compact { padding: 1.35rem; }

/* Guided vacancy brief */
.cp-panel:has(> .client-vacancy-wizard) { display: flex; flex-direction: column; }
.cp-panel:has(> .client-vacancy-wizard) > .cp-panel-head { order: 0; }
.cp-panel:has(> .client-vacancy-wizard) > .prepared-context { order: 1; }
.cp-panel:has(> .client-vacancy-wizard) > .client-vacancy-wizard { order: 2; }
.cp-panel:has(> .client-vacancy-wizard) > .vacancy-stack { order: 3; }
.cp-panel:has(> .client-vacancy-wizard) > .vacancy-quality-panel { order: 4; }
.client-vacancy-wizard { margin-top: 1.25rem; overflow: hidden; border: .5px solid var(--border); border-radius: 10px; background: var(--surface2); box-shadow: 0 22px 70px rgba(0,0,0,.12); }
.vacancy-wizard-head { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1.5rem; padding: 1.35rem 1.5rem; border-bottom: .5px solid var(--border); }
.vacancy-wizard-head > div:first-child { display: grid; gap: 3px; }
.vacancy-wizard-head > div:first-child span, .vacancy-wizard-step-copy > span, .vacancy-review-summary > span { color: var(--gold-dim); font: 500 9px/1.2 var(--fm); letter-spacing: .12em; text-transform: uppercase; }
.vacancy-wizard-head > div:first-child strong { font: 400 26px/1.1 var(--fd); }
.vacancy-wizard-head > div:first-child em { color: var(--muted); font-size: 10.5px; font-style: normal; }
.vacancy-wizard-progress { display: flex; gap: 3px; }
.vacancy-wizard-progress button { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 5px; padding: 6px 8px; border: .5px solid var(--border); border-radius: 4px; background: transparent; color: var(--muted); cursor: pointer; font: 500 9px/1 var(--fm); }
.vacancy-wizard-progress button span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--surface3); }
.vacancy-wizard-progress button.active { border-color: var(--gold); color: var(--gold); }
.vacancy-wizard-progress button.active span, .vacancy-wizard-progress button.complete span { background: var(--gold); color: var(--ink); }
.vacancy-wizard-progress button:disabled { cursor: not-allowed; opacity: .45; }
.vacancy-wizard-step { padding: 1.5rem; }
.vacancy-wizard-step[hidden] { display: none !important; }
.vacancy-wizard-step-copy { margin-bottom: 1.25rem; }
.vacancy-wizard-step-copy strong { display: block; margin: .35rem 0; font: 400 30px/1.1 var(--fd); }
.vacancy-wizard-step-copy p { color: var(--muted); font-size: 12px; }
.vacancy-wizard-step .vacancy-form { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.vacancy-wizard-actions { display: flex; align-items: center; gap: .65rem; padding: 1rem 1.5rem; border-top: .5px solid var(--border); }
.vacancy-wizard-actions > span { margin-right: auto; color: var(--muted); font: 400 9px/1.3 var(--fm); }
.vacancy-review-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: .5px solid var(--border); border-radius: 6px; background: var(--border); }
.vacancy-review-summary > span { grid-column: 1/-1; padding: .75rem 1rem; background: var(--surface3); }
.vacancy-review-summary > div { display: grid; gap: 3px; padding: .85rem 1rem; background: var(--surface2); }
.vacancy-review-summary em { color: var(--muted); font-size: 9px; font-style: normal; text-transform: uppercase; }
.vacancy-review-summary strong { font-size: 12px; }
.vacancy-submission-receipt { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: .9rem; overflow: hidden; border: .5px solid var(--success-bdr); border-radius: 6px; background: var(--border); }
.vacancy-submission-receipt > div { display: grid; gap: 3px; padding: .7rem .85rem; background: var(--success-bg); }
.vacancy-submission-receipt span { color: var(--muted); font: 500 8.5px/1.2 var(--fm); letter-spacing: .1em; text-transform: uppercase; }
.vacancy-submission-receipt strong { overflow-wrap: anywhere; color: var(--success-col); font-size: 10.5px; }
.vacancy-submission-receipt p { grid-column: 1/-1; margin: 0; padding: .7rem .85rem; background: var(--surface2); color: var(--muted); font-size: 10.5px; }

.candidate-compare-prompt { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem 1.25rem 0; padding: .9rem 1rem; border: .5px dashed var(--border); border-radius: 7px; background: rgba(184,160,106,.04); }
.candidate-compare-prompt > div { display: grid; gap: 3px; }
.candidate-compare-prompt span,.candidate-compare-head span { color: var(--gold-dim); font: 500 9px/1.2 var(--fm); letter-spacing: .1em; text-transform: uppercase; }
.candidate-compare-prompt strong { font-size: 11.5px; }
.candidate-compare-prompt em { color: var(--muted); font: 400 9px/1.2 var(--fm); font-style: normal; white-space: nowrap; }
.candidate-compare-panel { margin: 1rem 1.25rem 0; overflow: hidden; border: .5px solid var(--border); border-radius: 8px; background: var(--surface2); }
.candidate-compare-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: .5px solid var(--border); }
.candidate-compare-head > div { display: grid; gap: 3px; }
.candidate-compare-head strong { font: 400 20px/1.1 var(--fd); }
.candidate-compare-scroll { overflow-x: auto; }
.candidate-compare-panel table { width: 100%; min-width: 650px; border-collapse: collapse; }
.candidate-compare-panel th,.candidate-compare-panel td { padding: .75rem .9rem; border-right: .5px solid var(--border); border-bottom: .5px solid var(--border); color: var(--ivory-mid); font-size: 10.5px; text-align: left; vertical-align: top; }
.candidate-compare-panel tr:last-child th,.candidate-compare-panel tr:last-child td { border-bottom: 0; }
.candidate-compare-panel th:last-child,.candidate-compare-panel td:last-child { border-right: 0; }
.candidate-compare-panel thead th { color: var(--ivory); font: 500 10px/1.3 var(--fm); }
.candidate-compare-panel tbody th { width: 135px; color: var(--muted); font: 500 9px/1.3 var(--fm); letter-spacing: .06em; text-transform: uppercase; }
.candidate-compare-choice { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border: .5px solid var(--border); border-radius: 999px; color: var(--muted); cursor: pointer; font: 500 9px/1.2 var(--fm); }
.candidate-compare-choice:has(input:checked) { border-color: var(--gold); background: rgba(184,160,106,.1); color: var(--gold); }
.candidate-compare-choice input { accent-color: var(--gold); }

@media (max-width: 1080px) {
  .client-access-shell { grid-template-columns: 1fr; }
  .client-access-intro { min-height: auto; padding-top: 7rem; }
  .client-access-proof { margin-top: 3rem; }
  .client-access-card { margin: 3rem auto; }
  .admin-workspace-nav { gap: 0; }
  .nav-workspace-menu > summary, .admin-workspace-nav > .nav-tab { padding-left: .6rem; padding-right: .6rem; }
}

@media (max-width: 760px) {
  .client-variation-head,
  .client-variation-card-head { flex-direction: column; }
  .variation-terms { grid-template-columns: 1fr; }
  .variation-structured-grid { grid-template-columns: 1fr; }
  .agreement-history-row { align-items: flex-start; flex-direction: column; }
  .client-access-shell, .client-access-intro, .client-access-card { min-width: 0; max-width: 100%; overflow-x: hidden; }
  .client-access-intro { padding: 6rem 1.35rem 2rem; }
  .client-access-brand { left: 1.35rem; }
  .client-access-intro h1 { max-width: 100%; font-size: clamp(38px,10vw,46px); overflow-wrap: anywhere; }
  .client-access-intro h1 br { display: none; }
  .client-access-intro > p, .client-access-card h2, .client-access-card > p { max-width: 100%; overflow-wrap: anywhere; }
  .client-access-proof { width: 100%; }
  .client-access-proof { grid-template-columns: 1fr; }
  .client-access-proof > div { min-height: auto; }
  .client-access-card { width: calc(100% - 2rem); padding: 1.5rem; }
  .client-portal-mode .cp-section-tabs { position: sticky; top: 0; z-index: 18; width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; box-shadow: 0 8px 22px rgba(0,0,0,.14); }
  .client-portal-mode .cp-section-tabs::-webkit-scrollbar { display: none; }
  .client-portal-mode .cp-section-tab { min-width: max-content; }
  .client-home-welcome, .client-home-priority { align-items: flex-start; grid-template-columns: 1fr; flex-direction: column; }
  .client-home-actions { justify-content: flex-start; width: 100%; }
  .client-home-actions .btn-g, .client-home-actions .btn-o { flex: 1; }
  .client-action-inbox-head { align-items: flex-start; flex-direction: column; }
  .client-action-inbox-head em { max-width: none; text-align: left; }
  .client-action-inbox-grid { grid-template-columns: 1fr; }
  .client-action-item { min-height: 0; border-right: 0; border-bottom: .5px solid var(--border); }
  .client-action-item:last-child { border-bottom: 0; }
  .client-home-metrics, .client-home-grid { grid-template-columns: 1fr; }
  .client-home-hiring { grid-row: auto; }
  .vacancy-wizard-head { grid-template-columns: 1fr; }
  .vacancy-wizard-progress { overflow-x: auto; padding-bottom: 3px; }
  .vacancy-wizard-progress button { min-width: max-content; }
  .vacancy-review-summary { grid-template-columns: 1fr; }
  .vacancy-submission-receipt { grid-template-columns: 1fr; }
  .candidate-compare-prompt,.candidate-compare-head { align-items: flex-start; flex-direction: column; }
  .vacancy-wizard-actions { flex-wrap: wrap; }
  .vacancy-wizard-actions > span { order: 3; width: 100%; }
  .admin-workspace-nav { overflow-x: auto; }
  .nav-workspace-menu { position: static; }
.nav-workspace-panel { position: fixed; top: 52px; left: .5rem; right: .5rem; width: auto; }
}

/* ══════════════════════════════════════════
   BD GROWTH WORKSPACE
══════════════════════════════════════════ */
.bd-workspace-shell { width: min(1540px, 100%); margin: 0 auto; padding: 2rem clamp(1rem, 3vw, 3rem) 4rem; }
.bd-workspace-header, .bd-section-head, .bd-report-toolbar, .bd-modal-footer, .talent-campaign-strip { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.bd-workspace-header { padding:clamp(1.5rem,3vw,2.5rem); border:.5px solid var(--border); border-radius:14px 14px 0 0; background:radial-gradient(circle at 88% 20%,rgba(26,130,139,.16),transparent 32%),linear-gradient(135deg,var(--surface2),var(--surface)); }
.bd-workspace-kicker, .bd-section-head span, .bd-report-toolbar span, .bd-queue-kind, .bd-form-section>span, .bd-prospect-card-top { color:var(--cyan,#198795); font-family:var(--fm); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.bd-workspace-header h1 { margin:.35rem 0 .3rem; font-family:var(--fs); font-size:clamp(2.4rem,5vw,4.5rem); font-weight:400; line-height:.95; }
.bd-workspace-header p, .bd-section-head p, .bd-report-toolbar p { max-width:720px; margin:.45rem 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.bd-workspace-actions, .bd-prospect-actions, .bd-modal-footer>div:last-child { display:flex; flex-wrap:wrap; gap:.55rem; }
.bd-view-tabs { display:flex; gap:.35rem; padding:.65rem; overflow-x:auto; border:.5px solid var(--border); border-top:0; background:var(--surface2); }
.bd-view-tabs button { flex:0 0 auto; padding:.7rem 1rem; border:.5px solid transparent; border-radius:7px; background:transparent; color:var(--muted); font-family:var(--fm); font-size:9px; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; }
.bd-view-tabs button:hover, .bd-view-tabs button.active { border-color:var(--border); background:var(--surface); color:var(--text); }
.bd-workspace-notice { display:none; padding:.8rem 1rem; border:.5px solid var(--border); border-top:0; color:var(--muted); font-size:11px; }
.bd-workspace-notice:not(:empty) { display:block; }
.bd-workspace-notice.attention { background:rgba(188,122,43,.09); color:var(--warn-col,#a8641b); }
.bd-view { display:none; padding-top:1.25rem; }
.bd-view.active { display:block; }
.bd-loading-state, .bd-empty-state { display:flex; min-height:170px; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; padding:2rem; border:.5px dashed var(--border); border-radius:12px; background:var(--surface2); color:var(--muted); text-align:center; }
.bd-empty-state strong { color:var(--text); font-family:var(--fs); font-size:24px; font-weight:400; }
.bd-empty-state.setup { border-style:solid; border-color:var(--gold-dim); }
.bd-today-hero { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(250px,.65fr); gap:1rem; padding:clamp(1.4rem,3vw,2.5rem); border:.5px solid var(--border); border-radius:12px; background:var(--surface); }
.bd-today-hero>div:first-child>span { color:var(--gold-dim); font-family:var(--fm); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.bd-today-hero h2 { max-width:760px; margin:.5rem 0; font-family:var(--fs); font-size:clamp(2rem,4vw,3.6rem); font-weight:400; line-height:1; }
.bd-today-hero p { max-width:650px; color:var(--muted); line-height:1.6; }
.bd-today-hero-stat { display:flex; flex-direction:column; justify-content:center; padding:1.4rem; border:.5px solid var(--border); border-radius:10px; background:var(--surface2); }
.bd-today-hero-stat span { color:var(--muted); font-family:var(--fm); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.bd-today-hero-stat strong { margin:.5rem 0; font-family:var(--fs); font-size:clamp(2rem,4vw,3.2rem); font-weight:400; }
.bd-today-hero-stat em { color:var(--muted); font-size:10px; font-style:normal; }
.bd-today-metrics, .bd-report-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:.85rem 0; }
.bd-metric-card { min-height:125px; padding:1.15rem; border:.5px solid var(--border); border-radius:10px; background:var(--surface); }
.bd-metric-card span { display:block; color:var(--muted); font-family:var(--fm); font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; }
.bd-metric-card strong { display:block; margin:.55rem 0 .25rem; font-family:var(--fs); font-size:clamp(1.8rem,3vw,2.5rem); font-weight:400; }
.bd-metric-card em { color:var(--muted); font-size:10px; font-style:normal; }
.bd-metric-card.alert { border-color:rgba(190,73,55,.55); }
.bd-metric-card.warm { border-color:rgba(188,122,43,.5); }
.bd-metric-card.success { border-color:rgba(40,133,88,.5); }
.bd-today-grid, .bd-report-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr); gap:.85rem; }
.bd-queue-panel, .bd-target-panel, .bd-funnel-panel, .bd-outcome-panel { padding:1.25rem; border:.5px solid var(--border); border-radius:12px; background:var(--surface); }
.bd-section-head { margin-bottom:1rem; }
.bd-section-head strong, .bd-report-toolbar strong { display:block; margin-top:.25rem; color:var(--text); font-family:var(--fs); font-size:24px; font-weight:400; }
.bd-section-head>em, .bd-report-toolbar>em { color:var(--muted); font-size:10px; font-style:normal; }
.bd-daily-queue { display:grid; gap:.6rem; }
.bd-queue-item { display:grid; grid-template-columns:110px minmax(0,1fr) auto; align-items:center; gap:.9rem; padding:.9rem; border:.5px solid var(--border-soft); border-left:3px solid var(--border); border-radius:8px; background:var(--surface2); }
.bd-queue-item.alert { border-left-color:var(--danger-col,#b94b3b); }
.bd-queue-item.warm { border-left-color:var(--gold-dim); }
.bd-queue-item.active { border-left-color:var(--cyan,#198795); }
.bd-queue-item strong { display:block; font-size:12px; }
.bd-queue-item p { margin:.25rem 0; color:var(--muted); font-size:11px; line-height:1.45; }
.bd-queue-item em { color:var(--muted); font-size:9px; font-style:normal; }
.bd-target-row { margin:1rem 0; }
.bd-target-row>div:first-child { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.4rem; }
.bd-target-row strong { font-size:11px; }
.bd-target-row span { color:var(--muted); font-size:9px; }
.bd-progress { height:5px; overflow:hidden; border-radius:999px; background:var(--surface3); }
.bd-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan,#198795),var(--gold-dim)); }
.bd-target-note { margin-top:1.4rem; padding-top:1rem; border-top:.5px solid var(--border-soft); color:var(--muted); font-size:9.5px; line-height:1.5; }
.bd-filter-shell { display:grid; grid-template-columns:minmax(250px,1.6fr) repeat(3,minmax(140px,.7fr)) auto; align-items:end; gap:.65rem; padding:1rem; border:.5px solid var(--border); border-radius:12px 12px 0 0; background:var(--surface); }
.bd-filter-shell label { display:block; margin-bottom:.35rem; color:var(--muted); font-family:var(--fm); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.bd-filter-shell input, .bd-filter-shell select { width:100%; min-width:0; padding:.72rem .8rem; border:.5px solid var(--border); border-radius:7px; background:var(--surface2); color:var(--text); font-size:11px; }
.bd-prospect-summary { display:flex; flex-wrap:wrap; gap:.6rem 1.1rem; padding:.75rem 1rem; border:.5px solid var(--border); border-top:0; color:var(--muted); font-size:9.5px; }
.bd-prospect-summary strong { color:var(--text); }
.bd-prospect-board { display:flex; gap:.75rem; padding:.85rem 0 1rem; overflow-x:auto; scroll-snap-type:x proximity; }
.bd-stage-column { flex:0 0 min(310px,84vw); scroll-snap-align:start; }
.bd-stage-column>header { display:flex; justify-content:space-between; align-items:center; padding:.75rem .85rem; border:.5px solid var(--border); border-radius:9px 9px 0 0; background:var(--surface2); }
.bd-stage-column>header span { font-family:var(--fm); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.bd-stage-column>header strong { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:var(--surface3); font-size:9px; }
.bd-stage-column>div { display:grid; gap:.6rem; padding-top:.6rem; }
.bd-stage-empty { padding:1.2rem; border:.5px dashed var(--border); border-radius:8px; color:var(--muted); font-size:10px; text-align:center; }
.bd-prospect-card { padding:1rem; border:.5px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:0 8px 24px rgba(0,0,0,.035); }
.bd-prospect-card.overdue { border-color:rgba(190,73,55,.55); }
.bd-prospect-card.readonly { opacity:.83; }
.bd-prospect-card-top { display:flex; justify-content:space-between; gap:.5rem; }
.bd-prospect-card-top em { color:var(--muted); font-style:normal; letter-spacing:0; text-transform:none; }
.bd-prospect-card h3 { margin:.55rem 0 .2rem; font-family:var(--fs); font-size:22px; font-weight:400; }
.bd-prospect-card>p { min-height:28px; margin:0; color:var(--muted); font-size:10px; }
.bd-prospect-value { display:flex; justify-content:space-between; align-items:baseline; gap:.5rem; margin:.85rem 0; padding:.65rem 0; border-block:.5px solid var(--border-soft); }
.bd-prospect-value strong { font-size:12px; }
.bd-prospect-value span { color:var(--muted); font-size:9px; }
.bd-prospect-next { padding:.65rem; border-radius:6px; background:var(--surface2); }
.bd-prospect-next.alert { background:rgba(190,73,55,.08); }
.bd-prospect-next span { display:block; margin-bottom:.25rem; color:var(--muted); font-family:var(--fm); font-size:8px; text-transform:uppercase; }
.bd-prospect-next strong { display:block; font-size:10.5px; line-height:1.4; }
.bd-prospect-owner { margin:.65rem 0; color:var(--muted); font-size:9px; }
.bd-prospect-actions { align-items:center; }
.bd-prospect-actions>span { color:var(--muted); font-family:var(--fm); font-size:8px; text-transform:uppercase; }
.bd-modal-wide { width:min(1080px,94vw); max-width:1080px; max-height:92vh; overflow-y:auto; }
.bd-modal-medium { width:min(760px,94vw); max-width:760px; max-height:92vh; overflow-y:auto; }
.bd-form-section { margin-bottom:1rem; padding:1rem; border:.5px solid var(--border); border-radius:9px; background:var(--surface2); }
.bd-form-section>span { display:block; margin-bottom:.8rem; }
.bd-form-section.required-action { border-color:var(--gold-dim); }
.bd-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.bd-form-grid .wide { grid-column:1/-1; }
.bd-form-grid .fg input, .bd-form-grid .fg select, .bd-form-grid .fg textarea { width:100%; min-width:0; }
.bd-modal-footer { margin-top:1rem; padding-top:1rem; border-top:.5px solid var(--border-soft); }
.bd-template-token-help { padding:.75rem; border-radius:7px; background:var(--surface2); color:var(--muted); font-family:var(--fm); font-size:8.5px; line-height:1.6; }
.bd-template-head, .bd-report-toolbar { margin-bottom:.85rem; padding:1.2rem; border:.5px solid var(--border); border-radius:12px; background:var(--surface); }
.bd-template-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:.75rem; }
.bd-template-card { display:flex; min-height:250px; flex-direction:column; justify-content:space-between; gap:1rem; padding:1.15rem; border:.5px solid var(--border); border-radius:10px; background:var(--surface); }
.bd-template-card>div:first-child>span { color:var(--cyan,#198795); font-family:var(--fm); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.bd-template-card h3 { margin:.55rem 0; font-family:var(--fs); font-size:24px; font-weight:400; }
.bd-template-card strong { display:block; font-size:10px; }
.bd-template-card p { max-height:110px; overflow:hidden; color:var(--muted); font-size:10px; line-height:1.55; white-space:pre-line; }
.bd-template-card>div:last-child { display:flex; gap:.5rem; }
.bd-funnel-row { display:grid; grid-template-columns:130px minmax(0,1fr) 28px; align-items:center; gap:.65rem; margin:.7rem 0; }
.bd-funnel-row>span { color:var(--muted); font-size:9.5px; }
.bd-funnel-row>div { height:7px; overflow:hidden; border-radius:99px; background:var(--surface3); }
.bd-funnel-row i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan,#198795),var(--gold-dim)); }
.bd-funnel-row strong { font-size:10px; text-align:right; }
.bd-outcome-row { display:flex; justify-content:space-between; padding:.55rem 0; border-bottom:.5px solid var(--border-soft); }
.bd-outcome-row span { color:var(--muted); font-size:10px; text-transform:capitalize; }
.bd-outcome-row strong { font-size:11px; }
.bd-lost-reasons { margin-top:1.25rem; padding-top:1rem; border-top:.5px solid var(--border); }
.bd-lost-reasons>span { color:var(--muted); font-family:var(--fm); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.bd-lost-reasons p { display:flex; gap:.6rem; margin:.55rem 0; color:var(--muted); font-size:9.5px; }
.bd-lost-reasons p strong { color:var(--text); }
.talent-campaign-strip { margin-top:1rem; padding:.8rem; border:.5px solid var(--border); border-radius:8px; background:var(--surface2); }
.talent-campaign-strip span { display:block; color:var(--cyan,#198795); font-family:var(--fm); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.talent-campaign-strip strong { display:block; margin-top:.25rem; font-size:10px; }
.talent-campaign-actions { display:flex; flex-wrap:wrap; gap:.45rem; }
.client-intelligence-panel { margin:0 0 1rem; padding:1rem; border:.5px solid var(--border); border-radius:9px; background:var(--surface2); }
.client-intelligence-panel>p { margin:.35rem 0 .85rem; color:var(--muted); font-size:9.5px; }
html[data-theme="light"] .bd-workspace-header, html[data-theme="light"] .bd-today-hero, html[data-theme="light"] .bd-metric-card, html[data-theme="light"] .bd-queue-panel, html[data-theme="light"] .bd-target-panel, html[data-theme="light"] .bd-prospect-card, html[data-theme="light"] .bd-template-card, html[data-theme="light"] .bd-funnel-panel, html[data-theme="light"] .bd-outcome-panel { box-shadow:0 10px 32px rgba(42,35,26,.045); }
@media (max-width:1100px) { .bd-filter-shell { grid-template-columns:repeat(2,minmax(0,1fr)); } .bd-filter-main { grid-column:1/-1; } .bd-today-metrics,.bd-report-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { .bd-workspace-shell { padding:1rem .75rem 3rem; } .bd-workspace-header,.bd-section-head,.bd-report-toolbar,.bd-modal-footer,.talent-campaign-strip { align-items:flex-start; flex-direction:column; } .bd-today-hero,.bd-today-grid,.bd-report-grid { grid-template-columns:1fr; } .bd-queue-item { grid-template-columns:1fr; } .bd-queue-item .bt { justify-self:start; } .bd-form-grid { grid-template-columns:1fr; } .bd-form-grid .wide { grid-column:auto; } }
@media (max-width:560px) { .bd-filter-shell,.bd-today-metrics,.bd-report-kpis { grid-template-columns:1fr; } .bd-filter-main { grid-column:auto; } .bd-view-tabs { position:sticky; top:52px; z-index:5; } .bd-workspace-actions { width:100%; } .bd-workspace-actions .btn-g,.bd-workspace-actions .btn-o { flex:1; } }

.ops-contact-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin:.75rem 0 1rem; padding:.8rem 1rem; border:1px solid var(--border); border-radius:14px; background:var(--surface2); }
.ops-contact-bar strong { display:block; color:var(--text); }
.ops-contact-bar span { color:var(--muted); font-size:.82rem; }
.ops-contact-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.google-inbox-state { margin-bottom:1rem; padding:.85rem 1rem; border:1px solid var(--border); border-radius:12px; background:var(--surface2); color:var(--muted); }
.google-inbox-state.connected { border-color:var(--success-bdr); background:var(--success-bg); color:var(--success-col); }
.google-inbox-state.attention { border-color:rgba(192,57,43,.25); background:rgba(192,57,43,.06); color:#9a3f33; }

.delegation-calendar-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1rem 0 1.25rem; }
.workflow-ledger-card { min-width:0; border:1px solid var(--border); border-radius:16px; background:var(--surface); padding:1rem; }
.workflow-ledger-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.85rem; }
.workflow-ledger-head span { display:block; color:var(--muted); font-family:var(--mono); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.workflow-ledger-head strong { display:block; margin-top:.18rem; color:var(--text); font-size:.95rem; }
.workflow-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.8rem; padding:.8rem 0; border-top:1px solid var(--border); }
.workflow-row:first-child { border-top:0; }
.workflow-row-title { font-weight:600; color:var(--text); overflow-wrap:anywhere; }
.workflow-row-meta { margin-top:.22rem; color:var(--muted); font-size:.76rem; }
.workflow-row-detail { margin-top:.35rem; color:var(--muted); font-size:.82rem; line-height:1.45; }
.workflow-row-actions { display:flex; align-items:flex-start; justify-content:flex-end; gap:.35rem; flex-wrap:wrap; max-width:190px; }
.workflow-status { display:inline-flex; margin-right:.35rem; padding:.16rem .42rem; border-radius:999px; background:var(--surface2); color:var(--muted); font-family:var(--mono); font-size:.62rem; text-transform:uppercase; }
.workflow-status.urgent,.workflow-status.failed,.workflow-status.overdue { background:rgba(192,57,43,.09); color:#a13e31; }
.workflow-status.scheduled,.workflow-status.completed,.workflow-status.acknowledged { background:var(--success-bg); color:var(--success-col); }
.workflow-status.pending_approval,.workflow-status.high { background:rgba(194,140,20,.1); color:#946b13; }
.meeting-availability-state { margin-top:1rem; padding:.75rem .9rem; border:1px solid var(--border); border-radius:12px; background:var(--surface2); color:var(--muted); }
.meeting-availability-state.available { border-color:var(--success-bdr); background:var(--success-bg); color:var(--success-col); }
.meeting-availability-state.unavailable { border-color:rgba(192,57,43,.25); background:rgba(192,57,43,.06); color:#9a3f33; }

@media (max-width: 980px) {
  .delegation-calendar-grid { grid-template-columns:1fr; }
}
.signature-preview { min-height:180px; overflow:auto; padding:18px; border:1px solid var(--border); border-radius:12px; background:#fff; color:#180823; }
.signature-preview-card { max-width:620px; font-family:Arial,sans-serif; }
.signature-preview-name { font:700 1.35rem Georgia,serif; }
.signature-preview-company { margin:.35rem 0 .7rem; font:600 .95rem Georgia,serif; }
.signature-preview-detail { padding-top:.65rem; border-top:1px solid #302638; font-size:.8rem; line-height:1.55; }
.signature-preview-disclaimer { margin-top:.8rem; padding-top:.6rem; border-top:3px solid; color:#aebbd2; font:600 .68rem Georgia,serif; }
.global-search-results { display:grid; gap:.5rem; margin-top:1rem; max-height:58vh; overflow:auto; }
.global-search-result { display:grid; grid-template-columns:72px minmax(0,1fr); gap:.2rem .75rem; padding:.8rem 1rem; border:1px solid var(--border); border-radius:10px; background:var(--surface2); color:var(--text); text-align:left; cursor:pointer; }
.global-search-result:hover { border-color:var(--gold-dim); transform:translateY(-1px); }
.global-search-result span { grid-row:1/3; align-self:center; color:var(--cyan,#198795); font-family:var(--fm); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.global-search-result strong { font-size:11px; }
.global-search-result em { color:var(--muted); font-size:9px; font-style:normal; }

/* Operational command centre */
.notification-trigger { display:inline-flex; align-items:center; gap:.4rem; }
.notification-trigger span { display:grid; min-width:19px; height:19px; place-items:center; padding:0 5px; border-radius:999px; background:var(--surface3); color:var(--muted); font:600 9px/1 var(--fm); }
.notification-trigger.has-alerts { border-color:rgba(194,140,20,.42); color:var(--gold); }
.notification-trigger.has-alerts span { background:var(--gold); color:var(--ink); }
.notification-toolbar,.operations-health-actions { display:flex; justify-content:flex-end; gap:.55rem; margin-bottom:1rem; }
.notification-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:start; padding:1rem 0; border-top:1px solid var(--border); }
.notification-row:first-child { border-top:0; }
.notification-row.unread { margin:0 -.75rem; padding:1rem .75rem; border-left:3px solid var(--gold); background:linear-gradient(90deg,rgba(194,140,20,.08),transparent 65%); }
.notification-row.priority-urgent,.notification-row.priority-high { border-left-color:#bd5946; }
.notification-row > div:first-child { min-width:0; }
.notification-row > div:last-child { display:flex; gap:.4rem; }
.notification-row span,.operations-incident span { display:block; color:var(--gold-dim); font:500 8.5px/1.3 var(--fm); letter-spacing:.1em; text-transform:uppercase; }
.notification-row strong,.operations-incident strong,.operations-delegation strong { display:block; margin:.3rem 0; color:var(--text); font-size:11.5px; }
.notification-row p,.operations-incident p,.operations-delegation p { color:var(--muted); font-size:10px; line-height:1.55; }
.notification-row em { display:block; margin-top:.4rem; color:var(--muted); font-size:9px; font-style:normal; }

.unified-my-day { margin:1rem 0; padding:1rem; border:1px solid var(--border); border-radius:16px; background:linear-gradient(135deg,rgba(25,135,149,.08),transparent 45%),var(--surface); }
.unified-my-day-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.my-day-priority { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.35rem .75rem; min-width:0; padding:.85rem; border:1px solid var(--border); border-left:3px solid var(--cyan,#198795); border-radius:10px; background:var(--surface2); }
.my-day-priority.priority-high { border-left-color:var(--gold-dim); }
.my-day-priority.priority-urgent { border-left-color:#bd5946; background:linear-gradient(90deg,rgba(189,89,70,.08),transparent 70%),var(--surface2); }
.my-day-priority > span { grid-column:1/-1; color:var(--cyan,#198795); font:500 8px/1.2 var(--fm); letter-spacing:.1em; text-transform:uppercase; }
.my-day-priority strong { min-width:0; overflow:hidden; color:var(--text); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.my-day-priority p { min-width:0; color:var(--muted); font-size:9.5px; line-height:1.4; }
.my-day-priority .bt { grid-column:2; grid-row:2/4; align-self:center; }

.operations-health-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.6rem; margin-bottom:1rem; }
.operations-health-metrics .command-metric { min-width:0; padding:1rem; border:1px solid var(--border); border-radius:10px; background:var(--surface2); }
.operations-health-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:1rem; }
.operations-health-grid > section,.operations-sync-history { padding:1rem; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
.operations-sync-history { margin-top:1rem; }
.command-subtitle { margin-bottom:.75rem; color:var(--gold-dim); font:500 9px/1.3 var(--fm); letter-spacing:.1em; text-transform:uppercase; }
.operations-incident,.operations-delegation { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; align-items:start; padding:.75rem 0; border-top:1px solid var(--border-soft); }
.operations-incident:first-child,.operations-delegation:first-child { border-top:0; }
.operations-incident.critical { padding-left:.7rem; border-left:3px solid #bd5946; }
.operations-incident.warning { padding-left:.7rem; border-left:3px solid var(--gold-dim); }
.operations-incident > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; }
.operations-delegation span { color:var(--muted); font-size:9px; }
.operations-delegation-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); }
.operations-delegation-form .wide,.operations-delegation-form > button { grid-column:1/-1; }
.operations-sync-row { display:grid; grid-template-columns:minmax(170px,1fr) auto minmax(260px,2fr); gap:.75rem; align-items:center; padding:.65rem 0; border-top:1px solid var(--border-soft); }
.operations-sync-row:first-child { border-top:0; }
.operations-sync-row span { overflow:hidden; color:var(--text); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.operations-sync-row strong { color:var(--gold-dim); font:500 8.5px/1 var(--fm); text-transform:uppercase; }
.operations-sync-row em { color:var(--muted); font-size:9px; font-style:normal; text-align:right; }

.meeting-prep-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--border); border-radius:10px; background:var(--border); }
.meeting-prep-summary > div { padding:.9rem 1rem; background:var(--surface2); }
.meeting-prep-section { margin-top:1rem; padding:1rem; border:1px solid var(--border); border-radius:10px; background:var(--surface2); }
.meeting-prep-section > span,.client-booking-hosts > span { display:block; margin-bottom:.6rem; color:var(--gold-dim); font:500 8.5px/1.3 var(--fm); letter-spacing:.1em; text-transform:uppercase; }
.meeting-prep-section ol { padding-left:1.2rem; color:var(--text); font-size:10.5px; line-height:1.65; }
.meeting-prep-section p { padding:.45rem 0; border-top:1px solid var(--border-soft); color:var(--muted); font-size:10px; }
.meeting-prep-section p:first-of-type { border-top:0; }

.client-home-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.client-home-panel-head a { color:var(--gold-dim); font-size:11px; text-decoration:none; }
.client-home-panel-head a:hover { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.client-appointment-summary { cursor:default; }
.client-appointment-summary .client-home-status { text-decoration:none; }
.client-booking-hosts { display:flex; flex-wrap:wrap; gap:.45rem; padding:1rem 1.25rem; border-top:1px solid var(--border-soft); }
.client-booking-hosts > span { width:100%; }
.client-booking-hosts a { padding:.35rem .55rem; border:1px solid var(--border); border-radius:999px; color:var(--gold-dim); font-size:9px; text-decoration:none; }
.client-booking-hosts a:hover { border-color:var(--gold-dim); color:var(--gold); }

@media (max-width:1100px) {
  .unified-my-day-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .operations-health-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .operations-health-grid { grid-template-columns:1fr; }
  .client-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .unified-my-day-grid,.operations-health-metrics,.meeting-prep-summary,.client-home-metrics { grid-template-columns:1fr; }
  .notification-row,.operations-incident,.operations-delegation,.operations-sync-row { grid-template-columns:1fr; }
  .notification-row > div:last-child,.operations-incident > div:last-child { justify-content:flex-start; }
  .operations-sync-row em { text-align:left; }
  .operations-delegation-form { grid-template-columns:1fr; }
  .operations-delegation-form .wide,.operations-delegation-form > button { grid-column:auto; }
}

/* Phase 7 · aggregate search and inbound intelligence */
.media-search-panel{border-color:rgba(74,144,226,.42);background:linear-gradient(180deg,rgba(74,144,226,.05),var(--surface2) 260px)}
.media-search-panel .media-calendar-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.media-search-layout{grid-template-columns:1.2fr .8fr;margin:18px 0}
.media-search-panel .media-compact-list{max-height:520px;overflow:auto}
.media-compact-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid var(--border);background:var(--surface);padding:13px}
.media-compact-item strong,.media-compact-item span,.media-compact-item small{display:block}
.media-compact-item strong{color:var(--ivory);font-size:12px}
.media-compact-item span,.media-compact-item small{color:var(--muted);font-size:9px;line-height:1.55;margin-top:4px}
.media-compact-item>div:last-child{text-align:right}
.media-inline-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:7px}
.media-inline-actions .btn-o{padding:6px 8px;font-size:8px}
.media-privacy-note{border-left:3px solid #078b91;padding:10px 13px;background:rgba(7,139,145,.07);color:var(--muted);font-size:11px;line-height:1.55}
.media-search-panel details{border-top:1px solid var(--border);padding-top:15px;margin-top:17px}
.media-search-panel details summary{cursor:pointer;color:var(--ivory);font-weight:700;margin-bottom:15px}
.media-empty{border:1px dashed var(--border);padding:16px;color:var(--muted);font-size:11px}
@media (max-width:900px){.media-search-panel .media-calendar-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.media-search-layout{grid-template-columns:1fr}}
@media (max-width:700px){.media-search-panel .media-calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.media-compact-item{grid-template-columns:1fr}.media-compact-item>div:last-child{text-align:left}.media-inline-actions{justify-content:flex-start}}

/* Phase 10 · governed recruiter-to-media request desk */
.media-request-shell{max-width:1540px;margin:0 auto;padding:34px 42px 80px}
.media-request-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:38px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#26003f,#553168 55%,#057c82);color:#fff;box-shadow:0 22px 60px rgba(36,20,44,.16)}
.media-request-hero>div>span{font:600 10px/1.3 var(--fm);letter-spacing:.18em;text-transform:uppercase;color:#8ce1e4}.media-request-hero h1{max-width:920px;margin:9px 0;font:500 clamp(34px,4vw,59px)/.98 var(--fd)}.media-request-hero p{max-width:820px;color:rgba(255,255,255,.76);line-height:1.6}.media-request-hero .btn-o{color:#fff;border-color:rgba(255,255,255,.45)}
.media-request-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.media-request-kpis>div{min-height:118px;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}.media-request-kpis span,.media-request-kpis em{display:block;color:var(--muted);font:500 9px/1.4 var(--fm)}.media-request-kpis span{text-transform:uppercase;letter-spacing:.09em}.media-request-kpis strong{display:block;margin:10px 0 5px;color:var(--ivory);font:500 31px/1 var(--fd)}.media-request-kpis em{font-style:normal}
.media-request-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;margin-bottom:18px}.media-request-form-card,.media-request-manager,.media-request-board{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface2)}.media-request-form-card summary{cursor:pointer;margin-bottom:12px;color:var(--ivory);font:600 21px/1.2 var(--fd)}.media-request-board{margin:18px 0}
.media-request-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-request-manager-grid>div{padding:13px;border:1px solid var(--border);background:var(--surface)}.media-request-manager-grid>div>strong{display:block;margin-bottom:9px;color:var(--ivory);font-size:11px}.media-request-manager-grid span{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--border-soft);color:var(--muted);font-size:9px}.media-request-manager-grid span b{color:var(--ivory)}
.media-request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.media-request-card{position:relative;overflow:hidden;padding:18px;border:1px solid var(--border);border-left:4px solid #178a90;border-radius:15px;background:var(--surface)}.media-request-card.urgency-high{border-left-color:#bd8a35}.media-request-card.urgency-urgent{border-left-color:#bd5946}.media-request-card>header{display:flex;justify-content:space-between;gap:16px}.media-request-card header span{display:block;color:var(--muted);font:500 8.5px/1.4 var(--fm);letter-spacing:.07em;text-transform:uppercase}.media-request-card h3{margin:5px 0 0;color:var(--ivory);font:600 22px/1.1 var(--fd)}.media-request-status{align-self:start;padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:var(--gold);font:600 8px/1.2 var(--fm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.media-request-status.status-published,.media-request-status.status-results,.media-request-status.status-approved{border-color:var(--success-bdr);background:var(--success-bg);color:var(--success-col)}.media-request-status.status-awaiting_info,.media-request-status.status-recruiter_review,.media-request-status.status-changes_requested{border-color:rgba(189,89,70,.35);color:#cf7866}
.media-request-meta{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.media-request-meta span{padding:4px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:8.5px}.media-request-card>p{margin:12px 0;color:var(--muted);font-size:11px;line-height:1.55}.media-request-safe{display:grid;gap:3px;padding:11px;border:1px solid rgba(23,138,144,.3);background:rgba(23,138,144,.06)}.media-request-safe strong{color:var(--ivory);font-size:12px}.media-request-safe span{color:var(--muted);font-size:10px}.media-request-safe em{color:#198795;font:500 8px/1.3 var(--fm);font-style:normal;text-transform:uppercase}.media-request-audience{padding:9px 0;border-top:1px solid var(--border-soft);color:var(--muted);font-size:10px}.media-request-audience strong{color:var(--ivory)}
.media-request-owners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.media-request-owners span{overflow:hidden;color:var(--muted);font-size:8.5px}.media-request-owners b{display:block;overflow:hidden;margin-top:2px;color:var(--ivory);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.media-request-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.media-request-actions .btn-o,.media-request-actions .btn-g{padding:7px 9px;font-size:8.5px}.media-request-next{color:var(--muted);font-size:9px}.media-request-timeline{margin-top:13px;padding-top:11px;border-top:1px solid var(--border)}.media-request-timeline summary{cursor:pointer;color:var(--gold-dim);font-size:9px}.media-request-timeline>div{display:grid;grid-template-columns:115px 120px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid var(--border-soft);font-size:8.5px}.media-request-timeline time,.media-request-timeline span{color:var(--muted)}.media-request-timeline strong{text-transform:capitalize}.media-calendar-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;border:1px solid var(--border);background:var(--surface)}.media-calendar-checklist label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.media-calendar-checklist input{width:auto}
.media-production-request-panel{margin:18px 0}.media-creative-runway{display:grid;gap:10px}.media-creative-runway article{padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.media-creative-runway article>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.media-creative-runway article header strong,.media-creative-runway article header span{display:block}.media-creative-runway article header strong{color:var(--ivory);font-size:12px}.media-creative-runway article header span{margin-top:3px;color:var(--muted);font-size:9px}.creative-year-strip{display:grid;grid-template-columns:repeat(6,minmax(75px,1fr));gap:6px;margin-top:12px}.creative-year{padding:8px;border:1px solid var(--border);border-top:3px solid #8d8274;background:var(--surface2)}.creative-year.status-published{border-top-color:var(--success-col)}.creative-year.status-scheduled,.creative-year.status-approved{border-top-color:#168b91}.creative-year.status-in_production,.creative-year.status-review,.creative-year.status-brief_ready{border-top-color:#bd8a35}.creative-year b,.creative-year em,.creative-year small{display:block}.creative-year b{color:var(--ivory);font-size:11px}.creative-year em,.creative-year small{overflow:hidden;color:var(--muted);font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.creative-year em{margin:3px 0;text-transform:capitalize}
@media (max-width:1100px){.media-request-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.media-request-layout,.media-request-list{grid-template-columns:1fr}}
@media (max-width:700px){.media-request-shell{padding:18px 14px 60px}.media-request-hero{display:block;padding:25px}.media-request-hero .btn-o{margin-top:18px}.media-request-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.media-request-manager-grid,.media-form-grid,.media-request-owners{grid-template-columns:1fr}.media-span-2{grid-column:auto}.creative-year-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.media-request-timeline>div{grid-template-columns:1fr}}

/* Platform dashboard foundation · role clarity, calm hierarchy and accessibility */
.skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:.65rem .9rem;border-radius:8px;background:var(--gold);color:#111;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .16s ease}
.skip-link:focus{transform:translateY(0);outline:3px solid rgba(255,255,255,.92);outline-offset:2px}
.nav-shortcut{display:inline-flex;align-items:center;justify-content:center;margin-left:.3rem;padding:.12rem .32rem;border:1px solid var(--border);border-radius:5px;color:var(--muted);font:600 8px/1.2 var(--fm)}
.global-activity-status{display:inline-flex;align-items:center;gap:.42rem;min-width:92px;color:var(--muted);font:500 8.5px/1 var(--fm);white-space:nowrap}
.global-activity-status span{width:7px;height:7px;border-radius:50%;background:var(--success-col);box-shadow:0 0 0 3px var(--success-bg)}
.global-activity-status[data-state="working"] span{background:var(--gold);box-shadow:0 0 0 3px rgba(184,160,106,.15);animation:dashboard-pulse 1.1s ease-in-out infinite}
.global-activity-status[data-state="error"] span,.global-activity-status[data-state="offline"] span{background:#bd5946;box-shadow:0 0 0 3px rgba(189,89,70,.13)}
.global-activity-status[data-state="success"] strong{color:var(--success-col)}
@keyframes dashboard-pulse{50%{opacity:.35;transform:scale(.78)}}

.role-command-home{margin:0 0 1rem;padding:clamp(1rem,2.2vw,1.6rem);border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(26,135,149,.11),transparent 43%),linear-gradient(315deg,rgba(184,160,106,.09),transparent 40%),var(--surface2);box-shadow:0 16px 44px rgba(0,0,0,.06)}
.role-command-head{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.4fr);gap:1.25rem;align-items:start}
.role-command-head>div:first-child>span{display:block;color:var(--cyan,#198795);font:600 8.5px/1.3 var(--fm);letter-spacing:.13em;text-transform:uppercase}
.role-command-head h1{max-width:820px;margin:.48rem 0 .55rem;color:var(--ivory);font:500 clamp(29px,3.1vw,46px)/1.02 var(--fd)}
.role-command-head p{max-width:770px;color:var(--muted);font-size:11px;line-height:1.6}
.role-command-identity{padding:.9rem 1rem;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.04)}
.role-command-identity strong,.role-command-identity span,.role-command-identity em{display:block;overflow:hidden;text-overflow:ellipsis}
.role-command-identity strong{color:var(--ivory);font-size:11px}.role-command-identity span{margin:.25rem 0;color:var(--muted);font-size:9px;white-space:nowrap}.role-command-identity em{color:var(--gold-dim);font:500 8px/1.3 var(--fm);font-style:normal;text-transform:uppercase}
.role-command-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1.2rem}
.role-command-lane{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .7rem;min-height:112px;padding:1rem;border:1px solid var(--border);border-top:3px solid var(--muted);border-radius:12px;background:var(--surface);color:var(--ivory);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.role-command-lane:hover,.role-command-lane:focus-visible{border-color:var(--gold-dim);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.08)}
.role-command-lane>span{color:var(--muted);font:600 8px/1.3 var(--fm);letter-spacing:.09em;text-transform:uppercase}.role-command-lane>strong{grid-row:1/3;grid-column:2;color:var(--ivory);font:500 34px/1 var(--fd)}.role-command-lane>em{align-self:end;color:var(--muted);font-size:9px;font-style:normal;line-height:1.4}
.role-command-lane.attention{border-top-color:#bd5946}.role-command-lane.due{border-top-color:var(--gold)}.role-command-lane.waiting{border-top-color:var(--info-col)}.role-command-lane.complete{border-top-color:var(--success-col)}
.role-command-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.75fr);gap:1rem;align-items:end;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}
.role-command-shortcuts{display:flex;flex-wrap:wrap;gap:.42rem;align-items:center}.role-command-shortcuts>span{margin-right:.25rem;color:var(--muted);font:600 8px/1 var(--fm);letter-spacing:.1em;text-transform:uppercase}.role-command-shortcuts button{min-height:34px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--ivory);font:500 9px/1 var(--fb);cursor:pointer}.role-command-shortcuts button:hover{border-color:var(--gold-dim);color:var(--gold)}
.dashboard-saved-views{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(200px,1.2fr);gap:.5rem;align-items:end}.dashboard-saved-views label{display:block;margin-bottom:.3rem;color:var(--muted);font:600 7.5px/1.2 var(--fm);letter-spacing:.08em;text-transform:uppercase}.dashboard-saved-views select,.dashboard-saved-views input{width:100%;min-height:38px}.dashboard-view-save{display:grid;grid-template-columns:minmax(0,1fr) auto}.dashboard-view-save label{grid-column:1/-1}.dashboard-view-save .btn-o{min-height:38px}.dashboard-view-manage{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.35rem}
.command-secondary-workspace{margin:1rem 0;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}
.command-secondary-workspace>summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:.8rem 1rem;color:var(--ivory);font:600 10px/1.3 var(--fb);cursor:pointer;list-style:none}.command-secondary-workspace>summary::-webkit-details-marker{display:none}.command-secondary-workspace>summary::after{content:'Show';color:var(--gold-dim);font:600 8px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase}.command-secondary-workspace[open]>summary::after{content:'Hide'}.command-secondary-workspace[open]>summary{border-bottom:1px solid var(--border)}.command-secondary-workspace>*:not(summary){margin-left:1rem;margin-right:1rem}.command-secondary-workspace>*:last-child{margin-bottom:1rem}
.command-palette-section{display:grid;gap:.5rem}.command-palette-section>span{color:var(--muted);font:600 8px/1.2 var(--fm);letter-spacing:.1em;text-transform:uppercase}.command-palette-hint{margin-top:.8rem;color:var(--muted);font-size:9px;text-align:center}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 72%,white);outline-offset:2px}
@media (max-width:1120px){.role-command-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.role-command-footer{grid-template-columns:1fr}.dashboard-saved-views{max-width:720px}}
@media (max-width:760px){.nav-shortcut,.global-activity-status{display:none}.role-command-head{grid-template-columns:1fr}.role-command-lanes{grid-template-columns:1fr 1fr}.dashboard-saved-views{grid-template-columns:1fr}.dashboard-view-manage{grid-column:auto;justify-content:flex-start}.role-command-shortcuts button,.role-command-lane{min-height:44px}}
@media (max-width:480px){.role-command-lanes{grid-template-columns:1fr}.role-command-head h1{font-size:30px}.role-command-footer{display:block}.dashboard-saved-views{margin-top:1rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Client workspace · premium decision-led overview */
.client-portal-mode #screen-client{background:var(--bg)}
.client-portal-mode #screen-client .cp-hero{position:relative;overflow:hidden;padding:clamp(1.45rem,3vw,2.4rem) clamp(1.25rem,4vw,3.4rem);border-bottom:1px solid var(--border);background:linear-gradient(120deg,rgba(184,160,106,.12),transparent 48%),var(--surface2)}
.client-portal-mode #screen-client .cp-hero::after{content:"";position:absolute;inset:auto -80px -120px auto;width:330px;height:330px;border:1px solid rgba(184,160,106,.18);border-radius:50%;pointer-events:none}
.client-portal-mode #screen-client .cp-greet{font-size:clamp(31px,4vw,51px);line-height:1.02}
.client-portal-mode #screen-client .cp-section-tabs{position:sticky;top:0;z-index:18;flex-wrap:nowrap;overflow-x:auto;padding:0 clamp(.7rem,3vw,2rem);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 96%,transparent);backdrop-filter:blur(16px);scrollbar-width:none}
.client-portal-mode #screen-client .cp-section-tabs::-webkit-scrollbar{display:none}
.client-portal-mode #screen-client .cp-section-tab{position:relative;flex:0 0 auto;padding:1rem .9rem .85rem;border:0;border-bottom:2px solid transparent;background:transparent}
.client-portal-mode #screen-client .cp-section-tab.active{border-bottom-color:var(--gold);color:var(--ivory)}
.client-portal-mode #screen-client.client-home-active .cp-next-steps-card,.client-portal-mode #screen-client.client-home-active .cp-sidebar-secondary{display:none}

.client-premium-masthead{border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.05)}
.client-premium-masthead h1{letter-spacing:-.015em}
.client-premium-masthead p{text-transform:none}
.client-agreement-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem 1.25rem;align-items:center;margin-top:1rem;padding:1.25rem 1.35rem;border:1px solid rgba(181,91,63,.42);border-left:5px solid #b55b3f;border-radius:3px;background:linear-gradient(90deg,rgba(181,91,63,.11),transparent 58%),var(--surface2);box-shadow:0 12px 34px rgba(0,0,0,.07)}
.client-agreement-alert.preparing{border-color:var(--border);border-left-color:var(--gold);background:linear-gradient(90deg,rgba(184,160,106,.11),transparent 58%),var(--surface2)}
.client-agreement-alert-marker{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;color:#b55b3f;font:500 20px/1 var(--fd)}
.client-agreement-alert.preparing .client-agreement-alert-marker{color:var(--gold)}
.client-agreement-alert span,.client-agreement-alert-meta em{color:#b55b3f;font:600 8.5px/1.3 var(--fm);letter-spacing:.13em;text-transform:uppercase}
.client-agreement-alert h2{margin:.25rem 0 .35rem;color:var(--ivory);font:500 clamp(23px,2.6vw,34px)/1.05 var(--fd)}
.client-agreement-alert p{max-width:820px;color:var(--muted);font-size:11px;line-height:1.6}
.client-agreement-alert-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}
.client-agreement-alert-meta em{padding:.3rem .48rem;border:1px solid color-mix(in srgb,#b55b3f 32%,var(--border));border-radius:999px;font-style:normal;letter-spacing:.05em;text-transform:none}

.client-action-inbox{border-radius:3px;box-shadow:none}
.client-action-inbox-head{background:var(--gold-wash,rgba(184,160,106,.08))}
.client-action-item{min-height:124px}
.client-premium-metrics{border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.client-premium-stack{display:grid;gap:1.25rem;margin-top:1.25rem}
.client-premium-panel{overflow:hidden;border:1px solid var(--border);border-radius:3px;background:var(--surface2);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.045)}
.client-premium-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem 1rem;border-bottom:1px solid var(--border)}
.client-premium-panel-head span{display:block;color:var(--gold-dim);font:600 8.5px/1.3 var(--fm);letter-spacing:.16em;text-transform:uppercase}
.client-premium-panel-head h2{margin:.3rem 0 0;color:var(--ivory);font:500 clamp(22px,2.4vw,30px)/1.05 var(--fd)}
.client-premium-panel-head button{padding:0 0 .2rem;border:0;border-bottom:1px solid transparent;background:none;color:var(--gold-dim);font:500 9px/1.3 var(--fm);letter-spacing:.06em;cursor:pointer}
.client-premium-panel-head button:hover{border-bottom-color:var(--gold-dim)}
.client-vacancy-ledger{padding:1.25rem 1.4rem;border-bottom:1px solid var(--border)}
.client-vacancy-ledger:last-child{border-bottom:0}
.client-vacancy-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}
.client-vacancy-ledger-head h3{margin:0;color:var(--ivory);font:500 clamp(20px,2vw,27px)/1.1 var(--fd)}
.client-vacancy-ledger-head p{margin:.35rem 0 0;color:var(--muted);font:500 9.5px/1.5 var(--fm);letter-spacing:.04em}
.client-vacancy-age{display:grid;justify-items:end;min-width:115px;color:var(--muted);font:500 8.5px/1.3 var(--fm)}
.client-vacancy-age strong{color:var(--ivory);font:400 27px/1 var(--fd)}
.client-vacancy-age em{margin-top:.35rem;color:var(--gold-dim);font-style:normal}
.client-vacancy-ledger-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:1.15rem;border-top:1px solid var(--border)}
.client-vacancy-stage{min-width:0;padding:.7rem .35rem 0;border-top:2px solid transparent;margin-top:-1px}
.client-vacancy-stage.done{border-top-color:var(--border-strong,var(--muted))}.client-vacancy-stage.live{border-top-color:var(--gold)}
.client-vacancy-stage strong,.client-vacancy-stage span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-vacancy-stage strong{color:var(--muted);font:400 18px/1 var(--fd)}
.client-vacancy-stage.done strong{color:var(--ivory)}.client-vacancy-stage.live strong{color:var(--gold)}
.client-vacancy-stage span{margin-top:.35rem;color:var(--muted);font:500 7.5px/1.3 var(--fm);letter-spacing:.1em;text-transform:uppercase}
.client-vacancy-next{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.75rem .9rem;border:0;border-left:3px solid var(--gold);background:rgba(184,160,106,.08);color:var(--ivory);cursor:pointer;text-align:left}
.client-vacancy-next span{color:var(--muted);font-size:10px}.client-vacancy-next strong{color:var(--gold-dim);font-size:9px;white-space:nowrap}
.client-vacancy-next:hover{background:rgba(184,160,106,.13)}

.client-shortlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.client-shortlist-card{display:flex;min-width:0;flex-direction:column;padding:1.2rem 1.35rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.client-shortlist-card:nth-child(2n){border-right:0}.client-shortlist-card:nth-last-child(-n+2){border-bottom:0}
.client-shortlist-card>div span{display:block;color:var(--muted);font:500 8.5px/1.3 var(--fm);letter-spacing:.05em}
.client-shortlist-card>div strong{display:block;margin-top:.25rem;color:var(--ivory);font:500 22px/1.05 var(--fd)}
.client-shortlist-card p{flex:1;margin:.75rem 0;color:var(--muted);font-size:10.5px;line-height:1.55}
.client-shortlist-card ul{display:grid;gap:.3rem;margin:0 0 .9rem;padding:0;list-style:none}
.client-shortlist-card li{color:var(--muted);font-size:9px}.client-shortlist-card li::before{content:"•";margin-right:.45rem;color:var(--gold)}
.client-shortlist-card .btn-o{align-self:flex-start}
.client-home-activity-feed{display:grid;padding:0 1.4rem}
.client-home-activity-feed button{display:grid;grid-template-columns:minmax(115px,.28fr) minmax(0,1fr);gap:1rem;padding:.85rem 0;border:0;border-bottom:1px solid var(--border);background:none;color:var(--ivory);cursor:pointer;text-align:left}
.client-home-activity-feed button:last-child{border-bottom:0}
.client-home-activity-feed time{color:var(--muted);font:500 8.5px/1.4 var(--fm)}
.client-home-activity-feed strong{font-size:10.5px;font-weight:500}
.client-premium-empty{display:grid;justify-items:start;gap:.5rem;padding:1.7rem 1.4rem;color:var(--muted)}
.client-premium-empty.compact{padding:1.25rem 1.4rem}.client-premium-empty strong{color:var(--ivory);font:500 21px/1.1 var(--fd)}.client-premium-empty span{font-size:10px}

.cp-commercial-overview-card .cs-title,.cp-upcoming-interviews-card .cs-title{margin-bottom:.75rem}
.client-sidebar-terms{display:grid}
.client-sidebar-term{padding:.75rem 0;border-bottom:1px solid var(--border)}
.client-sidebar-term span,.client-sidebar-term strong,.client-sidebar-term em{display:block}
.client-sidebar-term span{color:var(--muted);font:600 8px/1.3 var(--fm);letter-spacing:.08em;text-transform:uppercase}
.client-sidebar-term strong{margin:.25rem 0;color:var(--ivory);font:500 19px/1.08 var(--fd)}
.client-sidebar-term em{color:var(--muted);font-size:9px;font-style:normal;line-height:1.45}
.client-sidebar-variation{display:grid;gap:.2rem;margin:.8rem 0;padding:.65rem .75rem;border-left:3px solid #b55b3f;background:rgba(181,91,63,.08)}
.client-sidebar-variation strong{color:#c5755c;font-size:10px}.client-sidebar-variation span{color:var(--muted);font-size:8.5px}
.client-sidebar-interviews{display:grid}.client-sidebar-interviews button{display:grid;gap:.2rem;padding:.7rem 0;border:0;border-bottom:1px solid var(--border);background:none;color:var(--ivory);cursor:pointer;text-align:left}
.client-sidebar-interviews span{font-size:10px}.client-sidebar-interviews strong{color:var(--muted);font-size:8.5px}.client-sidebar-interviews em{color:var(--gold-dim);font:500 8px/1.3 var(--fm);font-style:normal;text-transform:uppercase}
.cp-commercial-overview-card .service-action,.cp-upcoming-interviews-card .service-action{width:100%;justify-content:center;margin-top:.85rem}

@media (max-width:980px){
  .client-agreement-alert{grid-template-columns:auto minmax(0,1fr)}
  .client-agreement-alert>.btn-g{grid-column:1/-1;justify-self:start}
}
@media (max-width:700px){
  .client-portal-mode #screen-client .cp-section-tabs{top:0}
  .client-agreement-alert{grid-template-columns:1fr;padding:1rem}
  .client-agreement-alert-marker{width:34px;height:34px}
  .client-agreement-alert>.btn-g{width:100%;justify-content:center}
  .client-premium-panel-head,.client-vacancy-ledger-head{align-items:flex-start;flex-direction:column}
  .client-premium-panel-head button{align-self:flex-start;text-align:left}
  .client-vacancy-age{display:flex;align-items:baseline;justify-items:start;gap:.35rem;min-width:0}
  .client-vacancy-ledger-stages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.8rem}
  .client-shortlist-grid{grid-template-columns:1fr}
  .client-shortlist-card,.client-shortlist-card:nth-child(2n),.client-shortlist-card:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border)}
  .client-shortlist-card:last-child{border-bottom:0}
  .client-home-activity-feed button{grid-template-columns:1fr;gap:.25rem}
  .client-vacancy-next{align-items:flex-start;flex-direction:column}
}

/* Client agreement signing room */
.agreement-signing-room{overflow:visible;border:1px solid var(--border);border-radius:4px;background:var(--surface2);box-shadow:0 16px 44px rgba(0,0,0,.07)}
.agreement-room-identity{position:sticky;top:52px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 96%,transparent);backdrop-filter:blur(16px)}
.agreement-room-identity>div:first-child{min-width:0}.agreement-room-identity span,.agreement-room-intro>span,.agreement-room-facts span,.agreement-completion span{display:block;color:var(--gold-dim);font:600 8px/1.3 var(--fm);letter-spacing:.13em;text-transform:uppercase}
.agreement-room-identity strong{display:block;overflow:hidden;margin:.25rem 0;color:var(--ivory);font:500 clamp(20px,2.4vw,28px)/1.08 var(--fd);text-overflow:ellipsis;white-space:nowrap}
.agreement-room-identity em{display:block;overflow:hidden;color:var(--muted);font:500 8.5px/1.4 var(--fm);font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.agreement-room-identity-actions{display:flex;flex:0 0 auto;align-items:center;gap:.65rem}.agreement-room-status{padding:.42rem .6rem;border:1px solid rgba(181,91,63,.35);border-radius:999px;background:rgba(181,91,63,.08);color:#c5755c!important;letter-spacing:.06em!important}
.agreement-room-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--border);background:var(--surface)}
.agreement-room-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem;align-items:center;min-height:58px;padding:.75rem .65rem;border:0;border-right:1px solid var(--border);border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.agreement-room-step:last-child{border-right:0}.agreement-room-step:hover{background:rgba(184,160,106,.06);color:var(--ivory)}
.agreement-room-step>span{display:flex;width:23px;height:23px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;font:600 8px/1 var(--fm)}.agreement-room-step>strong{overflow:hidden;font:600 8px/1.3 var(--fm);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.agreement-room-step.active{border-bottom-color:var(--gold);background:rgba(184,160,106,.08);color:var(--ivory)}.agreement-room-step.active>span{border-color:var(--gold);background:var(--gold);color:#111}.agreement-room-step.visited>span{border-color:var(--gold-dim);color:var(--gold-dim)}
.agreement-room-body{padding:clamp(1rem,3vw,1.7rem)}.agreement-room-stage[hidden]{display:none!important}.agreement-room-stage{max-width:1050px;margin:0 auto}.agreement-room-intro{max-width:780px;margin-bottom:1.2rem}.agreement-room-intro h2{margin:.35rem 0 .45rem;color:var(--ivory);font:500 clamp(26px,3.4vw,39px)/1.03 var(--fd)}.agreement-room-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.agreement-room-error{max-width:1050px;margin:0 auto 1rem;padding:.8rem .95rem;border:1px solid rgba(181,91,63,.42);border-left:4px solid #b55b3f;background:rgba(181,91,63,.08);color:#c5755c;font-size:10px;line-height:1.5}.agreement-room-error[hidden]{display:none}
.agreement-room-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem;border:1px solid var(--border);background:var(--surface)}.agreement-room-facts>div{min-width:0;padding:.85rem;border-right:1px solid var(--border)}.agreement-room-facts>div:last-child{border-right:0}.agreement-room-facts strong{display:block;margin-top:.3rem;color:var(--ivory);font-size:10px;line-height:1.4}
.agreement-room-actions{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:1rem 0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 96%,transparent);backdrop-filter:blur(14px)}.agreement-room-actions>div{display:flex;gap:.55rem}
.agreement-document-review-check{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--border));background:rgba(184,160,106,.07);color:var(--ivory);font-size:10px;line-height:1.55}.agreement-document-review-check input,.agreement-review-item input{flex:0 0 auto;margin-top:.15rem}
.agreement-review-checklist{display:grid;gap:.75rem}.agreement-review-checklist-head{padding:1rem;border-left:4px solid var(--gold);background:rgba(184,160,106,.07)}.agreement-review-checklist-head span,.agreement-review-item>div>span,.agreement-room-clear>span{display:block;color:var(--gold-dim);font:600 8px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase}.agreement-review-checklist-head strong,.agreement-room-clear>strong{display:block;margin:.25rem 0;color:var(--ivory);font:500 22px/1.1 var(--fd)}.agreement-review-checklist-head p,.agreement-room-clear p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.agreement-review-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;align-items:center;padding:1rem;border:1px solid var(--border);background:var(--surface)}.agreement-review-item.opened{border-color:color-mix(in srgb,var(--gold) 50%,var(--border))}.agreement-review-item>div>strong,.agreement-review-item>div>em{display:block}.agreement-review-item>div>strong{margin:.25rem 0;color:var(--ivory);font-size:11px}.agreement-review-item>div>em{color:var(--muted);font-size:9px;font-style:normal}.agreement-review-item>label{grid-column:1/-1;display:flex;gap:.55rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--ivory);font-size:10px;line-height:1.45}.agreement-room-clear{padding:1.1rem;border:1px solid var(--success-bdr);background:var(--success-bg)}
.agreement-room-stage .signature-details-grid{padding:1rem;border:1px solid var(--border);background:var(--surface)}.agreement-room-stage .sign-form-panel{padding:1rem;border:1px solid var(--border);background:var(--surface)}.agreement-room-save-note{margin-top:.7rem;color:var(--muted);font:500 8.5px/1.45 var(--fm);text-align:center}
.agreement-completion{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem 1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--success-bdr);border-left:5px solid var(--success-col);background:linear-gradient(105deg,var(--success-bg),transparent 62%),var(--surface2);box-shadow:0 16px 42px rgba(0,0,0,.07)}.agreement-completion-mark{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:var(--success-col);color:#fff;font-size:22px}.agreement-completion-copy h2{margin:.3rem 0 .4rem;color:var(--ivory);font:500 clamp(27px,3.2vw,40px)/1.03 var(--fd)}.agreement-completion-copy p{max-width:800px;margin:0;color:var(--muted);font-size:10.5px;line-height:1.6}.agreement-completion-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);background:var(--surface)}.agreement-completion-details>div{padding:.9rem;border-right:1px solid var(--border)}.agreement-completion-details>div:last-child{border-right:0}.agreement-completion-details strong,.agreement-completion-details em{display:block;margin-top:.28rem;color:var(--ivory);font-size:10px}.agreement-completion-details em{color:var(--muted);font-size:8px;font-style:normal}.agreement-completion-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.55rem}
@media (max-width:900px){.agreement-room-identity{top:50px}.agreement-room-progress{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.agreement-room-step{flex:0 0 138px;scroll-snap-align:start}.agreement-room-facts,.agreement-completion-details{grid-template-columns:repeat(2,minmax(0,1fr))}.agreement-room-facts>div:nth-child(2),.agreement-completion-details>div:nth-child(2){border-right:0}.agreement-room-facts>div:nth-child(-n+2),.agreement-completion-details>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media (max-width:620px){.agreement-room-identity{position:relative;top:auto;align-items:flex-start;flex-direction:column}.agreement-room-identity-actions{width:100%;justify-content:space-between}.agreement-room-body{padding:1rem}.agreement-room-actions{align-items:stretch;flex-direction:column-reverse}.agreement-room-actions>button,.agreement-room-actions>div,.agreement-room-actions>div>button{width:100%}.agreement-room-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agreement-review-item{grid-template-columns:1fr}.agreement-review-item>.btn-o{justify-self:start}.agreement-room-facts,.agreement-completion-details{grid-template-columns:1fr}.agreement-room-facts>div,.agreement-room-facts>div:nth-child(2),.agreement-completion-details>div,.agreement-completion-details>div:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.agreement-room-facts>div:last-child,.agreement-completion-details>div:last-child{border-bottom:0}.agreement-completion{grid-template-columns:1fr}.agreement-completion-actions .btn-g,.agreement-completion-actions .btn-o{width:100%;justify-content:center}}
.field-visibility {
  display: inline-flex;
  margin-left: .45rem;
  padding: .14rem .42rem;
  border-radius: 999px;
  background: rgba(31, 122, 94, .1);
  color: #236b58;
  font: 600 .64rem/1.2 var(--font-mono, monospace);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.field-visibility.private {
  background: rgba(78, 48, 98, .1);
  color: var(--purple, #3a0a50);
}

.candidate-handoff-editor {
  margin: 1rem 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, .55);
  overflow: hidden;
}

.candidate-handoff-editor > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  cursor: pointer;
  list-style: none;
}

.candidate-handoff-editor > summary span,
.candidate-handoff-editor > summary strong,
.candidate-handoff-editor > summary em {
  display: block;
}

.candidate-handoff-editor > summary em {
  margin-top: .2rem;
  color: var(--muted);
  font-style: normal;
  font-size: .78rem;
}

.candidate-handoff-editor > summary b {
  padding: .35rem .58rem;
  border-radius: 999px;
  background: rgba(184, 133, 43, .14);
  color: #815b18;
  font-size: .72rem;
}

.candidate-handoff-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  padding: 0 1.1rem 1rem;
}

.candidate-handoff-grid label,
.candidate-handoff-grid label span,
.candidate-handoff-grid label small {
  display: block;
}

.candidate-handoff-grid label span {
  margin-bottom: .35rem;
  color: var(--text);
  font-weight: 650;
}

.candidate-handoff-grid input,
.candidate-handoff-grid textarea {
  width: 100%;
}

.candidate-handoff-grid .wide {
  grid-column: 1 / -1;
}

.candidate-handoff-grid small {
  margin-top: .35rem;
  color: var(--muted);
}

.candidate-handoff-update,
.candidate-handoff-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 1.1rem 1rem;
  padding: .85rem 1rem;
  border-radius: 10px;
  background: rgba(184, 133, 43, .09);
}

.candidate-handoff-update strong,
.candidate-handoff-update span {
  display: block;
}

.candidate-handoff-update span,
.candidate-handoff-actions > span {
  color: var(--muted);
  font-size: .78rem;
}

.candidate-handoff-actions {
  margin-top: 0;
  background: rgba(46, 0, 72, .05);
}

@media (max-width: 720px) {
  .candidate-handoff-grid { grid-template-columns: 1fr; }
  .candidate-handoff-grid .wide { grid-column: auto; }
  .candidate-handoff-update,
  .candidate-handoff-actions { align-items: stretch; flex-direction: column; }
}

/* Candidate campaign operations */
.campaign-contact-list,.campaign-activity-list,.campaign-reply-list,.campaign-sequence-list{display:grid;gap:.8rem;margin:1rem 0 1.4rem}
.campaign-contact-card,.campaign-activity-row,.campaign-reply-card,.campaign-sequence-run{border:1px solid rgba(46,0,72,.13);border-radius:16px;background:#fff;padding:1rem;box-shadow:0 10px 28px rgba(28,18,25,.04)}
.campaign-contact-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.2fr);gap:1rem}.campaign-contact-card.suppressed{border-color:#b54a56;background:#fff7f7}.campaign-contact-card span,.campaign-activity-row span,.campaign-reply-card span,.campaign-sequence-run span{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.campaign-contact-card strong,.campaign-activity-row strong,.campaign-reply-card strong,.campaign-sequence-run strong{display:block;margin:.25rem 0;font-size:1rem}.campaign-contact-card p,.campaign-activity-row p,.campaign-reply-card p{margin:.25rem 0;color:var(--muted)}
.campaign-contact-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0}.campaign-contact-card dl div{padding:.65rem;border-radius:10px;background:var(--paper,#f7f4ee)}.campaign-contact-card dt{font-size:.65rem;text-transform:uppercase;color:var(--muted)}.campaign-contact-card dd{margin:.2rem 0 0;overflow-wrap:anywhere}
.campaign-activity-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:1rem;align-items:start}.campaign-activity-row .channel{display:inline-grid;place-items:center;padding:.45rem;border-radius:999px;background:#e7f5f5;color:#096e76;text-transform:uppercase;font-size:.7rem}.campaign-activity-row .channel.phone{background:#f3e9f8;color:#5b1872}.campaign-activity-row .channel.linkedin{background:#e7f0fa;color:#195889}.campaign-activity-row .channel.meeting{background:#fff2da;color:#8b5a00}.campaign-activity-row time,.campaign-reply-card time,.campaign-sequence-run time{color:var(--muted);font-size:.75rem;white-space:nowrap}
.campaign-policy-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-radius:14px;background:#eaf7f4;border:1px solid #a9d9cf;color:#155f58}.campaign-policy-banner span{font-size:.85rem}
.campaign-reply-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center}.campaign-reply-card>b{padding:.4rem .65rem;border-radius:999px;background:#f4ecf7;color:#56166f;text-transform:uppercase;font-size:.7rem}
.campaign-sequence-run header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.campaign-sequence-steps{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.5rem;margin-top:1rem;overflow-x:auto}.campaign-sequence-steps>div{min-height:92px;padding:.65rem;border-radius:10px;background:#f6f3ed;border-left:4px solid #b8a78c}.campaign-sequence-steps>div.done{border-color:#1d8a73;background:#edf8f5}.campaign-sequence-steps>div.paused{border-color:#b8852b;background:#fff8e9}.campaign-sequence-steps>div.cancelled{opacity:.55;border-color:#9a5260}.campaign-sequence-steps b,.campaign-sequence-steps span,.campaign-sequence-steps em{display:block}.campaign-sequence-steps span{margin:.3rem 0;color:#231828;font-weight:700;text-transform:none;letter-spacing:0}.campaign-sequence-steps em{font-size:.68rem;color:var(--muted)}
.campaign-sequence-controls{display:flex;gap:.55rem;align-items:center}.campaign-sequence-controls button{padding:.45rem .65rem;font-size:.72rem}
.campaign-composer button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:900px){.campaign-contact-card{grid-template-columns:1fr}.campaign-activity-row,.campaign-reply-card{grid-template-columns:1fr}.campaign-policy-banner,.campaign-sequence-run header{align-items:flex-start;flex-direction:column}.campaign-contact-card dl{grid-template-columns:1fr}.campaign-sequence-steps{grid-template-columns:repeat(10,150px)}}

/* Campaign market-map control */
.campaign-market-health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:1rem 0}.campaign-market-health>div{padding:.85rem;border:1px solid #ddd7cb;background:#fff;border-radius:12px;border-top:4px solid #b8852b}.campaign-market-health>div.ready{border-top-color:#27806d}.campaign-market-health span,.campaign-market-health strong,.campaign-market-health em{display:block}.campaign-market-health span{font:600 .64rem/1.3 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#68807a}.campaign-market-health strong{margin:.35rem 0;color:#173b33;font-size:1rem}.campaign-market-health em{color:#74807c;font-size:.7rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.campaign-map-import{margin:1rem 0}.campaign-import-guide{padding:1rem;border-radius:12px;background:#eef7f5;border:1px solid #b9dcd4}.campaign-import-guide strong{color:#173b33}.campaign-import-guide p{margin:.35rem 0 0;color:#5f716c;line-height:1.55}.campaign-import-actions{display:flex;justify-content:flex-end;align-items:end;gap:.6rem}.campaign-import-preview{border:1px solid #ddd7cb;background:#faf8f3;border-radius:12px;padding:1rem}.campaign-import-preview>header{display:flex;justify-content:space-between;gap:1rem}.campaign-import-preview>header span,.campaign-import-preview>p{color:#6e7975;font-size:.75rem}.campaign-import-errors{margin:.75rem 0;padding:.65rem .8rem;border-radius:10px;background:#fff1f1;color:#8c3442}.campaign-import-errors p{margin:.25rem 0}.campaign-import-table{display:grid;margin-top:.8rem;border:1px solid #ddd7cb;background:#fff}.campaign-import-table>div{display:grid;grid-template-columns:1.4fr 1fr 1fr .65fr;gap:.5rem;padding:.55rem .7rem;border-bottom:1px solid #eee9df;font-size:.72rem}.campaign-import-table>div:first-child{background:#f1eee7;text-transform:uppercase;letter-spacing:.05em}.campaign-import-table>div:last-child{border-bottom:0}
@media(max-width:1050px){.campaign-market-health{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.campaign-market-health{grid-template-columns:1fr}.campaign-import-actions,.campaign-import-preview>header{align-items:stretch;flex-direction:column}.campaign-import-table{overflow-x:auto}.campaign-import-table>div{min-width:620px}}

/* Governed AI-assisted campaign mapping */
.campaign-ai-map{margin:1.2rem 0;padding:1.1rem;border:1px solid #c9dcd7;border-radius:18px;background:linear-gradient(145deg,#f5fbfa,#fff 58%);box-shadow:0 14px 35px rgba(21,95,88,.06)}
.campaign-ai-map.unavailable{border-color:#e5cfa7;background:#fffaf0}.campaign-ai-map>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.campaign-ai-map>header span{color:#18766e;font:650 .66rem/1.3 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.campaign-ai-map>header h3{margin:.3rem 0;color:#1d2330;font-size:1.18rem}.campaign-ai-map>header p{max-width:760px;margin:0;color:#68726f;font-size:.82rem;line-height:1.55}.campaign-ai-map>header>b{flex:0 0 auto;padding:.42rem .65rem;border-radius:999px;background:#fff1db;color:#8b5a00;font-size:.7rem;text-transform:uppercase}.campaign-ai-map>header>b.ready{background:#e5f6f1;color:#17685e}
.campaign-ai-map-controls{display:grid;grid-template-columns:1.5fr .8fr auto;gap:.75rem;align-items:end;margin:1rem 0}.campaign-ai-map-controls label,.campaign-ai-map-controls label span{display:block}.campaign-ai-map-controls label span{margin-bottom:.35rem;color:#50645f;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.campaign-ai-map-controls select{width:100%}.campaign-ai-map-controls button{min-height:43px}.campaign-ai-warning{margin:.5rem 0;color:#8b5a00;font-size:.78rem}
.campaign-ai-quality{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #dce8e4;border-radius:13px;background:#fff;overflow:hidden}.campaign-ai-quality>div{min-width:0;padding:.72rem;border-right:1px solid #e4ece9}.campaign-ai-quality>div:last-child{border-right:0}.campaign-ai-quality span,.campaign-ai-quality strong,.campaign-ai-quality em{display:block}.campaign-ai-quality span{color:#71807c;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.campaign-ai-quality strong{margin:.25rem 0;color:#193d36}.campaign-ai-quality em{overflow:hidden;color:#79837f;font-size:.65rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.campaign-ai-proposals{display:grid;gap:.75rem;margin-top:1rem}.campaign-ai-proposal{padding:1rem;border:1px solid #cfe1dc;border-left:5px solid #27806d;border-radius:13px;background:#fff}.campaign-ai-proposal.has-risk{border-left-color:#b8852b}.campaign-ai-proposal>header{display:flex;justify-content:space-between;gap:1rem}.campaign-ai-proposal>header span{color:#18766e;font-size:.65rem;text-transform:uppercase}.campaign-ai-proposal>header strong{display:block;margin:.2rem 0;font-size:1rem}.campaign-ai-proposal>header p{margin:0;color:#6c7773;font-size:.75rem}.campaign-ai-proposal>header>b{align-self:flex-start;padding:.35rem .55rem;border-radius:999px;background:#eaf7f4;color:#17685e;font-size:.65rem}.campaign-ai-proposal.has-risk>header>b{background:#fff4df;color:#8b5a00}.campaign-ai-evidence{margin:.8rem 0;padding:.75rem;border-radius:10px;background:#f5f7f6}.campaign-ai-evidence span{color:#6a7874;font-size:.65rem;text-transform:uppercase}.campaign-ai-evidence p{margin:.35rem 0;color:#34423f;font-size:.78rem;line-height:1.5}.campaign-ai-evidence a{color:#096e76;font-size:.72rem;font-weight:700}.campaign-ai-fit{color:#34423f;font-size:.78rem;line-height:1.5}.campaign-ai-risks{display:flex;flex-wrap:wrap;gap:.4rem}.campaign-ai-risks span{padding:.3rem .48rem;border-radius:999px;background:#fff4df;color:#8b5a00;font-size:.63rem}.campaign-ai-proposal>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem;padding-top:.75rem;border-top:1px solid #e6ecea}.campaign-ai-map>footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid #dce8e4;color:#65736f;font-size:.72rem}.campaign-ai-map>footer strong{color:#17685e}.btn-o.danger{color:#9a3f4e;border-color:#d9aeb5}
@media(max-width:1050px){.campaign-ai-quality{grid-template-columns:repeat(3,1fr)}.campaign-ai-quality>div:nth-child(3){border-right:0}.campaign-ai-quality>div:nth-child(-n+3){border-bottom:1px solid #e4ece9}.campaign-ai-map-controls{grid-template-columns:1fr 1fr}.campaign-ai-map-controls button{grid-column:1/-1}}
@media(max-width:720px){.campaign-ai-map>header,.campaign-ai-proposal>header,.campaign-ai-map>footer{flex-direction:column}.campaign-ai-map-controls,.campaign-ai-quality{grid-template-columns:1fr}.campaign-ai-map-controls button{grid-column:auto}.campaign-ai-quality>div,.campaign-ai-quality>div:nth-child(3){border-right:0;border-bottom:1px solid #e4ece9}.campaign-ai-quality>div:last-child{border-bottom:0}.campaign-ai-proposal>footer{display:grid;grid-template-columns:1fr}.campaign-ai-proposal>footer>*{justify-content:center;text-align:center}}