/* Genesis Drive — Midnight Theme / permanent default.
   Elegant graphite layers, indigo-violet accents and accessible contrast. */
:root {
  color-scheme: dark;
  --bg: #0a0d15;
  --panel: #121824;
  --panel-raised: #171e2d;
  --panel-soft: #1b2334;
  --line: #2a3448;
  --text: #ecf1fd;
  --muted: #a4b0c6;
  --accent: #95a4ff;
  --accent-2: #272e52;
  --danger: #ff829b;
  --ok: #43dbb0;
  --hover: #222b40;
  --shadow: 0 22px 65px rgba(0,0,0,.44);
}
html {color-scheme:dark!important}
html,body,.shell,main{background:var(--bg);color:var(--text)}
html,body{scrollbar-color:#35415b #111723}
a{color:#adbaff}
:focus-visible{outline:2px solid #a8b4ff;outline-offset:2px}
button,input,textarea,select{accent-color:#9baaff;color:var(--text)}
input::placeholder,textarea::placeholder{color:#8190a8}
aside{background:#101624;border-color:#253049;box-shadow:10px 0 38px rgba(0,0,0,.1)}
.brand,.brand small{color:var(--text)}
.brand small{color:#8795ac}
.brand .logo{background:linear-gradient(145deg,#5365e8,#9565d3);box-shadow:0 9px 20px #687bff29}
.nav a{color:#aebad2}
.nav-section{color:#798aa8}
.nav a:hover{background:#1e273a;color:#f2f5ff}
.nav a.active{background:linear-gradient(110deg,#262d53,#252344);color:#b9c5ff;box-shadow:inset 2px 0 #8998ff}
.nav .sep,.quota{border-color:#293347}
.nav .sep{background:#293347}
.quota{color:#9aa9c1}
.quota b{color:#f0f4ff!important}
.top{background:#111825;border-color:#273147;box-shadow:0 3px 16px #03060d19}
.search input,.in,input.in,textarea.in,select.in{background:#192233!important;border:1px solid #334059!important;color:#eaf0ff!important}
.search input:focus,.in:focus,input.in:focus,textarea.in:focus{border-color:#8396ff!important;box-shadow:0 0 0 3px #7e89ff25}
.search span{color:#93a3bf}
.content{background:radial-gradient(ellipse at 94% -15%,#1a224440 0%,transparent 42%),#0b101a}
.btn{background:#202b3d;border-color:#354059;color:#dfe6f7}
.btn:hover{background:#2b3750;border-color:#536481}
.btn.ghost{background:transparent;border-color:transparent;color:#afbed8}
.btn.ghost:hover{background:#29334a;color:#f5f7ff}
.btn.primary{background:linear-gradient(120deg,#566ce5,#7666d9);border-color:#7480e5;color:#fff;box-shadow:0 5px 17px #5a63de2e}
.btn.primary:hover{background:linear-gradient(120deg,#6378f1,#8a70e7)}
.btn.danger{color:#ff8ea5}
.card,.panel,.tile,.doc-tile,.gallery-card,.project-card,.workspace-empty,.empty{background:#141c2b;border-color:#2b374e;box-shadow:0 8px 30px #05091526;color:#edf1fd}
.card:hover,.tile:hover,.doc-tile:hover,.gallery-card:hover,.project-card:hover{border-color:#6575b3;box-shadow:0 16px 42px #04060f55}
.card .k,.card .v{color:var(--text)}
.card .k{color:#9cabca}
table.t,.t th,.t td{background:#141c2b;border-color:#2b3549;color:var(--text)}
.t th{background:#192335;color:#9faecb}
.t td{border-bottom-color:#253146}
.t tbody tr:hover{background:#202d43}
.t tr.sel{background:#282d56}
.namecell .nm,.tile .tn{color:#e4ebff}
.ico{background:#28344a;color:#c1cded}
.tile .th{background:linear-gradient(140deg,#20283d,#1b2435)}
.tile .ts,.muted{color:var(--muted)}
.chip{background:#2c3549;color:#b8c8e2}
.chip.ai{background:#31254e;color:#d0b7ff}
.chip.ext{background:#172d4d;color:#9bd8ff}
.bar{background:#28344a}
.bar>div{background:linear-gradient(90deg,#7891ff,#a383fa)}
.crumbs a{color:#a3aec4}
.crumbs a:last-child{color:#eff3ff}
.crumbs a:hover{color:#dbe2ff;background:#25314a}
.genesis-hero{background:radial-gradient(circle at 95% 15%,#533d9169,transparent 42%),linear-gradient(112deg,#19254a,#242f68 52%,#45376e);border:1px solid #5265a45e;box-shadow:0 22px 46px #03081555}
.genesis-hero h1{color:#fff}
.genesis-hero h1 span{background:linear-gradient(95deg,#9ec4ff,#d9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.genesis-hero p{color:#c6d2ee}
.hero-eyebrow{color:#aabaff}
.hero-action{background:#f5f5ff;color:#24365e;border-color:#f5f5ff}
.hero-action:hover{background:#fff;color:#21345b}
.hero-action.outline{background:#ffffff12;border-color:#8f9ed57a;color:#eff1ff}
.genesis-shortcuts>button{background:#151e2d;border:1px solid #2e3a52;box-shadow:0 7px 24px #060a152b;color:#aebbce}
.genesis-shortcuts>button:hover{background:#202a40;border-color:#6a78b2}
.genesis-shortcuts b{color:#f0f4ff}
.genesis-shortcuts small{color:#a4afc2}
.shortcut-symbol,.shortcut-symbol.s-page,.shortcut-symbol.s-sheet{background:#292b52;color:#b9bdff}
.shortcut-symbol.s-sheet{background:#173c3d;color:#75e0c5}
.workspace-head h1,.workspace-head h1 *:not(.head-icon){color:#f2f5ff}
.workspace-head p,.workspace-head .head-overline,.workspace-summary{color:#a1aec5}
.head-icon,.doc-emoji,.head-icon.media{background:#313159;color:#b1b7ff}
.head-icon.sheet,.doc-emoji.sheet{background:#183f42;color:#7ae1c4}
.doc-open{color:#91a1c1}
.doc-tile b{color:#eef2ff}
.doc-excerpt,.doc-meta{color:#9dadc5}
.doc-meta{border-color:#29364a}
.workspace-empty h3,.empty h3{color:#f0f3fc}
.workspace-empty p{color:#a5b1c5}
.gallery-filters button{background:#192436;border-color:#324055;color:#b3bfd5}
.gallery-filters button:hover{background:#29364b}
.gallery-filters button.active{background:#2b315e;color:#c4cbff;border-color:#6572bd}
.gallery-cover{background:#1d283b}
.gallery-name{color:#f0f2fc}
.gallery-extra{color:#a0afc6}
.create-choices button{background:#192436;border-color:#334058;color:#f0f4ff}
.create-choices button:hover{background:#273254;border-color:#8d9af5}
.create-choices small{color:#a9b8d2}
.drawer{background:#121927;border-color:#2e3850;box-shadow:-20px 0 60px #050914a0}
.drawer-bg.on{background:#0508157c}
.dh,.hist div{border-color:#2d3950}
.dh h3{color:#eef2ff}
.db{background:#121927}
.preview{background:#202a3c;border-color:#324059}
.preview pre{color:#dfe7fa}
dl.meta dt{color:#a6b4ce}
dl.meta dd,dl.meta code{color:#e4eaf7}
.actions a{color:inherit}
.modal-bg.on{background:#050816af}
.modal{background:#172031;border:1px solid #35435e;box-shadow:0 35px 95px #03060cbd}
.modal h3{color:#f0f4ff}
.picker{border-color:#34415a}
.picker div:hover{background:#2b3550}
.uploads{background:#172031;border-color:#37415a}
.uploads .uh,.uitem{border-color:#2c3951}
.toast{background:#272f4a;color:#f0f4ff;border:1px solid #526486}
.toast a{color:#c6d0ff}
.dropzone{background:#242b5666;color:#c5cdff}
.login{background:radial-gradient(ellipse at 50% 5%,#242e6144,transparent 55%),#090d16}
.login .box{background:#151d2e;border-color:#344159;box-shadow:0 24px 70px #030511b0}
.login .muted{color:#adb9d0}
.kv code,.code{background:#0f1828;border-color:#32415b;color:#d8e2fa}
pre.code{color:#d4e0f3}
.skel{background:linear-gradient(90deg,#192131,#29354a,#192131);background-size:200% 100%}
.project-card{background:#161e2e;color:#eaf0fb;border-color:#313b53}
.project-card b,.project-detail-hero h1{color:#f1f5ff}
.project-card p,.project-detail-hero p{color:#a5b0c7}
.project-card-foot{border-color:#2b364d;color:#a4afc5}
.project-card-icon,.project-large-icon{background:#282e50;color:#bfbbff}
.project-counts span{background:#263148;color:#bac5dc}
.project-breadcrumb b{color:#e8efff}
.project-breadcrumb button{color:#afc0ff}
.project-detail-hero{background:radial-gradient(ellipse at right top,#2a2e5b56,transparent 54%),#161f30;border-color:#313d56}
.project-picker-list{border-color:#37445d}
.project-picker-row{background:#1c2638;border-color:#2b3950;color:#eaf0ff}
.project-picker-row:hover{background:#2a3550}
.project-picker-row>small{color:#a1afc5}
.project-filter-select{background:#1a2639;border-color:#3b4863;color:#e2e9ff}
.project-summary{color:#a9b5ca}
.project-large-icon{color:#c3c5ff}
@media(max-width:820px){
  .shell.nav-open aside{box-shadow:20px 0 80px #000a}
  .top{background:#111825}
}


/* User's Elemental Genesis emblem replaces the temporary letter avatar. */
.brand .logo {
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px;
  width:40px!important;
  height:40px!important;
  padding:3px!important;
  overflow:hidden!important;
  border:1px solid rgba(208,218,244,.48)!important;
  border-radius:11px!important;
  background:#f8faff!important;
  box-shadow:0 5px 15px rgba(2,8,24,.32)!important;
}
.brand .logo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:5px;
}
.login .brand .logo{flex-basis:44px;width:44px!important;height:44px!important;}