/**
 * Phase C Ex / Nano-Banana visual standard — shared portal chrome.
 * Tokens from hall-of-cohorts.css + client-portal shell.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;700&display=swap");

body.ex-facelift {
  --bg: #050b14;
  --navy: #091425;
  --card: #111f3a;
  --line: #2a4566;
  --gold: #f4c030;
  --text: #ecf4ff;
  --muted: #9eb2ce;
  --border: rgba(244, 192, 48, 0.18);
  --radius: 16px;
  background: linear-gradient(180deg, #0d2138 0%, var(--bg) 48%, #061018 100%) !important;
  color: var(--text);
  font-family: Inter, Arial, sans-serif;
}

body.ex-facelift h1,
body.ex-facelift h2,
body.ex-facelift h3,
body.ex-facelift .va-logo,
body.ex-facelift .lab-title {
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing: 0.06em;
}

body.ex-facelift .card,
body.ex-facelift .va-card,
body.ex-facelift .mode-container,
body.ex-facelift .login-panel {
  background: linear-gradient(165deg, rgba(17, 31, 58, 0.98), rgba(9, 20, 37, 0.99)) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

body.ex-facelift .card::before,
body.ex-facelift .portal-head.card::before {
  content: none;
}

body.ex-facelift .tab,
body.ex-facelift .va-tab,
body.ex-facelift .mode-tab,
body.ex-facelift .nav-tab {
  border-radius: 12px !important;
  border: 1px solid var(--border) !important;
  font-family: Orbitron, Inter, sans-serif;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body.ex-facelift .tab.active,
body.ex-facelift .va-tab.active,
body.ex-facelift .mode-tab.active,
body.ex-facelift .nav-tab.active {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
  background: linear-gradient(135deg, rgba(244, 192, 48, 0.16), rgba(244, 192, 48, 0.04)) !important;
}

body.ex-facelift button.gold,
body.ex-facelift .gold {
  background: linear-gradient(135deg, #f4c030, #cf9f22) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing: 0.06em;
}

body.ex-facelift input,
body.ex-facelift select,
body.ex-facelift textarea {
  border-radius: 12px !important;
  border: 1px solid var(--border) !important;
  background: rgba(9, 20, 37, 0.92) !important;
}

body.ex-facelift #loginCard,
body.ex-facelift #login,
body.ex-facelift .login-overlay .login-panel {
  border: 1px solid rgba(244, 192, 48, 0.28) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

body.ex-facelift iframe {
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
}

body.ex-facelift .portal-head {
  border-bottom: 1px solid var(--border);
  padding-bottom: 8px;
}

body.ex-facelift .va-header {
  background: rgba(5, 11, 20, 0.96) !important;
  border-bottom: 1px solid var(--border) !important;
}

body.ex-facelift .sub,
body.ex-facelift .doo-sub,
body.ex-facelift .ladder-meta {
  color: var(--muted);
}

body.ex-facelift .logout-btn,
body.ex-facelift .va-btn {
  border-color: var(--border) !important;
}

/* HML portal shell */
body.ex-facelift .app-header,
body.ex-facelift .hml-hero-header {
  background: rgba(5, 11, 20, 0.96) !important;
  border-bottom: 1px solid var(--border) !important;
}

body.ex-facelift .button {
  border-radius: 12px !important;
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing: 0.06em;
}

body.ex-facelift .button-full#loginButton,
body.ex-facelift #loginButton.button-full {
  background: linear-gradient(135deg, #f4c030, #cf9f22) !important;
  color: #111 !important;
  border: none !important;
}

body.ex-facelift .brand-title,
body.ex-facelift .login-panel h1 {
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing: 0.08em;
}

body.ex-facelift .hml-hero-header {
  background-image:
    linear-gradient(135deg, rgba(5, 11, 20, 0.92) 0%, rgba(10, 22, 40, 0.88) 50%, rgba(5, 11, 20, 0.94) 100%) !important;
}

/* Entity brand gradients — Ex tokens, entity tint */
body.ex-facelift.brand-don {
  background: linear-gradient(180deg, #102e32 0%, #0f2a2e 50%, #081a1c 100%) !important;
}

body.ex-facelift.brand-nonprofit {
  background: linear-gradient(180deg, #123528 0%, #0f2a1a 45%, #081812 100%) !important;
}

body.ex-facelift.brand-bf.boardroom-locked {
  background: linear-gradient(180deg, #351220 0%, #2a0f1f 50%, #1a0812 100%) !important;
}

body.ex-facelift .tab-btn.active {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}