/* Blue-cyan XENO Mail palette — matches the public-site header entry. */
:root{
  --xeno-bg:#edf6f8;
  --xeno-panel:#fff;
  --xeno-panel-2:#f2f8fa;
  --xeno-text:#13242a;
  --xeno-muted:#6b7f86;
  --xeno-line:#d5e6eb;
  --xeno-side:#061820;
  --xeno-side-2:#0a2630;
  --xeno-accent:#45cdf4;
  --xeno-accent-2:#55efbd;
}
.app{background:linear-gradient(135deg,#edf6f8,#f5fbfa 56%,#edf8fb)}
aside{background:radial-gradient(circle at 18% 0,rgba(69,205,244,.16),transparent 34%),linear-gradient(180deg,var(--xeno-side),#071b22 58%,#09231f);border-color:#153943;box-shadow:0 18px 45px rgba(2,43,56,.16)}
.compose,.primaryAction,.login button{color:#05242a;background:linear-gradient(110deg,#45cdf4,#55efbd);box-shadow:0 10px 28px rgba(37,179,217,.2)}
.compose:hover,.primaryAction:hover,.login button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.folders .folderRow>button.on{background:linear-gradient(90deg,rgba(69,205,244,.18),rgba(85,239,189,.09));box-shadow:inset 3px 0 #45cdf4}
.folders .folderRow>button.on .ico,.topbar .logo small{color:#45cdf4}
.folders em,.accountMark{color:#05242a;background:linear-gradient(135deg,#45cdf4,#55efbd)}
.topbar nav button.active{border-color:#45c8ee;background:linear-gradient(110deg,rgba(69,205,244,.13),rgba(85,239,189,.1));box-shadow:inset 0 0 0 1px rgba(69,205,244,.12)}
.topbar nav a:hover{color:#087ca1;border-color:#45c8ee;background:#e8f7fb}
.secure{color:#087b9e;background:linear-gradient(110deg,rgba(69,205,244,.16),rgba(85,239,189,.12))}
.avatar{color:#05242a;background:linear-gradient(135deg,#45cdf4,#55efbd)}
.unreadDot.on,.rowCheck:checked,.switch.on{background:#31bfe8;border-color:#31bfe8}
.trust{color:#087b78;background:linear-gradient(110deg,#eafaff,#ecfbf5);border-color:#a8dfeb}
.settingsNav button.on{color:#087b9e;background:linear-gradient(110deg,#e4f6fb,#e7f8f2)}
.themeChoices button.on{border-color:#3cc7ed;box-shadow:0 0 0 3px rgba(60,199,237,.12)}
.supportCard>i,.supportCard a{background:linear-gradient(135deg,#34bfe9,#42d8bd)}
.login{background:radial-gradient(circle at 16% 10%,rgba(41,139,186,.32),transparent 38%),radial-gradient(circle at 85% 88%,rgba(46,213,176,.12),transparent 34%),#07111d}
.login form{border-color:rgba(84,206,240,.22);background:linear-gradient(145deg,#0d1b27,#0b1722);box-shadow:0 32px 100px rgba(0,10,25,.72),0 0 70px rgba(40,176,220,.08)}
.login .brand img{border-color:rgba(80,211,240,.42);box-shadow:0 10px 30px rgba(25,180,218,.15)}
.login .brand small{color:#45cdf4}
.login input:focus{border-color:#45cdf4;box-shadow:0 0 0 3px rgba(69,205,244,.12)}
.theme-dark{
  --xeno-bg:#061116;
  --xeno-panel:#0a191e;
  --xeno-panel-2:#10242a;
  --xeno-text:#e7f4f7;
  --xeno-muted:#829ca3;
  --xeno-line:#1a3a43;
  --xeno-side:#06151b;
  --xeno-side-2:#09242c;
}
.theme-dark .topbar nav button.active,.theme-dark .topbar nav a:hover{color:#78dcf8;background:linear-gradient(110deg,rgba(69,205,244,.14),rgba(85,239,189,.08));border-color:#2caed2}
.theme-dark .secure{color:#78dcf8;background:linear-gradient(110deg,rgba(69,205,244,.14),rgba(85,239,189,.08))}
.theme-dark .settingsNav button.on{color:#75daf7;background:linear-gradient(110deg,rgba(69,205,244,.13),rgba(85,239,189,.07))}
.theme-dark .trust{color:#72dddc;background:linear-gradient(110deg,rgba(31,166,201,.14),rgba(31,174,135,.12));border-color:#1b5664}

/* Keep the authenticated dark theme visually continuous. */
.theme-dark.app,.theme-dark .app{background:radial-gradient(circle at 9% 0,rgba(40,167,210,.11),transparent 29%),radial-gradient(circle at 92% 100%,rgba(45,202,164,.06),transparent 30%),#061116}
.theme-dark .topbar{color:var(--xeno-text);background:transparent;border:0}
.theme-dark .topbar .logo,.theme-dark .topbar .logo span{color:#edf9fb}
.theme-dark .search{color:var(--xeno-text);background:#0c242a;border:1px solid #1b414b;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.theme-dark .search input{color:#e7f4f7}
.theme-dark .search input::placeholder{color:#779198}
.theme-dark main{background:linear-gradient(145deg,#0a191e,#09171c);border-color:#1a3a43;box-shadow:0 20px 60px rgba(0,8,13,.34)}
.theme-dark .toolbar{background:rgba(13,32,38,.72);border-color:#1a3a43}
.theme-dark .list{background:transparent}
.theme-dark .empty,.theme-dark .toolbar span{color:#789299}
.theme-dark .folders .folderRow>button:first-child:hover,.theme-dark .folders>.newFolder:hover{background:rgba(69,205,244,.07)}
.theme-dark .folders .folderRow>button.on{color:#effcff;background:linear-gradient(90deg,rgba(69,205,244,.2),rgba(85,239,189,.08));box-shadow:inset 3px 0 #45cdf4}
.theme-dark .sideBottom button:hover,.theme-dark .sideBottom button.active{background:rgba(69,205,244,.08)}

.empty{height:100%;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#657d84;font-size:14px}
.empty::before{content:"✉";width:64px;height:64px;display:grid;place-items:center;border:1px solid #c1e0e8;border-radius:20px;color:#159bc1;background:linear-gradient(145deg,#e5f8fd,#e8fbf4);font-size:25px;box-shadow:0 16px 45px rgba(29,151,187,.1)}
.empty::after{content:"Здесь появятся новые защищённые письма";color:#83969b;font-size:12px}
.theme-dark .empty{color:#91aab0}
.theme-dark .empty::before{border-color:#21505c;color:#62daf8;background:linear-gradient(145deg,rgba(69,205,244,.12),rgba(85,239,189,.08));box-shadow:0 18px 50px rgba(0,0,0,.24)}
.theme-dark .empty::after{color:#607b82}