/* ============================================================================
   unify.css — THE UNIFICATION LAYER (loaded LAST)
   Makes every operational screen wear the same cinematic treatment as the shell.
   Lifts all ~125 base screens to ONE design language without touching render code.
   Calm dark + warm gold, light elegant display type, gold accents, unified reveal.
   ============================================================================ */

/* ---- TITLES: match the cinematic light-weight elegant display ------------- */
.topbar h2 {
  font-weight: 300 !important;           /* light + elegant, like cs-display */
  font-size: clamp(34px, 5vw, 48px) !important;
  letter-spacing: -.03em !important;
  line-height: 1.04 !important;
}
.topbar h2 em, .topbar h2 b { font-weight: 600; font-style: italic; color: var(--accent-hi, #e0bd76); }
.card h3 { font-weight: 600 !important; letter-spacing: -.01em; }
.card h4 { font-family: var(--display, serif); font-weight: 500; }

/* ---- TOPBAR gets a gold eyebrow rhythm (the cinematic structure) ---------- */
.topbar { position: relative; }
.topbar::before {
  content: ""; position: absolute; left: 0; top: -18px;
  width: 34px; height: 2px; background: var(--accent, #c9a25c); border-radius: 2px;
  opacity: .8;
}

/* ---- CARDS: the cinematic lift, unified everywhere ------------------------ */
.card {
  border-radius: 18px !important;
  transition: transform .4s cubic-bezier(.16,1,.3,1), border-color .4s, box-shadow .4s !important;
}
.card:hover { transform: translateY(-3px); border-color: var(--accent-deep, #8f6f33) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.4) !important; }

/* ---- BUTTONS: match the cinematic enter-button feel ---------------------- */
.btn { border-radius: 10px; font-weight: 600; letter-spacing: .01em; }
.btn:not(.ghost):not(.danger):not(.shush) {
  background: var(--accent, #c9a25c); color: var(--accent-ink, #1a1206);
}
.btn:not(.ghost):not(.danger):not(.shush):hover {
  background: var(--accent-hi, #e0bd76); transform: translateY(-2px);
  box-shadow: 0 14px 34px var(--accent-glow, rgba(201,162,92,.3));
}

/* ---- KV rows + badges: refined, consistent ------------------------------- */
.kv { padding: 11px 0 !important; }
.kv .k { font-family: var(--mono, monospace); font-size: 11px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--muted, #857668); }
.badge { border-radius: 999px; font-family: var(--mono, monospace); letter-spacing: .08em; }

/* ---- THE RAIL/SIDEBAR: match the cinematic nav (calm, gold-active) -------- */
.side, .rail, nav.side {
  background: var(--ground-deep, #070405) !important;
  border-right: 1px solid var(--hairline, rgba(245,230,210,.07)) !important;
}
.side a.active, .nav-item.active, .side .active {
  background: linear-gradient(100deg, var(--accent-glow, rgba(201,162,92,.18)), transparent) !important;
  color: var(--accent-hi, #e0bd76) !important;
}

/* ---- UNIFIED REVEAL: every screen's cards fade up like the cinematic ones -- */
#view .card { animation: unify-reveal .5s cubic-bezier(.16,1,.3,1) both; }
#view .card:nth-child(2) { animation-delay: .05s; }
#view .card:nth-child(3) { animation-delay: .1s; }
#view .card:nth-child(4) { animation-delay: .15s; }
@keyframes unify-reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ---- section eyebrows: where screens use .src or small labels, gold them --- */
.topbar .src, .card .src { color: var(--accent, #c9a25c); font-family: var(--mono, monospace);
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }

@media (prefers-reduced-motion: reduce) {
  #view .card, .card { animation: none !important; transition: none !important; }
}

/* ---- GOVERNED EMPTY STATES — actionable, never dead cards ---- */
.empty-governed { text-align: center; padding: 56px 32px; max-width: 480px; margin: 40px auto;
  background: var(--surface, #16100e); border: 1px solid var(--hairline, rgba(245,230,210,.07)); border-radius: 18px; }
.empty-eyebrow { font-family: var(--mono, monospace); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--accent, #c9a25c); margin-bottom: 12px; }
.empty-msg { color: var(--bone-dim, #bdab98); font-size: 15px; line-height: 1.6; margin-bottom: 24px; }
.empty-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* BVK6 Root Audit / Evolution Console */
.bvk6-audit-shell{display:block;animation:unify-reveal .42s ease both}.bvk6-hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch;padding:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(232,90,44,.16),rgba(212,169,92,.08) 46%,rgba(0,0,0,.14));border-radius:20px;margin-bottom:16px;box-shadow:0 22px 70px rgba(0,0,0,.24)}.bvk6-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:800}.bvk6-hero h2{font-size:32px;margin:6px 0 10px;line-height:1.03}.bvk6-hero p{max-width:850px;color:var(--muted);font-size:15px;line-height:1.55}.bvk6-score{min-width:170px;display:grid;place-items:center;text-align:center;border:1px solid rgba(212,169,92,.35);border-radius:18px;background:rgba(0,0,0,.24)}.bvk6-score span{font-size:54px;line-height:1;color:var(--accent);font-weight:800}.bvk6-score small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--muted);max-width:120px}.bvk6-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.bvk6-metrics>div{border:1px solid var(--line-soft);border-radius:16px;background:var(--panel);padding:14px}.bvk6-metrics b{font-size:28px;display:block;color:var(--accent)}.bvk6-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.bvk6-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.05);color:var(--text)}.bvk6-badge.ok{border-color:rgba(61,214,140,.45);color:#3DD68C}.bvk6-badge.warn{border-color:rgba(212,169,92,.50);color:var(--accent)}.bvk6-badge.bad{border-color:rgba(232,90,44,.55);color:var(--bad)}.bvk6-warning{border-left:3px solid var(--accent)}.bvk6-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:16px 0}.bvk6-lane-card{border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.035);padding:14px;min-height:130px}.bvk6-lane-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.bvk6-lane-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:8px 0}.bvk6-lane-card small{color:var(--accent)}.table-wrap{overflow:auto;border:1px solid var(--line-soft);border-radius:14px}.bvk6-table{width:100%;border-collapse:collapse;min-width:920px}.bvk6-table th,.bvk6-table td{padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top;text-align:left}.bvk6-table th{position:sticky;top:0;background:var(--panel);z-index:1;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.11em}.bvk6-table td:first-child b{display:block;margin-top:2px}.bvk6-table a{color:var(--accent);text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:760px){.bvk6-hero{display:block}.bvk6-score{margin-top:14px;min-height:130px}.bvk6-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}