/* ============================================================
   EM BRAND LAYER v1 — unifies Expert System (style.css pages)
   and Parliament (uih.css pages) with the corporate DNA of
   em-ai-gateway.com: deep navy · cyan→indigo→violet · platinum
   Fonts: Unbounded (display) · Onest (ui) · JetBrains Mono
   Load AFTER style.css / uih.css.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&family=Onest:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ---------- shared brand tokens ---------- */
:root{
  --em-bg:#060A12; --em-panel:#0E1626; --em-panel-2:#111C30;
  --em-line:rgba(158,178,214,.13); --em-line-2:rgba(158,178,214,.24);
  --em-text:#E9EEF7; --em-muted:#94A2BC; --em-dim:#63718C;
  --em-cyan:#35E0D3; --em-indigo:#7C86F4; --em-violet:#A78BFA;
  --em-platinum:#E4D3A8; --em-gold:#D8BE86; --em-emerald:#37D399;
  --em-grad:linear-gradient(120deg,var(--em-cyan),var(--em-indigo) 58%,var(--em-violet));
  --em-grad-gold:linear-gradient(120deg,var(--em-platinum),var(--em-gold));
}

/* ============================================================
   A. STYLE.CSS PAGES (index/login/chat/cabinet/…): light → dark
   ============================================================ */
:root{
  --canvas:var(--em-bg);
  --surface:var(--em-panel);
  --surface-2:var(--em-panel-2);
  --hairline:var(--em-line);
  --hairline-soft:rgba(158,178,214,.08);
  --text:var(--em-text);
  --ink:#F4F7FF;
  --muted:var(--em-muted);
  --faint:var(--em-dim);
  --accent:var(--em-cyan);
  --accent-2:var(--em-indigo);
  --accent-soft:rgba(53,224,211,.12);
  --navy:var(--em-panel-2);
  --success:var(--em-emerald);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 8px 26px rgba(0,0,0,.35);
  --shadow-lg:0 24px 70px rgba(0,0,0,.55);
  --font-ui:"Onest",system-ui,"Segoe UI",sans-serif;
  --font-display:"Unbounded",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}
