/* Working Style & Driving Forces: report display.
   Shared by profile.html (the live report right after finishing) and
   team.html (the partner review drawer), so the two can never drift apart
   on how a report actually looks: see personality-report.js for why that
   drift risk is real. Dark palette only: team.html has no light mode.
   profile.html layers its own html[data-theme="light"] overrides for these
   same classes on top of this file. */

.rep h2{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);
  margin:38px 0 14px;font-weight:700}
.rep h2:first-child{margin-top:0}
.styleband{text-align:center;padding:34px 24px;border-radius:15px;margin-bottom:8px;
  background:linear-gradient(150deg,rgba(226,194,95,.16),rgba(226,194,95,.04));
  border:1px solid rgba(226,194,95,.33)}
.styleband .kicker{margin-bottom:8px}
.styleband h1{font-size:40px;color:#fff;margin-bottom:10px}
.styleband .one{font-size:18px;color:var(--gold-soft);max-width:480px;margin:0 auto}
.styleband .drv{margin-top:14px;font-size:14.5px;color:var(--ink2)}
.trait{margin-bottom:22px}
.trait .tt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.trait .tt b{font-size:16px;color:var(--ink)}
.trait .tt i{font-style:normal;font-size:13px;color:var(--muted)}
.tbar{height:9px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:10px;
  position:relative}
.tbar b{display:block;height:100%;border-radius:5px;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold))}
.tbar u{position:absolute;top:-3px;bottom:-3px;width:1px;background:rgba(255,255,255,.22)}
.trait p{font-size:15.5px;color:var(--ink2);margin:0}
.pull{border-left:2px solid var(--gold);padding:2px 0 2px 16px;margin:20px 0;color:var(--ink);
  font-size:16.5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.two{grid-template-columns:1fr}}
.minibox{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:16px}
.minibox h4{margin:0 0 9px;font-size:14px;color:var(--gold-soft)}
.minibox ul{margin:0;padding-left:18px;font-size:14.5px;color:var(--ink2)}
.minibox li{margin-bottom:6px}
.scores{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:10px;padding:14px;
  color:var(--ink2);white-space:pre-wrap;word-break:break-word}
.dim2{color:var(--muted);font-size:13.5px;margin:0 0 9px}
.facets{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:16px;
  padding-top:15px;border-top:1px solid var(--line)}
@media(max-width:640px){.facets{grid-template-columns:1fr}}
.fac .fl{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px}
.fac .fl b{color:var(--ink2);font-weight:600}
.fac .fl i{font-style:normal;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.fbar{height:5px;border-radius:3px;background:rgba(255,255,255,.08);margin:4px 0 3px;overflow:hidden}
.fbar b{display:block;height:100%;border-radius:3px;background:var(--gold)}
.fac .fd{font-size:12.5px;color:var(--muted);line-height:1.4}
.dtier{margin-bottom:30px}
.dtier h4{margin:0 0 14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);
  font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--line)}
.dtier h4 span{display:block;text-transform:none;letter-spacing:0;font-size:13px;
  color:var(--muted);font-weight:400;margin-top:5px}
.drive{margin-bottom:22px}
.drive .tt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.drive .tt b{font-size:16px;color:var(--ink)}
.drive .tt i{font-style:normal;font-size:13px;color:var(--muted)}
.drive p{font-size:15.5px;color:var(--ink2);margin:0}
.gaps{margin-top:6px}
.gaprow{margin-bottom:15px}
.gl{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-bottom:5px}
.gl b{color:var(--ink);font-weight:620}
.gl i{font-style:normal;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.gl i.big{color:var(--warn);font-weight:700}
.gb{height:7px;border-radius:4px;background:rgba(255,255,255,.07);margin-bottom:3px;overflow:hidden}
.gb span{display:block;height:100%;border-radius:4px}
.gb span.nat{background:linear-gradient(90deg,var(--gold-soft),var(--gold))}
.gb span.rol{background:rgba(120,170,255,.75)}
.key{display:inline-block;width:22px;height:7px;border-radius:4px;vertical-align:middle;margin-right:5px}
.key.nat{background:var(--gold)}
.key.rol{background:rgba(120,170,255,.75)}

.minibox.ok{border-color:rgba(95,211,154,.32);background:rgba(95,211,154,.06)}
.minibox.ok h4{color:var(--good)}
.minibox.bad{border-color:rgba(255,135,121,.32);background:rgba(255,135,121,.06)}
.minibox.bad h4{color:var(--bad)}
.minibox ul{margin:0;padding-left:19px}
.minibox li{margin-bottom:9px;line-height:1.5}
.minibox li:last-child{margin-bottom:0}

/* Summary-at-a-glance stat chips: a compact, scannable recap replacing the
   old plain monospace numbers dump. */
.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px}
.statchip{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.statchip.top{border-color:rgba(226,194,95,.4);background:rgba(226,194,95,.07)}
.statchip .lbl{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.statchip .val{font-size:19px;font-weight:700;color:var(--ink);margin:2px 0 6px}
.statchip .bar{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.statchip .bar b{display:block;height:100%;border-radius:2px;background:var(--gold)}
.statchip.top .bar b{background:linear-gradient(90deg,var(--gold-soft),var(--gold))}

/* The exact numbers still exist, just tucked behind a disclosure toggle
   instead of being the first thing on the page. */
details.rawnums{margin-top:16px}
details.rawnums summary{cursor:pointer;color:var(--muted);font-size:13px;user-select:none}
details.rawnums summary:hover{color:var(--ink2)}
details.rawnums .scores{margin-top:10px}

@media print{
  details.rawnums{display:none}
  .statchip{background:#fff;border-color:#ccc}
  .statchip .lbl{color:#666}.statchip .val{color:#111}
  .statchip .bar{background:#eee}.statchip .bar b{background:#c8a63f}
  .statchip.top{background:#f8f2de;border-color:#ddc98a}
}

@media print{
  .styleband{background:#f4f0e2;border-color:#ddd}
  .styleband h1{color:#132b49}.styleband .one{color:#5a5230}
  .minibox{background:#fff;border-color:#ccc;color:#111}
  .rep h2{color:#8a6f14}.trait p,.minibox ul{color:#222}
  .trait .tt b{color:#111}
  .tbar{background:#eee}.tbar b{background:#c8a63f}
  .facets{border-color:#ddd}.fac .fl b{color:#111}.fac .fd{color:#555}
  .fbar{background:#eee}.fbar b{background:#c8a63f}.dtier h4{color:#111;border-color:#ccc}
  .drive .tt b{color:#111}.drive p{color:#222}.dim2{color:#666}
  .gb{background:#eee}.gb span.nat{background:#c8a63f}.gb span.rol{background:#7fa5d8}
  .gl b{color:#111}.key.nat{background:#c8a63f}.key.rol{background:#7fa5d8}
  .minibox.ok,.minibox.bad{background:#fff;border-color:#bbb}
  .minibox.ok h4{color:#1d7a4c}.minibox.bad h4{color:#a33}
}