/* ═══════════════════════════════════════════════════════════════
   VELORA v2 · DESIGN-LANGUAGE SKIN  (vlr-v2-skin.css)  — enriched 20260530-042719
   Brings every dashboard to talent.html's polished look.
   COSMETIC ONLY — no layout props (no display/width/height/position/
   grid/flex/overflow/float). Loaded LAST in <head> so it wins.
   Safe to remove: delete the <link>; nothing else depends on it.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ivory:#FBF9F4; --ivory-2:#F5F1E8; --ivory-3:#EDE6D6; --ivory-4:#D6CCB5;
  --onyx:#0B0B0C; --onyx-5:#53535A; --onyx-4:#7A7A82; --onyx-3:#A8A8AE;
  --gold:#C29A4A; --gold-3:#E8C988; --gold-7:#8C6B2F; --gold-pale:#F9F4E8;
  --gold-grad:linear-gradient(135deg,#E8C988 0%,#C29A4A 40%,#8C6B2F 100%);
  --rule:#D6CCB5; --rule-light:#EDE6D6;
  --red:#9A2B2B; --red-bg:#FEF2F2; --amber:#B8822A; --amber-bg:#FFFBEB;
  --blue:#355E7A; --blue-bg:#EFF6FF; --green:#2F7D5C; --green-bg:#F0FDF4;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',sans-serif;
}
/* Sidebar */
.sb-logo{font-family:var(--serif)}
.sb-logo span{color:var(--gold)}
.sb-role{letter-spacing:.2em;text-transform:uppercase;color:var(--onyx-4)}
.sb-section{letter-spacing:.2em;text-transform:uppercase;color:var(--onyx-3)}
.sb-item{transition:background .12s,border-color .12s,color .12s}
.sb-item.active{border-left:2px solid var(--gold);background:rgba(194,154,74,.16);color:var(--onyx);font-weight:500}
.sb-item:hover{background:rgba(194,154,74,.10)}
.sb-badge{background:var(--red);color:#fff;letter-spacing:.02em}
.sb-badge.warn,.sb-badge.amber{background:var(--amber)}
.sb-badge.gold{background:var(--gold)}
.sb-badge.ok,.sb-badge.green{background:var(--green)}
.sb-badge.gray{background:var(--onyx-3)}
/* Topbar / page headings */
.tb-eyebrow,.topbar .eyebrow,.eyebrow,.sec-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-7);font-weight:600}
.tb-title,.topbar h1{font-family:var(--serif)!important;font-weight:500;letter-spacing:-.02em}
.sec-title,.v2-sec-title{font-family:var(--serif)!important;letter-spacing:-.015em}
/* Buttons */
.btn-primary{background:var(--gold-grad)!important;color:#fff!important;border:none;letter-spacing:.14em;text-transform:uppercase}
.btn-primary:hover{opacity:.85}
.btn-secondary{transition:border-color .15s,color .15s}
.btn-secondary:hover{border-color:var(--gold);color:var(--gold-7)}
/* Stat blocks: the signature gold-gradient figure (talent parity size) */
.stat-lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--onyx-4)}
.stat-val{font-family:var(--serif)!important;font-weight:500;letter-spacing:-.02em;
  font-size:clamp(28px,3vw,36px);
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.stat-sub{color:var(--onyx-4)}
.stat{transition:border-color .16s ease}
.stat:hover{border-color:var(--gold)}
/* Panels / cards: refined surface + soft depth (shadow=no reflow) */
.panel,.card{border:1px solid var(--rule);border-radius:4px;box-shadow:0 1px 2px rgba(11,11,12,.04);transition:box-shadow .16s ease,border-color .16s ease}
.panel:hover,.card:hover{box-shadow:0 4px 16px rgba(11,11,12,.07)}
.panel-head{background:var(--ivory-2);border-bottom:1px solid var(--rule)}
.panel-lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--onyx-5)}
.panel-meta{color:var(--onyx-3)}
/* Tabs */
.tab.active{color:var(--gold-7);border-bottom-color:var(--gold)}
.tab:hover{color:var(--onyx)}
/* Generic chips / hover affordances */
.chip.active,.filter-chip.active{border-color:var(--gold);color:var(--gold-7)}
.model-card:hover,.lead-card:hover{border-color:var(--gold)}

/* ── NUMBER FIGURES FIX (serif "1" misrender) — tabular + lining, 20260530-044405 ── */
.stat-val,.biz-control-val,.kpi-card .val,.stat-num,.metric-val,.cl-val,.lane-val{letter-spacing:0!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"tnum" 1,"lnum" 1!important}


/* KPI connected strip -> floating pulse cards (= talent .v2-pulse-card) */
.stat-row{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;gap:16px}
.stat{background:#fff!important;border:1px solid rgba(140,107,47,.12)!important;border-radius:6px!important;padding:20px 22px!important;box-shadow:0 1px 2px rgba(11,11,12,.02);transition:box-shadow .24s ease,transform .18s ease}
.stat:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(11,11,12,.05)}
.stat-val{font-size:clamp(30px,3vw,38px)!important}
/* panels + control cards -> soft v2 sections */
.panel{border:1px solid rgba(140,107,47,.12)!important;border-radius:6px!important;box-shadow:0 1px 2px rgba(11,11,12,.02)}
.panel-head{background:#fff!important;border-bottom:1px solid rgba(140,107,47,.10)!important;padding:14px 18px!important}
.biz-control-card{border:1px solid rgba(140,107,47,.12)!important;border-radius:6px!important;padding:14px 16px!important}