/* persona accents, readable on dark */
[data-persona="mp"]      {--accent:#7C86F4;--accent-2:#4F8DF7;--accent-soft:rgba(124,134,244,.14);}
[data-persona="minister"]{--accent:#37D399;--accent-2:#2E8C68;--accent-soft:rgba(55,211,153,.13);}
[data-persona="company"] {--accent:#D8BE86;--accent-2:#B07C2E;--accent-soft:rgba(216,190,134,.14);}

/* dark backdrop: grid + top glow (replaces light gradients) */
body::before{
  background:
    radial-gradient(1000px 480px at 82% -10%,rgba(124,134,244,.16),transparent 62%),
    linear-gradient(180deg,#080D18 0%,var(--em-bg) 46%) !important;
}
body::after{
  opacity:.5 !important;
  background-image:linear-gradient(var(--em-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--em-line) 1px,transparent 1px) !important;
}

/* display type */
h1,h2{letter-spacing:-.01em;}
.hero h1{font-weight:600;}
.grad,.grad-text{background:var(--em-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}

/* nav */
.nav{background:rgba(6,10,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--em-line);}
.nav .logo{background:var(--em-grad);color:#04121a;box-shadow:0 0 22px -6px var(--em-cyan);}

/* buttons → pill DNA */
.btn{border-radius:999px !important;font-family:var(--font-ui);}
.btn-primary{background:var(--em-grad) !important;color:#04121a !important;border:0 !important;
  box-shadow:0 14px 40px -14px var(--em-cyan) !important;font-weight:700;}
.btn-primary:hover{filter:brightness(1.06);box-shadow:0 20px 52px -14px var(--em-cyan) !important;transform:translateY(-1px);}
.btn-ghost{background:rgba(6,10,18,.5) !important;border:1px solid var(--em-line-2) !important;color:var(--em-text) !important;}
.btn-ghost:hover{border-color:var(--em-cyan) !important;background:rgba(53,224,211,.08) !important;}

/* inputs */
.input,input[type="text"],input[type="email"],input[type="password"],textarea,select{
  background:var(--em-panel-2) !important;border:1px solid var(--em-line-2) !important;
  color:var(--em-text) !important;border-radius:12px;}
.input::placeholder,input::placeholder,textarea::placeholder{color:var(--em-dim) !important;}
:focus-visible{outline:2px solid var(--em-cyan) !important;outline-offset:2px;}

/* cards / panels */
.card{background:linear-gradient(180deg,var(--em-panel),#0A1120) !important;
  border:1px solid var(--em-line) !important;box-shadow:var(--shadow);}
.card:hover{border-color:var(--em-line-2) !important;}
.instant-box{background:linear-gradient(160deg,rgba(53,224,211,.08),rgba(167,139,250,.05)),var(--em-panel) !important;
  border:1px solid var(--em-line-2) !important;}

/* stats numbers → platinum, Unbounded */
.stats .num,.stat .num{font-family:var(--font-display) !important;font-weight:600;
  background:var(--em-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent !important;}

/* eyebrow → mono kicker */
.eyebrow{font-family:var(--font-mono) !important;font-weight:500 !important;
  letter-spacing:.22em !important;color:var(--em-cyan) !important;}

/* badges / chips / cites */
.badge,.chip,.tag,.cite{background:rgba(158,178,214,.08);border:1px solid var(--em-line);color:var(--em-muted);}
.badge.high{color:var(--em-emerald);border-color:rgba(55,211,153,.4);}
.badge.medium{color:#F5B14C;border-color:rgba(245,177,76,.4);}
.badge.verify{color:#FB7185;border-color:rgba(251,113,133,.4);}
.cite .ok{color:var(--em-emerald);}

/* footer */
.footer{background:#050910;border-top:1px solid var(--em-line);color:var(--em-dim);}

/* scrollbar */
*{scrollbar-width:thin;scrollbar-color:#1B2A44 transparent;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{background:#1B2A44;border-radius:8px;}
*::-webkit-scrollbar-track{background:transparent;}

/* chat surfaces (chat.html etc.) */
.msg,.bubble{border:1px solid var(--em-line);}
.thinking .shimmer{background:linear-gradient(90deg,#14203A,#1E2F52,#14203A);}

/* tables (admin/billing) */
table{color:var(--em-text);}
th{color:var(--em-dim);}
td,th{border-color:var(--em-line) !important;}

/* ============================================================
   B. UIH.CSS PAGES (parliament/uih-*): navy+gold → DNA нэгдэл
   Gold identity kept as the "number/ceremony" accent (platinum),
   blues shifted to cyan→indigo, surfaces unified with corporate bg.
   ============================================================ */
:root{
  --navy-900:#050A14; --navy-800:#0A1526; --navy-700:#14264A;
  --blue-600:#7C86F4; --sky-500:#35E0D3; --sky-100:#12233F;
  --gold-600:#D8BE86; --gold-500:#E4D3A8; --gold-400:#EDDFB8; --gold-100:#F5EEDC;
  --paper:#060A12; --paper-2:#0C1728; --surface:#101E3A;
  --ink-900:#EDF2FC; --ink-700:#A9BAD6; --ink-500:#728AAC;
  --hairline:rgba(216,190,134,.15); --hairline-strong:rgba(216,190,134,.32);
  --focus:#35E0D3;
  --grad-gold:linear-gradient(135deg,#F0E3B6 0%,#D8BE86 45%,#A98B45 100%);
  --grad-sky:linear-gradient(120deg,#35E0D3,#7C86F4);
  --grad-hero:linear-gradient(125deg,#060A12 0%,#0B1830 48%,#14264A 100%);
  --glow-gold:0 0 44px rgba(216,190,134,.34);
  --glow-blue:0 0 70px rgba(53,224,211,.35);
}
/* parliament aurora → DNA hues (keep one gold breath) */
.aurora .a1{background:radial-gradient(circle,#2A3F8F,transparent 62%) !important;}
.aurora .a3{background:radial-gradient(circle,#35E0D3,transparent 62%) !important;opacity:.14 !important;}