/* solveza-staff-dashboard.css — warm-dark People Ops registry */
.sv-staff-dash{
  --bg:#14110d; --surface:#1d1812; --surface-2:#251f17; --line:#3a3022;
  --ink:#f3ece0; --muted:#b6a98f; --faint:#7e7259;
  --gold:#d4a853; --gold-soft:rgba(212,168,83,.14); --gold-line:rgba(212,168,83,.4);
  --green:#7fae6b; --blue:#6f9bc4; --amber:#d9a441; --grey:#6b6453;
  --r:14px; --r-lg:20px; --maxw:1080px;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  max-width:var(--maxw);margin:0 auto;padding:0 20px 80px;
  color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;
}
.sv-staff-dash--denied{padding:48px 24px;text-align:center;color:var(--muted)}
.sv-staff-note{color:var(--amber);font-size:.9rem;margin:0 0 12px}
.sv-staff-empty{color:var(--faint);font-style:italic;padding:12px 16px;margin:0}

header{padding:48px 0 28px;border-bottom:1px solid var(--line);margin-bottom:32px}
.kicker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}
h1{font-family:var(--serif);font-weight:600;font-size:3rem;margin:.18em 0 .1em;letter-spacing:-.01em}
.sub{color:var(--muted);max-width:60ch}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 8px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px}
.stat .n{font-family:var(--serif);font-size:2.4rem;font-weight:600;line-height:1}
.stat .l{color:var(--muted);font-size:.82rem;margin-top:6px}
.stat.on .n{color:var(--green)}
.stat.call .n{color:var(--blue)}
.stat.plan .n{color:var(--faint)}

h2{font-family:var(--serif);font-weight:600;font-size:1.7rem;margin:42px 0 6px}
.h2sub{color:var(--faint);font-size:.9rem;margin-bottom:18px}

.grid{display:grid;gap:16px}
.hired{grid-template-columns:repeat(2,1fr)}
.roster{grid-template-columns:repeat(3,1fr)}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:.18s}
.card:hover{border-color:var(--gold-line);transform:translateY(-2px)}

.emp{display:flex;gap:16px;align-items:flex-start}
.avatar{width:64px;height:64px;flex:0 0 64px;border-radius:14px;background:
  radial-gradient(circle at 30% 25%,var(--gold-soft),transparent 70%),var(--surface-2);
  border:1px solid var(--gold-line);display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-size:1.7rem;color:var(--gold);font-weight:600;overflow:hidden}
img.avatar{object-fit:cover}

.emb-img{width:48px;height:48px;flex:0 0 48px;border-radius:11px;border:1px solid var(--gold-line);background:var(--surface-2);object-fit:cover}

.rcard{padding:16px 18px}
.rcard .rhead{display:flex;align-items:center;gap:12px}
.rcard .who{flex:1;min-width:0}
.rcard .nm{font-family:var(--serif);font-size:1.25rem;line-height:1.05}
.rcard .dept-sm{color:var(--gold);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-top:3px}
.rcard .sk{color:var(--muted);font-size:.8rem;margin-top:8px}
.rcard .shift{color:var(--faint);font-size:.76rem;margin-top:10px}

.emp h3{font-family:var(--serif);font-weight:600;font-size:1.45rem;margin:0 0 2px}
.dept{color:var(--gold);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}

.meta{margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:.86rem}
.meta .row{display:flex;gap:8px}
.meta .k{color:var(--faint);min-width:62px}
.meta .v{color:var(--ink)}

code{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:.8rem;color:var(--muted)}

.pill{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;
  padding:4px 10px;border-radius:999px;border:1px solid var(--line)}
.pill.on{color:var(--green);border-color:rgba(127,174,107,.4);background:rgba(127,174,107,.08)}
.pill.call{color:var(--blue);border-color:rgba(111,155,196,.4);background:rgba(111,155,196,.08)}
.pill.yellow{color:var(--amber);border-color:rgba(217,164,65,.4);background:rgba(217,164,65,.08)}
.pill.plan{color:var(--faint);border-color:var(--line)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor}

.queue{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px 4px;margin-top:6px}

.note{background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:var(--r);
  padding:16px 18px;color:var(--ink);font-size:.9rem;margin-top:34px}
.note b{color:var(--gold)}

footer{margin-top:40px;color:var(--faint);font-size:.8rem;border-top:1px solid var(--line);padding-top:18px}

@media(max-width:760px){
  h1{font-size:2.2rem}
  .stats{grid-template-columns:repeat(2,1fr)}
  .hired,.roster{grid-template-columns:1fr}
}
