/* ─────────────────────────────────────────────────────────────
* VT Portal — app shell, forms, tables, cards.
* Uses the same gold/violet palette as the marketing site for
* brand consistency, but a denser dark-app chrome.
* ───────────────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
html{font-size:15px;}
:root{
color-scheme: dark; /* native browser/window scrollbars + form controls render dark to match */
--gold: #dfa949;
--gold-dk: #b8882e;
--gold-lt: #f5e4b8;
--violet: #8582c3;
--violet-dk: #3919ba;
--violet-deep:#2a1290;
/* Light glass theme — a brighter violet gradient backdrop (matches the
marketing site) with frosted-glass surfaces floating on top. */
--bg-grad: linear-gradient(165deg,#241b52 0%,#34267e 48%,#4a3a9e 100%);
--bg-0: #2e2270; /* solid fallback */
/* Surface tokens now resolve to translucent glass so every card/panel that
already references them becomes glass-morphic automatically. */
--bg-1: rgba(255,255,255,0.10);
--bg-2: rgba(255,255,255,0.17);
--side: rgba(255,255,255,0.10);
--glass-bg: rgba(255,255,255,0.10);
--glass-bg2: rgba(255,255,255,0.16);
--glass-blur: blur(18px);
--line: rgba(255,255,255,0.22);
--line-2: rgba(255,255,255,0.34);
--text: #ffffff;
--text-mute: rgba(255,255,255,0.74);
--text-dim: rgba(255,255,255,0.55);
--danger: #ff7a7a;
--danger-dk: #b13d3d;
--success: #4ec47e;
--warn: #e9b04b;
}
body{
font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background:var(--bg-0);
background:var(--bg-grad) fixed;
color:var(--text);
min-height:100vh;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
a{color:var(--gold-lt);}
input,select,textarea,button{font:inherit;color:inherit;}
/* Native dropdowns: the browser's default popup uses the OS chrome, which
renders white-on-white on dark themes in Chrome/Edge. Force a dark popup
background + light text on every