/**
 * EliteCrypt — app.css
 * Extracted from public/index.html by Epoch 18.5 Architectural Purge.
 *
 * ╔══════════════════════════════════════════════════════════════════╗
 * ║  MONOLITH-VERBOT                                                 ║
 * ║  public/index.html MUST NEVER be extended with inline CSS.       ║
 * ║  All new styles MUST be added to this file or a dedicated        ║
 * ║  file in /public/assets/css/.                                    ║
 * ║                                                                  ║
 * ║  CSP-COMPLIANCE                                                  ║
 * ║  Code must be structured so a CSP without 'unsafe-inline'        ║
 * ║  is achievable. No inline style attributes in new HTML.          ║
 * ╚══════════════════════════════════════════════════════════════════╝
 *
 * Generated: 2026-06-01T00:20:43.705Z
 */

/* ─── Style Block 1 (original lines 195–311) ─── */

/* ── Phase 4: Elite Gold UI Gating ─────────────────────────────── */
/* Lock icon on gated features (free users) */
.ec-gold-lock {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  font-size: 10px !important;
  z-index: 10 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 0 3px rgba(255,215,0,0.6));
  animation: ec-lock-pulse 2s ease-in-out infinite;
}
@keyframes ec-lock-pulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}

/* Elite Gold badge (shown for premium users) */
.ec-elite-badge {
  color: #ffd700 !important;
  font-size: inherit !important;
  text-shadow: 0 0 6px rgba(255,215,0,0.5) !important;
  margin-left: 2px;
}

/* Inline lock label for disabled settings rows */
.ec-gold-lock-inline {
  font-size: 10px !important;
  color: #ffd700 !important;
  margin-left: 8px !important;
  opacity: 0.8;
}

/* Body-level plan gating via data attribute */
body[data-ec-plan="free"] .ec-premium-only {
  opacity: 0.4 !important;
  pointer-events: none !important;
  position: relative !important;
}
body[data-ec-plan="free"] .ec-premium-only::after {
  content: '🔒';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  z-index: 10;
}

/* Elite Gold active body class — profile badge glow */
body.ec-elite-gold-active .premium-badge,
body.ec-elite-gold-active .ec-elite-badge {
  color: #ffd700 !important;
  text-shadow: 0 0 8px rgba(255,215,0,0.6), 0 0 16px rgba(255,215,0,0.3) !important;
}

/* Ghost mode disabled state for free users */
body[data-ec-plan="free"] #toggle-ghost {
  pointer-events: none !important;
}
body[data-ec-plan="free"] #toggle-ghost + span {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

/* ── Phase 3: PIN is mandatory — no optional PIN in registration form ── */
/* (old #new-pin spinner rules removed — PIN setup is now a mandatory
    post-seed-phrase onboarding step, not part of the registration form) */

/* ── Phase 3: Mandatory PIN setup modal — mobile responsive ── */
#pin-setup-modal .modal {
  width: calc(100% - 32px) !important;
  max-width: 440px !important;
  margin: 0 auto !important;
}
#pin-setup-modal #onboarding-pin,
#pin-setup-modal #onboarding-pin2 {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  font-size: 20px !important;
  letter-spacing: 6px !important;
  text-align: center !important;
}
#pin-setup-modal #onboarding-pin::-webkit-outer-spin-button,
#pin-setup-modal #onboarding-pin::-webkit-inner-spin-button,
#pin-setup-modal #onboarding-pin2::-webkit-outer-spin-button,
#pin-setup-modal #onboarding-pin2::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media (max-width: 480px) {
  #pin-setup-modal .modal {
    border-radius: 20px 20px 0 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ── Register form: captcha + consent card breathing room ── */
#setup-new .auth-captcha-card {
  margin-top: 4px;
  margin-bottom: 4px;
}
#setup-new .auth-consent-card {
  margin-bottom: 2px;
}
#setup-new #btn-create-acc {
  margin-top: 4px;
}

/* ─── Style Block 2 (original lines 324–328) ─── */
html.ec-admin-elite-mode body > *:not(#ec-admin-elite-shell):not(script):not(style){display:none !important}
html.ec-admin-elite-mode #ec-admin-elite-shell{display:block !important}
html.ec-admin-elite-mode body{overflow:auto !important;background:#05060a !important}

/* ─── Style Block 3 (original lines 355–579) ─── */
/* ═══ V15 INTRO 2 — Neural Awakening ═══ */
#ec-intro-overlay {
  position: fixed; inset: 0;
  background: #02020a;
  z-index: 2147483646;
  display: none;
  align-items: center; justify-content: center;
  overflow: hidden;
  cursor: pointer;
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}
#ec-intro-overlay.active { display: flex; }
#ec-intro-overlay.warping { pointer-events: none; }
#ec-intro-overlay.warping .ec-intro-ui,
#ec-intro-overlay.warping .ec-intro-status {
  animation: ecUiWarp 0.5s cubic-bezier(.7,0,.84,0) forwards;
}
#ec-intro-overlay.finishing {
  animation: ecOverlayFade 0.6s ease-in forwards;
}
#ec-intro-canvas {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
}
.ec-intro-ui {
  position: relative; z-index: 100;
  text-align: center;
  padding: 20px;
  user-select: none;
  pointer-events: none;
  max-width: 640px;
}
.ec-intro-logo-mark {
  display: inline-block;
  width: 64px; height: 64px;
  margin: 0 auto 28px;
  position: relative;
  animation: ecLogoAppear 1.4s cubic-bezier(.16,1,.3,1) 0.2s both;
}
.ec-intro-logo-mark::before,
.ec-intro-logo-mark::after {
  content: ''; position: absolute; inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(138, 43, 226, 0.4);
  animation: ecPulseRing 3s ease-in-out infinite;
}
.ec-intro-logo-mark::after {
  animation-delay: 1.5s;
  border-color: rgba(0, 209, 255, 0.4);
}
.ec-intro-logo-inner {
  position: absolute; inset: 14px;
  background: linear-gradient(135deg, #8A2BE2, #00D1FF);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 900; color: #fff;
  letter-spacing: -0.5px;
  box-shadow: 0 0 30px rgba(138, 43, 226, 0.6), inset 0 0 20px rgba(255, 255, 255, 0.1);
}
.ec-intro-badge {
  display: inline-block;
  padding: 6px 14px;
  background: rgba(138, 43, 226, 0.08);
  border: 1px solid rgba(138, 43, 226, 0.25);
  border-radius: 999px;
  font-family: 'JetBrains Mono', 'Menlo', monospace;
  font-size: 10px;
  letter-spacing: 0.25em;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: ecSlideUp 1s cubic-bezier(.16,1,.3,1) 0.5s both;
  backdrop-filter: blur(10px);
}
.ec-intro-badge::before {
  content: '●';
  color: #00ff88;
  margin-right: 8px;
  animation: ecLivePulse 1.5s ease-in-out infinite;
}
.ec-intro-title {
  font-family: 'Inter', sans-serif;
  font-size: clamp(40px, 7.5vw, 88px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.95;
  margin-bottom: 18px;
  animation: ecSlideUp 1.2s cubic-bezier(.22,1,.36,1) 0.7s both;
}
.ec-intro-title .ec-word {
  display: inline-block;
  background: linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.ec-intro-title .ec-accent {
  background: linear-gradient(135deg, #00D1FF, #8A2BE2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-style: italic;
  font-weight: 300;
}
.ec-intro-tagline {
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 48px;
  font-weight: 300;
  max-width: 480px;
  margin-left: auto; margin-right: auto;
  line-height: 1.6;
  animation: ecSlideUp 1s ease-out 1s both;
}
.ec-intro-cta {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 2px;
  background: linear-gradient(135deg, #8A2BE2, #00D1FF);
  border-radius: 999px;
  cursor: pointer;
  position: relative;
  animation: ecCtaPop 1s cubic-bezier(.34,1.56,.64,1) 1.4s both;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 10px 40px rgba(138, 43, 226, 0.3);
}
.ec-intro-cta:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 20px 60px rgba(138, 43, 226, 0.5), 0 0 0 8px rgba(0, 209, 255, 0.08);
}
.ec-intro-cta-inner {
  background: #02020a;
  padding: 16px 36px;
  border-radius: 999px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.ec-intro-cta-inner::after {
  content: '→';
  font-size: 18px;
  transition: transform 0.3s;
}
.ec-intro-cta:hover .ec-intro-cta-inner::after { transform: translateX(4px); }
.ec-intro-hint {
  margin-top: 28px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.3em;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  animation: ecSlideUp 1s ease-out 1.8s both;
}
.ec-intro-hint kbd {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 9px;
}
.ec-intro-status {
  position: absolute;
  bottom: max(24px, env(safe-area-inset-bottom, 0));
  left: 0; right: 0;
  text-align: center;
  z-index: 100;
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: 0.25em;
  color: rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
  animation: ecSlideUp 1s ease-out 2s both;
}
.ec-intro-status .ec-dot {
  display: inline-block;
  width: 6px; height: 6px;
  background: #00ff88;
  border-radius: 50%;
  margin: 0 12px -1px;
  animation: ecLivePulse 1.5s ease-in-out infinite;
  box-shadow: 0 0 8px #00ff88;
}
@keyframes ecLogoAppear {
  from { opacity: 0; transform: scale(0.5) rotate(-90deg); }
  to   { opacity: 1; transform: scale(1) rotate(0); }
}
@keyframes ecPulseRing {
  0%   { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(2); opacity: 0; }
}
@keyframes ecSlideUp {
  from { opacity: 0; transform: translateY(30px); filter: blur(6px); }
  to   { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes ecLivePulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}
@keyframes ecCtaPop {
  0%   { opacity: 0; transform: scale(0.7) translateY(20px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes ecUiWarp {
  to { opacity: 0; transform: scale(0.8) translateZ(-200px); filter: blur(30px); }
}
@keyframes ecOverlayFade {
  to { opacity: 0; visibility: hidden; }
}
@media (max-width: 600px) {
  .ec-intro-title { font-size: 40px; }
  .ec-intro-tagline { font-size: 13px; }
}

/* ─── Style Block 4 [style id="premium-ui-prepass-shell"] (original lines 580–1649) ─── */
#landing-screen #lp-hero .lp-hero-inner {
  position: relative;
  padding: clamp(26px, 4vw, 48px) !important;
  border-radius: 34px !important;
  background: linear-gradient(180deg, rgba(6, 10, 20, 0.52), rgba(10, 14, 24, 0.76)) !important;
  border: 1px solid rgba(124, 106, 247, 0.16) !important;
  box-shadow:
    0 38px 90px -54px rgba(0, 0, 0, 0.9),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 0 90px rgba(0, 255, 255, 0.06) !important;
  backdrop-filter: blur(30px) saturate(150%);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
}

#landing-screen #lp-hero .lp-hero-inner::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 0%, rgba(94, 242, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(147, 51, 234, 0.18), transparent 34%);
  opacity: 0.9;
}

#landing-screen #lp-hero .lp-h1,
#landing-screen #lp-hero .lp-hero-sub,
#landing-screen #lp-hero .lp-ctas,
#landing-screen #lp-hero .lp-terminal,
#landing-screen #lp-hero .lp-hero-badge {
  position: relative;
  z-index: 1;
}

#landing-screen #lp-hero .lp-hero-badge {
  background: rgba(8, 14, 24, 0.72) !important;
  border: 1px solid rgba(94, 242, 255, 0.16) !important;
  box-shadow: 0 14px 36px -28px rgba(0, 255, 255, 0.4);
}

#landing-screen #lp-hero .lp-hero-sub {
  max-width: 64ch;
  margin-inline: auto;
  color: rgba(232, 236, 248, 0.78) !important;
}

#landing-screen #lp-hero .lp-terminal {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(7, 12, 22, 0.9), rgba(4, 7, 14, 0.96)) !important;
  box-shadow:
    0 26px 70px -44px rgba(0, 0, 0, 0.9),
    0 0 30px rgba(123, 86, 255, 0.08);
}

#landing-screen .lp-btn-primary,
#landing-screen .lp-btn-secondary,
#landing-screen .lp-mobile-cta {
  min-height: 54px;
  border-radius: 999px !important;
  box-shadow: 0 18px 38px -24px rgba(123, 86, 255, 0.45);
}

#landing-screen .lp-btn-secondary {
  background: rgba(7, 12, 22, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

#rooms-screen,
#chat-screen,
#vault-screen {
  background:
    radial-gradient(circle at top left, rgba(0, 255, 255, 0.06), transparent 26%),
    radial-gradient(circle at top right, rgba(147, 51, 234, 0.1), transparent 24%),
    linear-gradient(180deg, #050812 0%, #05070d 100%) !important;
}

#rooms-screen .top-bar,
#chat-screen .chat-top-bar {
  width: min(1180px, calc(100% - 20px));
  margin: max(12px, env(safe-area-inset-top, 12px)) auto 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.78), rgba(10, 14, 24, 0.94)) !important;
  box-shadow: 0 28px 80px -54px rgba(0, 0, 0, 0.94);
}

#rooms-screen .rooms-list,
#chat-screen #messages,
#vault-screen #vault-content {
  width: min(1180px, calc(100% - 20px));
  margin-left: auto !important;
  margin-right: auto !important;
}

#rooms-screen .rooms-list {
  padding-top: 18px !important;
  padding-bottom: 120px !important;
}

#rooms-screen .room-card,
#rooms-screen .room-item {
  border-radius: 20px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 20px 46px -34px rgba(0, 0, 0, 0.94) !important;
}

#rooms-screen .room-card.active-room,
#rooms-screen .room-item.active-room,
#rooms-screen .room-card[style*="var(--accent)"] {
  border-color: rgba(94, 242, 255, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 56px -30px rgba(123, 86, 255, 0.36),
    0 0 0 1px rgba(94, 242, 255, 0.08) !important;
}

#rooms-screen #v16-welcome-card .v16-card,
#chat-screen #room-welcome-overlay > div {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.88), rgba(8, 12, 22, 0.94)) !important;
  box-shadow:
    0 32px 84px -42px rgba(0, 0, 0, 0.85),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 28px 90px -58px rgba(124, 106, 247, 0.42) !important;
}

#chat-screen #messages {
  padding: 18px 0 144px !important;
}

#chat-screen .msg-bubble,
#chat-screen .message-bubble,
#chat-screen .chat-msg-card {
  max-width: min(82%, 560px) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 18px 40px -32px rgba(0, 0, 0, 0.94) !important;
}

#chat-screen .msg-bubble.mine,
#chat-screen .mine .msg-bubble,
#chat-screen .message-bubble.mine,
#chat-screen .chat-msg-card.mine {
  background: linear-gradient(145deg, rgba(126, 90, 255, 0.94), rgba(62, 207, 255, 0.74)) !important;
  border-color: rgba(179, 202, 255, 0.16) !important;
  color: #fbfcff !important;
}

#chat-screen .msg-bubble.theirs,
#chat-screen .theirs .msg-bubble,
#chat-screen .message-bubble.theirs,
#chat-screen .chat-msg-card.theirs {
  background: linear-gradient(180deg, rgba(18, 22, 38, 0.96), rgba(10, 14, 26, 0.92)) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
}

#chat-screen .msg-bubble.system {
  background: rgba(94, 242, 255, 0.08) !important;
  border-color: rgba(94, 242, 255, 0.18) !important;
  color: rgba(220, 246, 255, 0.88) !important;
}

#chat-screen .input-bar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto;
  padding: 10px 0 max(18px, env(safe-area-inset-bottom, 18px)) !important;
  background: transparent !important;
  border-top: 0 !important;
}

#chat-screen .input-wrap {
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(11, 16, 28, 0.84), rgba(7, 10, 19, 0.94)) !important;
  box-shadow: 0 24px 54px -40px rgba(0, 0, 0, 0.96);
  padding: 8px 10px 8px 12px !important;
}

#chat-screen #msg-input {
  min-height: 48px;
  padding: 12px 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#chat-screen .attach-btn,
#chat-screen .destruct-toggle,
#chat-screen #attach-btn,
#chat-screen #mic-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--text2) !important;
}

#chat-screen .send-btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: 18px !important;
  padding: 0 !important;
}

#reply-bar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(14, 20, 34, 0.86), rgba(8, 12, 22, 0.96));
  box-shadow: 0 18px 38px -30px rgba(0, 0, 0, 0.92);
}

#vault-screen > div:nth-child(1),
#vault-screen > div:nth-child(2),
#vault-screen > div:nth-child(3) {
  width: min(1180px, calc(100% - 20px));
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.82), rgba(8, 12, 22, 0.94)) !important;
  box-shadow: 0 26px 64px -48px rgba(0, 0, 0, 0.94);
}

#vault-screen > div:nth-child(1) {
  margin-top: max(12px, env(safe-area-inset-top, 12px));
  border-radius: 24px !important;
}

#vault-screen > div:nth-child(2),
#vault-screen > div:nth-child(3) {
  margin-top: 10px;
  border-radius: 20px !important;
}

#vault-screen #vault-content {
  padding-top: 18px !important;
  padding-bottom: 34px !important;
}

#vault-screen #vault-files-grid > *,
#vault-screen #vault-passwords-list > *,
#vault-screen #vault-notes-list > *,
.safe-item {
  border-radius: 18px !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 18px 40px -30px rgba(0, 0, 0, 0.92) !important;
}

#vault-screen #vault-files-grid > *:hover,
#vault-screen #vault-passwords-list > *:hover,
#vault-screen #vault-notes-list > *:hover,
.safe-item:hover {
  border-color: rgba(94, 242, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 24px 56px -30px rgba(123, 86, 255, 0.28) !important;
}

.modal-overlay.active {
  background: rgba(3, 6, 14, 0.74) !important;
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

#settings-modal > .modal,
#profile-modal > .modal,
#profile-sub-modal > .modal,
#notes-modal > .modal,
#sessions-modal > .modal,
#admin-modal > .modal,
#room-picker-modal > .modal,
#create-room-modal > .modal,
#join-room-modal > .modal,
#room-options-modal > .modal,
#twofa-setup-modal > .modal,
#twofa-login-modal > .modal,
#vault-upload-modal > .modal,
#vault-pw-modal > .modal,
#vault-note-modal > .modal,
#webauthn-modal > .modal,
#qr-login-gen-modal > .modal,
#qr-scan-modal > .modal,
#report-modal > .modal,
#link-warning-modal > .modal,
#legal-modal > .modal,
#impressum-modal > .modal,
#datenschutz-modal > .modal,
#tos-modal > .modal,
#premium-modal > .modal {
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.94), rgba(8, 12, 22, 0.98)) !important;
  box-shadow:
    0 40px 100px -48px rgba(0, 0, 0, 0.96),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 20px 70px -56px rgba(123, 86, 255, 0.45) !important;
}

#profile-modal .prof-cat-item,
#profile-sub-modal #profile-sub-content > *,
#admin-content > *,
#sessions-list > *,
#notes-list > * {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(17, 21, 35, 0.76), rgba(10, 12, 24, 0.94)) !important;
  box-shadow: 0 18px 44px -36px rgba(0, 0, 0, 0.96);
}

#profile-modal .prof-cat-item {
  margin: 10px 14px 0 !important;
  border-bottom: 0 !important;
}

#profile-modal .prof-cat-item:hover,
#profile-sub-modal #profile-sub-content > *:hover,
#admin-content > *:hover,
#sessions-list > *:hover,
#notes-list > *:hover {
  border-color: rgba(94, 242, 255, 0.16) !important;
  transform: translateY(-1px);
}

#admin-modal .btn,
#sessions-modal .btn,
#room-picker-modal .btn,
#create-room-modal .btn,
#join-room-modal .btn,
#room-options-modal .btn {
  max-width: none;
}

@media (min-width: 900px) {
  .modal-overlay.active {
    align-items: center !important;
    padding: 28px;
  }

  .modal {
    border-radius: 28px !important;
    max-height: min(88vh, 920px) !important;
  }
}

@media (max-width: 640px) {
  #landing-screen #lp-hero .lp-hero-inner {
    padding: 24px 18px 22px !important;
    border-radius: 26px !important;
  }

  #rooms-screen .top-bar,
  #chat-screen .chat-top-bar,
  #vault-screen > div:nth-child(1),
  #vault-screen > div:nth-child(2),
  #vault-screen > div:nth-child(3),
  #rooms-screen .rooms-list,
  #chat-screen #messages,
  #chat-screen .input-bar,
  #reply-bar,
  #vault-screen #vault-content {
    width: calc(100% - 12px) !important;
  }

  #chat-screen #messages {
    padding-bottom: 132px !important;
  }

  #chat-screen .msg-bubble,
  #chat-screen .message-bubble,
  #chat-screen .chat-msg-card {
    max-width: 88% !important;
  }
}

/* V20 Private Chat desktop shell */
#rooms-screen .pc-shell,
#rooms-screen .pc-sidebar {
  display: contents;
}

#rooms-screen .pc-sidebar-head,
#rooms-screen .pc-stage-shell {
  display: none;
}

@media (min-width: 900px) {
  body.auth-ready {
    --pc-shell-pad: 20px;
    --pc-rail-w: 84px;
    --pc-sidebar-w: 392px;
    --pc-shell-gap: 18px;
  }

  body.auth-ready #rooms-screen.screen.active {
    display: block !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 12% 12%, rgba(122, 92, 255, 0.18), transparent 24%),
      radial-gradient(circle at 86% 14%, rgba(0, 240, 255, 0.12), transparent 20%),
      linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
      linear-gradient(180deg, #05060b 0%, #04050a 58%, #020308 100%) !important;
    background-size: auto, auto, 30px 30px, 30px 30px, auto !important;
    background-position: 0 0, 0 0, center center, center center, 0 0 !important;
  }

  body.auth-ready #rooms-screen .pc-shell {
    display: grid !important;
    grid-template-columns: var(--pc-rail-w) var(--pc-sidebar-w) minmax(0, 1fr);
    gap: var(--pc-shell-gap);
    height: 100dvh;
    padding: var(--pc-shell-pad);
    box-sizing: border-box;
  }

  body.auth-ready #rooms-screen .top-bar {
    grid-column: 1;
    grid-row: 1;
    width: auto !important;
    min-height: calc(100dvh - (var(--pc-shell-pad) * 2)) !important;
    margin: 0 !important;
    padding: 18px 10px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(175, 192, 255, 0.12) !important;
    background: linear-gradient(180deg, rgba(16, 18, 34, 0.92), rgba(8, 10, 18, 0.9)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 24px 54px rgba(0, 0, 0, 0.28),
      0 0 28px rgba(122, 92, 255, 0.14) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
    overflow: hidden;
  }

  body.auth-ready #rooms-screen .top-bar::before {
    content: 'EC';
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(135deg, rgba(0, 240, 255, 0.22), rgba(122, 92, 255, 0.28));
    color: #eef6ff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.16em;
    box-shadow:
      0 14px 28px rgba(122, 92, 255, 0.26),
      0 0 24px rgba(0, 240, 255, 0.12);
  }

  body.auth-ready #rooms-screen .top-bar-title {
    display: none !important;
  }

  body.auth-ready #rooms-screen .top-bar > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge {
    order: 20;
    margin-top: auto !important;
    width: 100% !important;
    padding: 10px 8px !important;
    flex-direction: column !important;
    gap: 8px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important;
    border: 1px solid rgba(173, 191, 255, 0.14) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 14px 28px rgba(0, 0, 0, 0.18) !important;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge span {
    display: block !important;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 11px !important;
    line-height: 1.3;
    color: rgba(224, 232, 252, 0.86) !important;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge .avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 10px 20px rgba(0, 0, 0, 0.22) !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
    border: 1px solid rgba(173, 191, 255, 0.13) !important;
    color: rgba(241, 245, 255, 0.92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 10px 24px rgba(0, 0, 0, 0.18) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(122, 92, 255, 0.26) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 16px 30px rgba(0, 0, 0, 0.22),
      0 0 22px rgba(122, 92, 255, 0.12) !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn[onclick*="logout"] {
    order: 21;
    margin-top: 2px !important;
    border-color: rgba(255, 122, 148, 0.18) !important;
    color: rgba(255, 181, 197, 0.92) !important;
  }

  body.auth-ready #rooms-screen .pc-sidebar {
    display: flex !important;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    position: relative;
  }

  body.auth-ready #rooms-screen .pc-sidebar-head {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 18px;
    border-radius: 30px 30px 0 0;
    border: 1px solid rgba(173, 191, 255, 0.12) !important;
    border-bottom: 1px solid rgba(173, 191, 255, 0.08) !important;
    background: linear-gradient(180deg, rgba(17, 18, 34, 0.92), rgba(9, 10, 18, 0.9)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 20px 44px rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: blur(20px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  }

  body.auth-ready #rooms-screen .pc-sidebar-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
  }

  body.auth-ready #rooms-screen .pc-sidebar-kicker,
  body.auth-ready #rooms-screen .pc-stage-kicker {
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(189, 199, 226, 0.66);
    font-family: var(--font-mono);
  }

  body.auth-ready #rooms-screen .pc-sidebar-title,
  body.auth-ready #rooms-screen .pc-stage-title {
    font-size: 30px;
    line-height: 1.02;
    letter-spacing: -0.05em;
    font-weight: 700;
    color: #f4f7ff;
  }

  body.auth-ready #rooms-screen .pc-sidebar-sub,
  body.auth-ready #rooms-screen .pc-stage-sub {
    font-size: 13px;
    line-height: 1.65;
    color: rgba(212, 220, 242, 0.68);
    max-width: 34ch;
  }

  body.auth-ready #rooms-screen .pc-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(0, 240, 255, 0.08);
    border: 1px solid rgba(0, 240, 255, 0.18);
    color: #8cf1ff;
    font-size: 11px;
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.08);
  }

  body.auth-ready #rooms-screen .pc-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #7affb0;
    box-shadow: 0 0 12px rgba(122, 255, 176, 0.88);
  }

  body.auth-ready #rooms-screen .rooms-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 18px 18px 104px !important;
    border: 1px solid rgba(173, 191, 255, 0.10) !important;
    border-top: none !important;
    border-radius: 0 0 30px 30px !important;
    background: linear-gradient(180deg, rgba(12, 13, 24, 0.9), rgba(8, 9, 16, 0.94)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 24px 50px rgba(0, 0, 0, 0.22),
      0 0 24px rgba(122, 92, 255, 0.08) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  body.auth-ready #rooms-screen .rooms-list::before {
    content: none !important;
    display: none !important;
  }

  body.auth-ready #rooms-screen .room-card {
    position: relative;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden;
    margin-bottom: 0 !important;
    padding: 14px 14px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.022)) !important;
    border: 1px solid rgba(173, 191, 255, 0.08) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.045),
      0 14px 30px rgba(0, 0, 0, 0.16) !important;
  }

  body.auth-ready #rooms-screen .room-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 0% 0%, rgba(0, 240, 255, 0.06), transparent 24%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 42%);
    opacity: 0.9;
    pointer-events: none;
  }

  body.auth-ready #rooms-screen .room-card:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(180deg, rgba(122, 92, 255, 0.15), rgba(255, 255, 255, 0.03)) !important;
    border-color: rgba(122, 92, 255, 0.22) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 18px 36px rgba(0, 0, 0, 0.2),
      0 0 24px rgba(122, 92, 255, 0.12) !important;
  }

  body.auth-ready #rooms-screen .room-card.active,
  body.auth-ready #rooms-screen .room-card.selected,
  body.auth-ready #rooms-screen .room-card.active-room {
    background: linear-gradient(180deg, rgba(122, 92, 255, 0.22), rgba(12, 16, 26, 0.82)) !important;
    border-color: rgba(122, 92, 255, 0.3) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 20px 36px rgba(0, 0, 0, 0.22),
      0 0 28px rgba(122, 92, 255, 0.14) !important;
  }

  body.auth-ready #rooms-screen .room-card .room-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      0 12px 24px rgba(0, 0, 0, 0.18) !important;
  }

  body.auth-ready #rooms-screen .room-card .room-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  body.auth-ready #rooms-screen .room-card .room-name {
    color: #eef4ff !important;
    font-size: 14px;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.28 !important;
  }

  body.auth-ready #rooms-screen .room-card .room-preview,
  body.auth-ready #rooms-screen .room-card .room-last,
  body.auth-ready #rooms-screen .room-card .room-sub {
    color: rgba(212, 220, 242, 0.68) !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
  }

  body.auth-ready #rooms-screen .room-card .room-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
    min-width: 82px;
    color: rgba(212, 220, 242, 0.64) !important;
  }

  body.auth-ready #rooms-screen .room-card .expire-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 11px;
    font-family: var(--font-mono);
  }

  body.auth-ready #rooms-screen .room-card .room-meta [id^='lastseen-'] {
    font-size: 10px !important;
    color: rgba(196, 205, 228, 0.6) !important;
    text-align: right;
  }

  body.auth-ready #rooms-screen .room-card .room-meta [style*='#2ecc71'],
  body.auth-ready #rooms-screen .room-card .room-meta [style*='#4ade80'],
  body.auth-ready #rooms-screen .room-card .room-meta [style*='orange'] {
    color: rgba(212, 220, 242, 0.74) !important;
    text-shadow: none !important;
    filter: saturate(0.7) brightness(0.96);
  }

  body.auth-ready #rooms-screen .fab {
    position: absolute !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #12d6ff 0%, #7c6af7 55%, #8f38ec 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow:
      0 18px 36px rgba(28, 16, 82, 0.34),
      0 0 28px rgba(122, 92, 255, 0.22) !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    z-index: 3 !important;
  }

  body.auth-ready #rooms-screen .pc-stage-shell {
    display: flex !important;
    flex-direction: column;
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    padding: 22px;
    border-radius: 34px;
    border: 1px solid rgba(173, 191, 255, 0.12);
    background:
      radial-gradient(circle at 0% 0%, rgba(122, 92, 255, 0.12), transparent 26%),
      radial-gradient(circle at 100% 0%, rgba(0, 240, 255, 0.08), transparent 22%),
      linear-gradient(180deg, rgba(12, 13, 25, 0.92), rgba(8, 9, 18, 0.96));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 28px 64px rgba(0, 0, 0, 0.28),
      0 0 36px rgba(122, 92, 255, 0.08);
    overflow: hidden;
    position: relative;
  }

  body.auth-ready #rooms-screen .pc-stage-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 26px 26px;
    opacity: 0.28;
    pointer-events: none;
  }

  body.auth-ready #rooms-screen .pc-stage-head {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 6px 0;
  }

  body.auth-ready #rooms-screen #v16-welcome-card {
    position: relative;
    z-index: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    padding: 22px !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-card {
    max-width: 560px !important;
    width: 100% !important;
    padding: 36px 34px !important;
    border-radius: 30px !important;
    background: linear-gradient(180deg, rgba(14, 18, 34, 0.90), rgba(8, 10, 18, 0.96)) !important;
    border: 1px solid rgba(173, 191, 255, 0.12) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 26px 64px rgba(0, 0, 0, 0.32),
      0 0 34px rgba(122, 92, 255, 0.10) !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-title {
    font-size: 30px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-sub {
    max-width: 34ch;
    margin-left: auto;
    margin-right: auto;
  }

  body.ec-chat-open #rooms-screen .pc-stage-shell {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(16px);
  }

  body.auth-ready.ec-chat-open #chat-screen.screen.active {
    position: fixed !important;
    top: var(--pc-shell-pad) !important;
    right: var(--pc-shell-pad) !important;
    bottom: var(--pc-shell-pad) !important;
    left: calc(var(--pc-shell-pad) + var(--pc-rail-w) + var(--pc-shell-gap) + var(--pc-sidebar-w) + var(--pc-shell-gap)) !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 44 !important;
  }

  body.auth-ready #chat-screen .chat-top-bar {
    flex-shrink: 0;
    min-height: 78px;
    padding: 18px 22px !important;
    background: linear-gradient(180deg, rgba(16, 18, 34, 0.94), rgba(8, 10, 18, 0.9)) !important;
    border: 1px solid rgba(173, 191, 255, 0.12) !important;
    border-bottom: 1px solid rgba(173, 191, 255, 0.08) !important;
    border-radius: 32px 32px 0 0 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 22px 44px rgba(0, 0, 0, 0.24) !important;
    backdrop-filter: blur(20px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  }

  body.auth-ready #chat-screen .chat-top-bar .back-btn {
    display: none !important;
  }

  body.auth-ready #chat-screen .chat-room-name {
    font-size: 16px;
    letter-spacing: -0.02em;
  }

  body.auth-ready #chat-screen .chat-room-sub {
    font-size: 12px;
    color: rgba(212, 220, 242, 0.64) !important;
  }

  body.auth-ready #chat-screen #onion-bar {
    flex-shrink: 0;
    margin: 12px 16px 0;
    border-radius: 16px;
    border: 1px solid rgba(173, 191, 255, 0.10);
    background: rgba(9, 12, 22, 0.84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  body.auth-ready #chat-screen #messages {
    flex: 1 1 auto;
    min-height: 0;
    margin: 12px 16px 0;
    border: 1px solid rgba(173, 191, 255, 0.10) !important;
    border-radius: 28px 28px 0 0 !important;
    background:
      radial-gradient(circle at 16% 12%, rgba(122, 92, 255, 0.11), transparent 24%),
      radial-gradient(circle at 84% 14%, rgba(0, 240, 255, 0.08), transparent 22%),
      linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
      linear-gradient(180deg, rgba(10, 12, 20, 0.92), rgba(7, 8, 15, 0.96)) !important;
    background-size: auto, auto, 26px 26px, 26px 26px, auto !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.03),
      0 24px 50px rgba(0, 0, 0, 0.18) !important;
  }

  body.auth-ready #chat-screen #reply-bar {
    margin: 0 16px 10px;
    border-radius: 16px;
    border: 1px solid rgba(173, 191, 255, 0.10);
    background: rgba(11, 13, 24, 0.88);
  }

  body.auth-ready #chat-screen .input-bar {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-shrink: 0;
    margin: 0 16px 16px;
    padding: 16px 18px 18px !important;
    background: linear-gradient(180deg, rgba(15, 16, 30, 0.96), rgba(8, 10, 18, 0.98)) !important;
    border: 1px solid rgba(173, 191, 255, 0.12) !important;
    border-top: none !important;
    border-radius: 0 0 28px 28px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.03),
      0 24px 44px rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  }

  body.auth-ready #chat-screen .input-wrap {
    flex: 1 1 auto;
    min-height: 64px;
    border-radius: 22px;
    border: 1px solid rgba(173, 191, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  body.auth-ready #chat-screen #msg-input {
    min-height: 54px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-size: 15px !important;
    line-height: 1.5;
  }

  body.auth-ready #chat-screen .attach-btn,
  body.auth-ready #chat-screen .destruct-toggle {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(173, 191, 255, 0.10) !important;
    color: rgba(235, 241, 255, 0.84) !important;
  }

  body.auth-ready #chat-screen .send-btn {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #13c8ff 0%, #7c6af7 46%, #8f38ec 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow:
      0 18px 34px rgba(49, 22, 110, 0.34),
      0 0 24px rgba(122, 92, 255, 0.22) !important;
  }

  body.auth-ready #vault-screen.active {
    background:
      radial-gradient(circle at 16% 12%, rgba(122, 92, 255, 0.14), transparent 24%),
      radial-gradient(circle at 84% 18%, rgba(0, 240, 255, 0.09), transparent 20%),
      linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
      linear-gradient(180deg, #06070d 0%, #050509 60%, #030407 100%) !important;
    background-size: auto, auto, 30px 30px, 30px 30px, auto !important;
  }

  body.auth-ready #lp-footer {
    display: none !important;
  }

  body.auth-ready #aura-fab {
    right: 26px !important;
    bottom: max(26px, calc(env(safe-area-inset-bottom, 0px) + 26px)) !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(16, 19, 35, 0.94), rgba(8, 10, 18, 0.92)) !important;
    border: 1px solid rgba(173, 191, 255, 0.16) !important;
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.30),
      0 0 28px rgba(122, 92, 255, 0.12) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  }

  body.auth-ready.ec-chat-open #aura-fab {
    bottom: max(122px, calc(env(safe-area-inset-bottom, 0px) + 122px)) !important;
  }

  body.auth-ready #aura-fab .aura-fab-copy {
    display: none !important;
  }
}

/* ─── Style Block 5 [style id="premium-ui-final-pass"] (original lines 1650–2624) ─── */
:root {
  --ui-premium-bg-0: #03050b;
  --ui-premium-bg-1: #08101c;
  --ui-premium-bg-2: #111a2a;
  --ui-premium-surface: rgba(10, 14, 26, 0.74);
  --ui-premium-surface-strong: rgba(13, 18, 32, 0.9);
  --ui-premium-border: rgba(136, 120, 255, 0.16);
  --ui-premium-border-hi: rgba(104, 240, 255, 0.24);
  --ui-premium-shadow:
    0 32px 84px -42px rgba(0, 0, 0, 0.85),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 28px 90px -58px rgba(124, 106, 247, 0.42);
}

body {
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 255, 255, 0.08), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(147, 51, 234, 0.11), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(124, 106, 247, 0.11), transparent 36%),
    linear-gradient(180deg, #020307 0%, #050812 48%, #04060d 100%) !important;
}

.screenshot-protect {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  background: rgba(3, 6, 14, 0.84);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  text-align: center;
  pointer-events: none;
}

.screenshot-protect.show {
  display: flex;
}

#splash,
#login-screen,
#setup-new,
#setup-join,
#recovery-screen,
#pin-screen,
#rooms-screen,
#chat-screen,
#vault-screen {
  position: fixed !important;
  background: transparent !important;
  isolation: isolate;
}

#splash::before,
#login-screen::before,
#setup-new::before,
#setup-join::before,
#recovery-screen::before,
#pin-screen::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 15%, rgba(0, 255, 255, 0.09), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(147, 51, 234, 0.14), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.02), transparent 44%);
  opacity: 0.92;
}

#splash::after,
#login-screen::after,
#setup-new::after,
#setup-join::after,
#recovery-screen::after,
#pin-screen::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 88%);
  opacity: 0.34;
}

#splash > *,
#login-screen > *,
#setup-new > *,
#setup-join > *,
#recovery-screen > *,
#pin-screen > * {
  position: relative;
  z-index: 1;
}

#splash > div:last-child {
  width: min(100%, 560px) !important;
  margin: 0 auto !important;
  padding: 32px 24px 30px !important;
  border: 1px solid var(--ui-premium-border) !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, rgba(10, 14, 26, 0.8), rgba(7, 10, 20, 0.92)) !important;
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  box-shadow: var(--ui-premium-shadow);
}

#splash-back-nav {
  position: absolute;
  top: max(16px, env(safe-area-inset-top, 16px));
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, 560px);
  padding: 0 24px;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}

#splash-back-nav .splash-back-btn {
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: linear-gradient(180deg, rgba(11, 16, 28, 0.78), rgba(8, 10, 18, 0.9)) !important;
  color: var(--text) !important;
  box-shadow: 0 16px 32px -24px rgba(0, 0, 0, 0.9);
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

#splash-back-nav .splash-back-btn:hover {
  border-color: rgba(94, 242, 255, 0.2);
}

#login-screen > div:last-child,
#setup-new > div:last-child,
#setup-join > div:last-child,
#recovery-screen > div:last-child,
#pin-screen > div:last-child {
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  padding-inline: clamp(14px, 3vw, 28px) !important;
}

#login-screen form,
#setup-new > div:last-child,
#setup-join > div:last-child,
#recovery-screen > div:last-child,
#pin-screen > div:last-child {
  width: min(100%, 520px) !important;
  margin: 24px auto 40px !important;
  padding: clamp(22px, 4vw, 34px) !important;
  border-radius: 28px !important;
  border: 1px solid var(--ui-premium-border) !important;
  background: linear-gradient(180deg, rgba(11, 16, 28, 0.82), rgba(7, 10, 19, 0.94)) !important;
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
  box-shadow: var(--ui-premium-shadow);
}

#login-screen > div:first-child,
#setup-new > div:first-child,
#setup-join > div:first-child,
#recovery-screen > div:first-child {
  width: min(100%, 760px) !important;
  margin: max(14px, env(safe-area-inset-top, 14px)) auto 0 !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(11, 16, 28, 0.68), rgba(8, 10, 18, 0.84)) !important;
  backdrop-filter: blur(26px) saturate(140%);
  -webkit-backdrop-filter: blur(26px) saturate(140%);
  box-shadow: 0 22px 54px -40px rgba(0, 0, 0, 0.9);
}

#splash button,
#login-screen button,
#setup-new button,
#setup-join button,
#recovery-screen button,
#pin-screen button {
  min-height: 48px;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    opacity 180ms ease !important;
}

#splash button:hover,
#login-screen button:hover,
#setup-new button:hover,
#setup-join button:hover,
#recovery-screen button:hover,
#pin-screen button:hover {
  transform: translateY(-1px);
}

#btn-login,
#btn-login-duplicate,
#btn-create-acc:not([disabled]),
#btn-recover,
#btn-pin-recovery {
  background: linear-gradient(135deg, #7b56ff 0%, #5ef2ff 115%) !important;
  border: 1px solid rgba(138, 182, 255, 0.16) !important;
  color: #04111d !important;
  box-shadow:
    0 0 0 1px rgba(94, 242, 255, 0.18),
    0 16px 36px -18px rgba(94, 242, 255, 0.45),
    0 18px 40px -22px rgba(123, 86, 255, 0.55) !important;
}

#btn-create-acc[disabled] {
  background: linear-gradient(135deg, rgba(123, 86, 255, 0.42), rgba(94, 242, 255, 0.28)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

#login-screen input,
#setup-new input,
#setup-new textarea,
#setup-join input,
#recovery-screen input,
#pin-screen input,
#login-screen textarea,
#setup-join textarea,
#recovery-screen textarea {
  background: rgba(8, 11, 20, 0.82) !important;
  border-color: rgba(132, 148, 255, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#login-screen input:focus,
#setup-new input:focus,
#setup-new textarea:focus,
#setup-join input:focus,
#recovery-screen input:focus,
#pin-screen input:focus {
  border-color: rgba(94, 242, 255, 0.36) !important;
  box-shadow:
    0 0 0 3px rgba(94, 242, 255, 0.08),
    0 0 18px rgba(123, 86, 255, 0.18) !important;
}

#splash [id="lang-picker-dropdown"] {
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.98), rgba(8, 11, 20, 0.98)) !important;
  border: 1px solid var(--ui-premium-border-hi) !important;
  border-radius: 18px !important;
  box-shadow: var(--ui-premium-shadow);
}

#splash .lang-opt {
  padding: 10px 12px;
  border-radius: 12px;
  transition: background 160ms ease, transform 160ms ease, color 160ms ease;
}

#splash .lang-opt:hover {
  background: rgba(123, 86, 255, 0.12);
  color: var(--text);
  transform: translateY(-1px);
}

#landing-screen #lp-hero .lp-hero-inner {
  position: relative;
  padding: clamp(26px, 4vw, 48px) !important;
  border-radius: 34px !important;
  background: linear-gradient(180deg, rgba(6, 10, 20, 0.52), rgba(10, 14, 24, 0.76)) !important;
  border: 1px solid rgba(124, 106, 247, 0.16) !important;
  box-shadow:
    0 38px 90px -54px rgba(0, 0, 0, 0.9),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 0 90px rgba(0, 255, 255, 0.06) !important;
  backdrop-filter: blur(30px) saturate(150%);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
}

#landing-screen #lp-hero .lp-hero-inner::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 0%, rgba(94, 242, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(147, 51, 234, 0.18), transparent 34%);
  opacity: 0.9;
}

#landing-screen #lp-hero .lp-h1,
#landing-screen #lp-hero .lp-hero-sub,
#landing-screen #lp-hero .lp-ctas,
#landing-screen #lp-hero .lp-terminal,
#landing-screen #lp-hero .lp-hero-badge {
  position: relative;
  z-index: 1;
}

#landing-screen #lp-hero .lp-hero-badge {
  background: rgba(8, 14, 24, 0.72) !important;
  border: 1px solid rgba(94, 242, 255, 0.16) !important;
  box-shadow: 0 14px 36px -28px rgba(0, 255, 255, 0.4);
}

#landing-screen #lp-hero .lp-hero-sub {
  max-width: 64ch;
  margin-inline: auto;
  color: rgba(232, 236, 248, 0.78) !important;
}

#landing-screen #lp-hero .lp-terminal {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(7, 12, 22, 0.9), rgba(4, 7, 14, 0.96)) !important;
  box-shadow:
    0 26px 70px -44px rgba(0, 0, 0, 0.9),
    0 0 30px rgba(123, 86, 255, 0.08);
}

#landing-screen .lp-btn-primary,
#landing-screen .lp-btn-secondary,
#landing-screen .lp-mobile-cta {
  min-height: 54px;
  border-radius: 999px !important;
  box-shadow: 0 18px 38px -24px rgba(123, 86, 255, 0.45);
}

#landing-screen .lp-btn-secondary {
  background: rgba(7, 12, 22, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

#rooms-screen,
#chat-screen,
#vault-screen {
  background:
    radial-gradient(circle at top left, rgba(0, 255, 255, 0.06), transparent 26%),
    radial-gradient(circle at top right, rgba(147, 51, 234, 0.1), transparent 24%),
    linear-gradient(180deg, #050812 0%, #05070d 100%) !important;
}

#rooms-screen .top-bar,
#chat-screen .chat-top-bar {
  width: min(1180px, calc(100% - 20px));
  margin: max(12px, env(safe-area-inset-top, 12px)) auto 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.78), rgba(10, 14, 24, 0.94)) !important;
  box-shadow: 0 28px 80px -54px rgba(0, 0, 0, 0.94);
}

#rooms-screen .rooms-list,
#chat-screen #messages,
#vault-screen #vault-content {
  width: min(1180px, calc(100% - 20px));
  margin-left: auto !important;
  margin-right: auto !important;
}

#rooms-screen .rooms-list {
  padding-top: 18px !important;
  padding-bottom: 120px !important;
}

#rooms-screen .room-card,
#rooms-screen .room-item {
  border-radius: 20px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 20px 46px -34px rgba(0, 0, 0, 0.94) !important;
}

#rooms-screen .room-card.active-room,
#rooms-screen .room-item.active-room,
#rooms-screen .room-card[style*="var(--accent)"] {
  border-color: rgba(94, 242, 255, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 56px -30px rgba(123, 86, 255, 0.36),
    0 0 0 1px rgba(94, 242, 255, 0.08) !important;
}

#rooms-screen #v16-welcome-card .v16-card,
#chat-screen #room-welcome-overlay > div {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.88), rgba(8, 12, 22, 0.94)) !important;
  box-shadow: var(--ui-premium-shadow) !important;
}

#chat-screen #messages {
  padding: 18px 0 144px !important;
}

#chat-screen .msg-bubble,
#chat-screen .message-bubble,
#chat-screen .chat-msg-card {
  max-width: min(82%, 560px) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 18px 40px -32px rgba(0, 0, 0, 0.94) !important;
}

#chat-screen .msg-bubble.mine,
#chat-screen .mine .msg-bubble,
#chat-screen .message-bubble.mine,
#chat-screen .chat-msg-card.mine {
  background: linear-gradient(145deg, rgba(126, 90, 255, 0.94), rgba(62, 207, 255, 0.74)) !important;
  border-color: rgba(179, 202, 255, 0.16) !important;
  color: #fbfcff !important;
}

#chat-screen .msg-bubble.theirs,
#chat-screen .theirs .msg-bubble,
#chat-screen .message-bubble.theirs,
#chat-screen .chat-msg-card.theirs {
  background: linear-gradient(180deg, rgba(18, 22, 38, 0.96), rgba(10, 14, 26, 0.92)) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
}

#chat-screen .msg-bubble.system {
  background: rgba(94, 242, 255, 0.08) !important;
  border-color: rgba(94, 242, 255, 0.18) !important;
  color: rgba(220, 246, 255, 0.88) !important;
}

#chat-screen .input-bar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto;
  padding: 10px 0 max(18px, env(safe-area-inset-bottom, 18px)) !important;
  background: transparent !important;
  border-top: 0 !important;
}

#chat-screen .input-wrap {
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(11, 16, 28, 0.84), rgba(7, 10, 19, 0.94)) !important;
  box-shadow: 0 24px 54px -40px rgba(0, 0, 0, 0.96);
  padding: 8px 10px 8px 12px !important;
}

#chat-screen #msg-input {
  min-height: 48px;
  padding: 12px 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#chat-screen .attach-btn,
#chat-screen .destruct-toggle,
#chat-screen #attach-btn,
#chat-screen #mic-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--text2) !important;
}

#chat-screen .send-btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: 18px !important;
  padding: 0 !important;
}

#reply-bar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(14, 20, 34, 0.86), rgba(8, 12, 22, 0.96));
  box-shadow: 0 18px 38px -30px rgba(0, 0, 0, 0.92);
}

#vault-screen > div:nth-child(1),
#vault-screen > div:nth-child(2),
#vault-screen > div:nth-child(3) {
  width: min(1180px, calc(100% - 20px));
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.82), rgba(8, 12, 22, 0.94)) !important;
  box-shadow: 0 26px 64px -48px rgba(0, 0, 0, 0.94);
}

#vault-screen > div:nth-child(1) {
  margin-top: max(12px, env(safe-area-inset-top, 12px));
  border-radius: 24px !important;
}

#vault-screen > div:nth-child(2),
#vault-screen > div:nth-child(3) {
  margin-top: 10px;
  border-radius: 20px !important;
}

#vault-screen #vault-content {
  padding-top: 18px !important;
  padding-bottom: 34px !important;
}

#vault-screen #vault-files-grid > *,
#vault-screen #vault-passwords-list > *,
#vault-screen #vault-notes-list > *,
.safe-item {
  border-radius: 18px !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 18px 40px -30px rgba(0, 0, 0, 0.92) !important;
}

#vault-screen #vault-files-grid > *:hover,
#vault-screen #vault-passwords-list > *:hover,
#vault-screen #vault-notes-list > *:hover,
.safe-item:hover {
  border-color: rgba(94, 242, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 24px 56px -30px rgba(123, 86, 255, 0.28) !important;
}

.modal-overlay.active {
  background: rgba(3, 6, 14, 0.74) !important;
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

#settings-modal > .modal,
#profile-modal > .modal,
#profile-sub-modal > .modal,
#notes-modal > .modal,
#sessions-modal > .modal,
#admin-modal > .modal,
#room-picker-modal > .modal,
#create-room-modal > .modal,
#join-room-modal > .modal,
#room-options-modal > .modal,
#twofa-setup-modal > .modal,
#twofa-login-modal > .modal,
#vault-upload-modal > .modal,
#vault-pw-modal > .modal,
#vault-note-modal > .modal,
#webauthn-modal > .modal,
#qr-login-gen-modal > .modal,
#qr-scan-modal > .modal,
#report-modal > .modal,
#link-warning-modal > .modal,
#legal-modal > .modal,
#impressum-modal > .modal,
#datenschutz-modal > .modal,
#tos-modal > .modal,
#premium-modal > .modal {
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.94), rgba(8, 12, 22, 0.98)) !important;
  box-shadow:
    0 40px 100px -48px rgba(0, 0, 0, 0.96),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 20px 70px -56px rgba(123, 86, 255, 0.45) !important;
}

#profile-modal #profile-categories,
#profile-sub-modal #profile-sub-content,
#admin-content,
#sessions-list,
#notes-list {
  padding-bottom: 8px;
}

#profile-modal .prof-cat-item,
#profile-sub-modal #profile-sub-content > *,
#admin-content > *,
#sessions-list > *,
#notes-list > * {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(17, 21, 35, 0.76), rgba(10, 12, 24, 0.94)) !important;
  box-shadow: 0 18px 44px -36px rgba(0, 0, 0, 0.96);
}

#profile-modal .prof-cat-item {
  margin: 10px 14px 0 !important;
  border-bottom: 0 !important;
}

#profile-modal .prof-cat-item:hover,
#profile-sub-modal #profile-sub-content > *:hover,
#admin-content > *:hover,
#sessions-list > *:hover,
#notes-list > *:hover {
  border-color: rgba(94, 242, 255, 0.16) !important;
  transform: translateY(-1px);
}

#profile-modal > .modal > div:first-child,
#profile-sub-modal > .modal > div:first-child {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

#admin-modal .btn,
#sessions-modal .btn,
#room-picker-modal .btn,
#create-room-modal .btn,
#join-room-modal .btn,
#room-options-modal .btn {
  max-width: none;
}

@media (min-width: 900px) {
  .modal-overlay.active {
    align-items: center !important;
    padding: 28px;
  }

  .modal {
    border-radius: 28px !important;
    max-height: min(88vh, 920px) !important;
  }
}

@media (max-width: 640px) {
  #splash-back-nav {
    padding: 0 16px;
  }

  #splash-back-nav .splash-back-btn {
    min-height: 38px;
    padding: 0 12px;
    font-size: 12px;
  }

  #splash > div:last-child,
  #login-screen form,
  #setup-new > div:last-child,
  #setup-join > div:last-child,
  #recovery-screen > div:last-child,
  #pin-screen > div:last-child {
    width: calc(100% - 16px) !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }

  #login-screen > div:first-child,
  #setup-new > div:first-child,
  #setup-join > div:first-child,
  #recovery-screen > div:first-child {
    width: calc(100% - 16px) !important;
    margin-top: max(8px, env(safe-area-inset-top, 8px)) !important;
    border-radius: 20px !important;
  }

  #landing-screen #lp-hero .lp-hero-inner {
    padding: 24px 18px 22px !important;
    border-radius: 26px !important;
  }

  #rooms-screen .top-bar,
  #chat-screen .chat-top-bar,
  #vault-screen > div:nth-child(1),
  #vault-screen > div:nth-child(2),
  #vault-screen > div:nth-child(3),
  #rooms-screen .rooms-list,
  #chat-screen #messages,
  #chat-screen .input-bar,
  #reply-bar,
  #vault-screen #vault-content {
    width: calc(100% - 12px) !important;
  }

  #chat-screen #messages {
    padding-bottom: 132px !important;
  }

  #chat-screen .msg-bubble,
  #chat-screen .message-bubble,
  #chat-screen .chat-msg-card {
    max-width: 88% !important;
  }
}

/* V20 final desktop override */
@media (min-width: 900px) {
  body.auth-ready {
    --pc-shell-pad: 22px;
    --pc-rail-w: 92px;
    --pc-sidebar-w: 430px;
    --pc-shell-gap: 20px;
    --pc-shell-radius: 32px;
    --pc-line: rgba(184, 198, 255, 0.12);
    --pc-glass: linear-gradient(180deg, rgba(14, 17, 31, 0.9), rgba(8, 10, 20, 0.94));
    --pc-glass-soft: linear-gradient(180deg, rgba(17, 20, 36, 0.76), rgba(10, 12, 24, 0.88));
    --pc-violet: rgba(138, 91, 255, 0.72);
    --pc-cyan: rgba(107, 234, 255, 0.68);
  }

  body.auth-ready #rooms-screen.screen.active::before,
  body.auth-ready #rooms-screen.screen.active::after {
    content: '';
    position: fixed;
    pointer-events: none;
    z-index: 0;
    inset: 0;
  }

  body.auth-ready #rooms-screen.screen.active::before {
    background:
      radial-gradient(circle at 12% 12%, rgba(138, 91, 255, 0.2), transparent 24%),
      radial-gradient(circle at 88% 16%, rgba(107, 234, 255, 0.12), transparent 22%);
  }

  body.auth-ready #rooms-screen.screen.active::after {
    background:
      linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
    background-size: 30px 30px;
    opacity: 0.22;
  }

  body.auth-ready #rooms-screen.screen.active {
    display: block !important;
    overflow: hidden !important;
    min-height: 100dvh;
    position: relative;
    background:
      radial-gradient(circle at 20% -10%, rgba(138, 91, 255, 0.18), transparent 38%),
      radial-gradient(circle at 88% 110%, rgba(107, 234, 255, 0.12), transparent 34%),
      linear-gradient(180deg, #04050a 0%, #05060d 45%, #020308 100%) !important;
  }

  body.auth-ready #rooms-screen .pc-shell {
    display: grid !important;
    grid-template-columns: var(--pc-rail-w) minmax(380px, var(--pc-sidebar-w)) minmax(540px, 1fr);
    gap: var(--pc-shell-gap);
    height: 100dvh;
    padding: var(--pc-shell-pad);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }

  body.auth-ready #rooms-screen .pc-sidebar {
    display: flex !important;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    position: relative;
    border-radius: var(--pc-shell-radius);
    border: 1px solid var(--pc-line);
    background: var(--pc-glass);
    box-shadow:
      0 36px 88px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 0 34px rgba(138, 91, 255, 0.14);
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
    overflow: hidden;
  }

  body.auth-ready #rooms-screen .pc-sidebar-head,
  body.auth-ready #rooms-screen .pc-stage-shell {
    display: flex !important;
  }

  body.auth-ready #rooms-screen .top-bar {
    grid-column: 1;
    grid-row: 1;
    width: auto !important;
    min-height: calc(100dvh - (var(--pc-shell-pad) * 2)) !important;
    margin: 0 !important;
    padding: 18px 10px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(175, 192, 255, 0.12) !important;
    background: linear-gradient(180deg, rgba(16, 18, 34, 0.92), rgba(8, 10, 18, 0.9)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 24px 54px rgba(0, 0, 0, 0.28),
      0 0 28px rgba(122, 92, 255, 0.14) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  }

  body.auth-ready #rooms-screen .top-bar-title {
    display: none !important;
  }

  body.auth-ready #rooms-screen .top-bar > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge {
    order: 20;
    margin-top: auto !important;
    width: 100% !important;
    padding: 10px 8px !important;
    flex-direction: column !important;
    gap: 8px !important;
    border-radius: 18px !important;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge span {
    display: block !important;
    text-align: center;
    font-size: 11px !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn[onclick*='logout'] {
    order: 21;
  }

  body.auth-ready #rooms-screen .rooms-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 18px 18px 104px !important;
    border-top: none !important;
    border-radius: 0 0 30px 30px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  body.auth-ready #rooms-screen .rooms-list::before {
    content: none !important;
    display: none !important;
  }

  body.auth-ready #rooms-screen .room-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 14px !important;
    border-radius: 22px !important;
    padding: 14px 14px !important;
  }

  body.auth-ready #rooms-screen .room-card .room-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
  }

  body.auth-ready #rooms-screen .room-card .room-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  body.auth-ready #rooms-screen .room-card .room-meta {
    min-width: 82px;
  }

  body.auth-ready #rooms-screen .fab {
    position: absolute !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    z-index: 3 !important;
  }

  body.auth-ready #rooms-screen .pc-stage-shell {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    padding: 22px;
    border-radius: 34px;
    overflow: hidden;
    position: relative;
  }

  body.auth-ready #rooms-screen #v16-welcome-card {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    padding: 22px !important;
  }

  body.ec-chat-open #rooms-screen .pc-stage-shell {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.auth-ready.ec-chat-open #chat-screen.screen.active {
    position: fixed !important;
    top: var(--pc-shell-pad) !important;
    right: var(--pc-shell-pad) !important;
    bottom: var(--pc-shell-pad) !important;
    left: calc(var(--pc-shell-pad) + var(--pc-rail-w) + var(--pc-shell-gap) + var(--pc-sidebar-w) + var(--pc-shell-gap)) !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 44 !important;
  }

  body.auth-ready #chat-screen .chat-top-bar .back-btn {
    display: none !important;
  }

  body.auth-ready #chat-screen #messages {
    margin: 12px 16px 0;
    border-radius: 28px 28px 0 0 !important;
  }

  body.auth-ready #chat-screen .input-bar {
    margin: 0 16px 16px;
    border-radius: 0 0 28px 28px !important;
  }

  body.auth-ready #lp-footer {
    display: none !important;
  }

  body.auth-ready.ec-chat-open #aura-fab {
    bottom: max(122px, calc(env(safe-area-inset-bottom, 0px) + 122px)) !important;
  }
}

/* ─── Style Block 6 (original lines 2897–3458) ─── */
    @keyframes cookieSlideUp {
      from { opacity:0; transform:translateX(-50%) translateY(20px); }
      to   { opacity:1; transform:translateX(-50%) translateY(0); }
    }
  
/* ── GLASSMORPHISM & NEON UPDATES ── */
:root {
  --neon: #00f5c4;
  --neon2: #00e5ff;
  --glass-bg: rgba(12, 12, 30, 0.75);
  --glass-border: rgba(124, 106, 247, 0.2);
}

/* Glassmorphism für alle Modals */
.modal-box {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 0 60px rgba(0,245,196,0.06), 0 20px 60px rgba(0,0,0,0.6) !important;
}

/* Neon Akzente */
.enc-pill-neon {
  color: var(--neon) !important;
  background: rgba(0,245,196,0.08) !important;
  border-color: rgba(0,245,196,0.25) !important;
}

/* Security Status Indicator */
.security-status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-family: var(--font-mono);
  color: var(--neon);
  background: rgba(0,245,196,0.06);
  border: 1px solid rgba(0,245,196,0.18);
  border-radius: 20px;
  padding: 4px 10px;
  white-space: nowrap;
}
.security-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--neon);
  box-shadow: 0 0 8px var(--neon);
  animation: sec-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes sec-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 8px var(--neon); }
  50%       { opacity: 0.5; box-shadow: 0 0 3px var(--neon); }
}

/* Profile Color Picker */
.color-swatch {
  width: 28px; height: 28px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all .15s;
  flex-shrink: 0;
}
.color-swatch.selected, .color-swatch:hover {
  border-color: #fff;
  transform: scale(1.15);
}
.color-swatches-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 0;
}

/* Avatar Emoji Picker */
.avatar-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  padding: 8px 0;
}
.avatar-opt {
  width: 40px; height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  transition: all .15s;
}
.avatar-opt:hover { background: rgba(124,106,247,0.15); border-color: rgba(124,106,247,0.3); transform: scale(1.1); }
.avatar-opt.selected { background: rgba(124,106,247,0.25); border-color: rgba(124,106,247,0.5); }

/* FAQ / Legal Modal Links */
.legal-link {
  color: var(--accent);
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .15s;
}
.legal-link:hover { color: var(--neon); }

/* FAQ Item */
.faq-item { margin-bottom: 16px; }
.faq-question {
  font-size: 13px; font-weight: 700;
  color: var(--accent); margin-bottom: 5px;
  display: flex; align-items: flex-start; gap: 8px;
}
.faq-answer {
  font-size: 12px; color: var(--text2);
  line-height: 1.6; padding-left: 20px;
}

/* Mobile height fix */
.screen { height: 100dvh; height: calc(var(--vh, 1vh) * 100); }
#chat-screen { height: 100dvh; }

/* ════════════════════════════════════════════════════════
   AURORA PREMIUM THEME — Post-Login App Design
════════════════════════════════════════════════════════ */
:root {
  --aurora1: rgba(124,106,247,0.15);
  --aurora2: rgba(96,165,250,0.08);
  --aurora3: rgba(192,132,252,0.1);
  --glass-card: rgba(13,8,32,0.75);
  --premium-gold: #ffd700;
  --premium-gold-dim: rgba(255,215,0,0.15);
}

/* App screens background — Aurora gradient */
#rooms-screen,
#chat-screen,
#settings-screen,
#profile-screen,
#notes-screen,
#contacts-screen {
  background: linear-gradient(160deg, #0d0820 0%, #060615 40%, #0a1525 100%) !important;
  position: relative;
}

/* Subtle aurora glow behind everything */
#rooms-screen::before,
#chat-screen::before {
  content: '';
  position: fixed;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 60%;
  background: radial-gradient(ellipse, rgba(124,106,247,0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Top bars — glass effect */
.top-bar, .chat-top-bar {
  background: rgba(13,8,32,0.88) !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  border-bottom: 1px solid rgba(192,132,252,0.12) !important;
}

/* Sidebar — glass */
#rooms-screen .sidebar-area,
.rooms-sidebar {
  background: rgba(13,8,32,0.65) !important;
  backdrop-filter: blur(20px) !important;
  border-right: 1px solid rgba(255,255,255,0.04) !important;
}

/* Room cards — glass morphism */
.room-card {
  background: rgba(255,255,255,0.03) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  transition: all .18s !important;
}
.room-card:hover {
  background: rgba(192,132,252,0.08) !important;
  border-color: rgba(192,132,252,0.2) !important;
  transform: translateX(2px) !important;
}
.room-card.active-room,
.room-card[style*="var(--accent)"] {
  background: rgba(124,106,247,0.1) !important;
  border-color: rgba(192,132,252,0.25) !important;
}

/* Message bubbles — Aurora style */
.mine .msg-bubble {
  background: linear-gradient(135deg, rgba(124,58,237,0.85), rgba(192,132,252,0.7)) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(192,132,252,0.3) !important;
  border-bottom-right-radius: 4px !important;
  color: #fff !important;
  box-shadow: 0 2px 16px rgba(124,58,237,0.28) !important;
}
.theirs .msg-bubble {
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom-left-radius: 4px !important;
  color: #ddd8ff !important;
}

/* Input bar — glass */
.input-bar {
  background: rgba(13,8,32,0.9) !important;
  backdrop-filter: blur(28px) !important;
  border-top: 1px solid rgba(192,132,252,0.1) !important;
}

/* FAB — Aurora gradient */
.fab {
  background: linear-gradient(135deg, #7c3aed, #c084fc) !important;
  box-shadow: 0 4px 20px rgba(124,58,237,0.45) !important;
}

/* Modal overlays — deep aurora */
.modal-overlay {
  backdrop-filter: blur(20px) !important;
  background: rgba(5,5,20,0.85) !important;
}
.modal-box {
  background: rgba(13,8,32,0.92) !important;
  backdrop-filter: blur(32px) !important;
  border: 1px solid rgba(192,132,252,0.18) !important;
  box-shadow: 0 0 60px rgba(124,58,237,0.12), 0 20px 60px rgba(0,0,0,0.6) !important;
}

/* Icon buttons — aurora tint */
.icon-btn:hover {
  background: rgba(192,132,252,0.12) !important;
  border-color: rgba(192,132,252,0.3) !important;
  color: #c084fc !important;
}

/* User badge */
.user-badge:hover {
  background: rgba(192,132,252,0.08) !important;
  border-color: rgba(192,132,252,0.25) !important;
}

/* Premium badge — Gold Verified */
.premium-badge {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  margin-left: 4px;
  filter: drop-shadow(0 0 4px rgba(255,215,0,0.6));
  cursor: default;
}
.premium-badge[title]:hover::after {
  content: attr(title);
  position: absolute;
  background: rgba(0,0,0,0.8);
  color: #ffd700;
  font-size: 10px;
  padding: 4px 8px;
  border-radius: 6px;
  white-space: nowrap;
  margin-top: 20px;
  margin-left: -20px;
}

/* Timer slider for premium */
.timer-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #7c3aed, #c084fc);
  outline: none;
}
.timer-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed, #c084fc);
  cursor: pointer;
  box-shadow: 0 0 8px rgba(192,132,252,0.5);
}

/* Aurora scrollbar */
::-webkit-scrollbar-thumb {
  background: rgba(192,132,252,0.2) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(192,132,252,0.35) !important;
}

/* Premium theme toggle cards */
.theme-card {
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all .18s;
}
.theme-card.active { border-color: #c084fc !important; }
.theme-card.premium-only { position: relative; }
.theme-card.premium-only::after {
  content: '⚡';
  position: absolute;
  top: 4px; right: 4px;
  font-size: 12px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  width: 20px; height: 20px;
  display: flex; align-items: center; justify-content: center;
}

/* ── PREMIUM FEATURES EXTENDED CSS ── */

/* Stealth Mode indicator */
.stealth-active .online-dot { display: none !important; }
.stealth-active .read-receipt { display: none !important; }
.stealth-badge {
  font-size:9px; font-family:var(--font-mono);
  color:#a78bfa; background:rgba(167,139,250,0.08);
  border:1px solid rgba(167,139,250,0.2);
  border-radius:20px; padding:2px 7px;
  display:inline-flex; align-items:center; gap:3px;
}

/* Chat Folders Tabs */
.folder-tabs {
  display:flex; gap:4px; padding:6px 8px;
  background:rgba(13,8,32,0.6);
  border-bottom:1px solid rgba(0,255,255,0.06);
  overflow-x:auto; flex-shrink:0;
}
.folder-tab {
  font-size:11px; font-weight:600;
  padding:5px 12px; border-radius:20px; cursor:pointer;
  white-space:nowrap; display:flex; align-items:center; gap:5px;
  border:1px solid rgba(255,255,255,0.06);
  color:var(--text2); background:rgba(255,255,255,0.03);
  transition:all .15s;
}
.folder-tab.active {
  background:rgba(192,132,252,0.12);
  border-color:rgba(192,132,252,0.3); color:#c084fc;
}
.folder-tab:hover { background:rgba(255,255,255,0.05); }

/* Animated avatar glow */
@keyframes avatar-glow {
  0%,100% { box-shadow:0 0 8px rgba(192,132,252,0.5); }
  50%      { box-shadow:0 0 16px rgba(192,132,252,0.8), 0 0 32px rgba(124,58,237,0.3); }
}
.av-animated { animation:avatar-glow 2.5s ease-in-out infinite; }

/* Premium Sticker / Reaction badge */
.premium-reaction {
  font-size:18px; cursor:pointer;
  transition:transform .15s;
  position:relative;
}
.premium-reaction::after {
  content:'⚡'; position:absolute;
  top:-4px; right:-4px; font-size:8px;
  background:rgba(0,0,0,0.7); border-radius:50%;
  width:12px; height:12px;
  display:flex; align-items:center; justify-content:center;
}
.premium-reaction:hover { transform:scale(1.2); }

/* Chat background overlay */
.chat-custom-bg {
  position:absolute; inset:0; z-index:0;
  pointer-events:none; border-radius:0;
}
.chat-messages-wrap { position:relative; z-index:1; }

/* Safe/Vault items */
.safe-item {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:14px; padding:14px;
  cursor:pointer; transition:all .15s;
  display:flex; align-items:center; gap:12px;
  margin-bottom:8px;
}
.safe-item:hover {
  background:rgba(192,132,252,0.06);
  border-color:rgba(192,132,252,0.2);
}
.safe-icon {
  width:40px; height:40px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; flex-shrink:0;
  background:rgba(255,255,255,0.04);
}
.safe-cat { font-size:9px; color:var(--text3); font-family:var(--font-mono); margin-top:2px; }

/* PIN lock overlay */
.pin-lock-overlay {
  position:absolute; inset:0; z-index:50;
  background:rgba(5,5,20,0.95);
  backdrop-filter:blur(20px);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:16px;
}
.pin-input-row {
  display:flex; gap:10px;
}
.pin-digit {
  width:44px; height:52px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(192,132,252,0.2);
  border-radius:12px; font-size:22px;
  font-family:var(--font-mono); color:var(--accent);
  text-align:center; outline:none;
}
.pin-digit:focus { border-color:rgba(192,132,252,0.5); }

/* Voice transcript badge */
.voice-transcript {
  background:rgba(124,106,247,0.08);
  border:1px solid rgba(124,106,247,0.15);
  border-radius:8px; padding:6px 10px;
  font-size:11px; color:var(--text2);
  margin-top:4px; font-style:italic;
  display:flex; align-items:flex-start; gap:6px;
}
.voice-icon { font-size:14px; flex-shrink:0; }

/* Premium section in Settings */
.premium-settings-card {
  background:linear-gradient(135deg,rgba(124,58,237,0.1),rgba(255,215,0,0.05));
  border:1px solid rgba(255,215,0,0.2);
  border-radius:16px; padding:16px; margin-bottom:12px;
}
.premium-settings-title {
  font-size:13px; font-weight:700; color:#ffd700;
  display:flex; align-items:center; gap:6px; margin-bottom:4px;
}

/* BENTO GRID MOBILE */
@media (max-width: 767px) {
  #bento-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #bento-grid > div[style*="grid-column:span 2"] {
    grid-column: span 2 !important;
  }
}
@media (max-width: 480px) {
  #bento-grid {
    grid-template-columns: 1fr !important;
  }
  #bento-grid > div[style*="grid-column:span 2"] {
    grid-column: span 1 !important;
  }
}

/* ══════════════════════════════════════════
   CRITICAL MOBILE LAYOUT FIXES
════════════════════════════════════════════ */

/* Alle Sections klar voneinander trennen */
#landing-screen section {
  position: relative;
  z-index: 1;
  clear: both;
}

/* CTA-Section Text immer sichtbar */
.cta-section * {
  position: relative;
  z-index: 2;
}

.cta-section .cta-glow,
.cta-section::before,
.cta-section::after {
  z-index: -1 !important;
  position: absolute !important;
}

/* Premium-Section auf Mobile */
@media (max-width: 767px) {
  #premium {
    padding: 60px 16px !important;
  }
  #id-check-section {
    padding: 24px 16px !important;
  }
  .cta-section {
    padding: 60px 20px 80px !important;
  }
  .cta-section h2 {
    font-size: clamp(28px, 8vw, 48px) !important;
    line-height: 1.15 !important;
  }
}

/* Footer immer unten sichtbar */
footer {
  position: relative !important;
  z-index: 10 !important;
  overflow: visible !important;
}

/* Verhindert Overlap durch Pseudo-Elemente */
#landing-screen section::before,
#landing-screen section::after {
  pointer-events: none;
}

/* Chat-Widget immer über allem */
#chat-widget {
  z-index: 9998 !important;
  position: fixed !important;
}

/* BENTO GRID DESKTOP GLEICHMAESSIG */
#bento-grid > div {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  #bento-grid {
    gap: 16px !important;
  }
  #bento-grid > div {
    min-height: 180px;
  }
}
@media (max-width: 767px) {
  #bento-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  #bento-grid > div[style*="grid-column:span 2"] {
    grid-column: span 2 !important;
  }
}
@media (max-width: 480px) {
  #bento-grid {
    grid-template-columns: 1fr !important;
  }
  #bento-grid > div[style*="grid-column:span 2"] {
    grid-column: span 1 !important;
  }
}

/* ─── Style Block 7 (original lines 3515–4137) ─── */
/* Fonts already loaded by app */
#landing-screen {
  background: #000000 !important;
  font-family: 'Poppins', 'Space Grotesk', sans-serif !important;
  color: #e8e8f2 !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}
/* Override app's global nav styles inside landing */
#landing-screen #lp-nav { all: unset; }
#landing-screen #lp-nav {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 2000 !important;
  padding: .85rem 2.5rem !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  background: linear-gradient(180deg,rgba(0,0,0,0.9) 0%,transparent 100%) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: .5px solid rgba(120,100,255,0.1) !important;
}
#landing-screen #lp-hero-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  opacity: .84 !important;
  filter: saturate(1.06) brightness(.94) !important;
}
/* Cursor (desktop) */
#lp-cursor{width:10px;height:10px;border-radius:50%;background:#00ffff;position:fixed;top:0;left:0;pointer-events:none;z-index:99999;mix-blend-mode:screen;transition:transform .1s;display:none}
#lp-trail{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,255,255,0.3);position:fixed;top:0;left:0;pointer-events:none;z-index:99998;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:none}
/* NAV */
#lp-nav{
  position:fixed;top:0;left:0;right:0;z-index:2000;
  padding:.85rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,rgba(0,0,0,0.9) 0%,transparent 100%);
  backdrop-filter:blur(14px);
  border-bottom:.5px solid rgba(120,100,255,0.1);
  transition:background .3s;
}
.lp-nav-logo{
  font-family:'JetBrains Mono','Space Mono',monospace;
  font-size:1rem;font-weight:700;color:#e8e8f2;text-decoration:none;
  display:flex;align-items:center;gap:9px;letter-spacing:-.01em;
}
.lp-nav-shield{
  width:28px;height:28px;
  background:linear-gradient(135deg,rgba(124,106,247,.45),rgba(0,255,255,.2));
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#00ffff;
  animation:lpShield 3s ease-in-out infinite;
}
@keyframes lpShield{0%,100%{filter:drop-shadow(0 0 4px rgba(124,106,247,.4))}50%{filter:drop-shadow(0 0 12px rgba(124,106,247,.7))}}
.lp-nav-links{display:flex;gap:1.35rem;align-items:center;list-style:none;margin:0;padding:0}
.lp-nav-links a{color:#9094b8;text-decoration:none;font-size:.78rem;font-weight:500;letter-spacing:.01em;transition:color .25s}
.lp-nav-links a:hover{color:#00ffff}
.lp-nav-links .lp-nav-gold{color:#ffd700}
.lp-nav-links .lp-nav-gold:hover{color:#fff2a8}
.lp-nav-sep{width:1px;height:18px;background:rgba(255,255,255,.08);margin:0 .35rem}
@media (max-width: 1180px){
  .lp-nav-links{gap:1.05rem}
  .lp-nav-links a{font-size:.74rem}
}
.lp-nav-cta{
  background:linear-gradient(135deg,#7c6af7,#9333ea);
  color:white!important;padding:.48rem 1.2rem;border-radius:8px;
  font-size:.8rem!important;font-weight:700!important;
  box-shadow:0 0 20px rgba(147,51,234,.4);
  transition:opacity .3s,transform .3s!important;
}
.lp-nav-cta:hover{opacity:.9;transform:translateY(-1px)!important}
.lp-donate-btn{
  font-size:.78rem;font-weight:600;color:#ffd700;
  background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.25);
  border-radius:20px;padding:.42rem 1rem;text-decoration:none;
  display:flex;align-items:center;gap:5px;transition:background .2s;
}
.lp-donate-btn:hover{background:rgba(255,215,0,.18)}
#lp-burger{
  display:none;background:rgba(255,255,255,.06);
  border:.5px solid rgba(255,255,255,.12);border-radius:8px;
  padding:.42rem .6rem;cursor:pointer;color:#e8e8f2;
  font-size:1.05rem;line-height:1;
}
#lp-mobile-menu{
  display:none;position:fixed;top:54px;left:0;right:0;z-index:1999;
  background:rgba(4,4,10,.97);backdrop-filter:blur(16px);
  border-bottom:.5px solid rgba(120,100,255,.15);
  flex-direction:column;padding:.6rem 1.5rem 1.1rem;
}
#lp-mobile-menu a{
  padding:.65rem 0;color:#7070a0;text-decoration:none;
  font-size:.9rem;font-weight:500;
  border-bottom:.5px solid rgba(255,255,255,.04);display:block;
}
#lp-mobile-menu a:hover{color:#00ffff}
.lp-mobile-cta{
  margin-top:.75rem;width:100%;
  background:linear-gradient(135deg,#7c6af7,#9333ea);
  color:white;border:none;border-radius:8px;
  padding:.75rem;font-size:.9rem;font-weight:700;
  cursor:pointer;font-family:'Poppins','Space Grotesk',sans-serif;
}
/* HERO */
#lp-hero{
  position:relative;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;padding:5rem 1.5rem 3rem;
  background:
    radial-gradient(circle at 50% 18%, rgba(0,209,255,.09) 0%, rgba(0,209,255,.03) 24%, transparent 54%),
    radial-gradient(circle at 72% 14%, rgba(124,106,247,.13) 0%, rgba(124,106,247,.045) 22%, transparent 46%),
    radial-gradient(circle at 18% 78%, rgba(0,209,255,.045) 0%, transparent 34%),
    linear-gradient(180deg, #020208 0%, #04050d 34%, #03040a 62%, #010103 100%);
}
#lp-hero::before,
#lp-hero::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
}
#lp-hero::before{
  z-index:0;
  opacity:.34;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 28%),
    repeating-linear-gradient(90deg, transparent 0 88px, rgba(0,209,255,.055) 88px 89px, transparent 89px 176px),
    repeating-linear-gradient(0deg, transparent 0 60px, rgba(124,106,247,.05) 60px 61px, transparent 61px 122px);
  mask-image: radial-gradient(circle at 50% 34%, rgba(0,0,0,1) 0%, rgba(0,0,0,.92) 46%, rgba(0,0,0,.18) 74%, transparent 100%);
  -webkit-mask-image: radial-gradient(circle at 50% 34%, rgba(0,0,0,1) 0%, rgba(0,0,0,.92) 46%, rgba(0,0,0,.18) 74%, transparent 100%);
  animation: lpGridDrift 22s linear infinite;
}
#lp-hero::after{
  z-index:2;
  background:
    radial-gradient(circle at 50% 28%, transparent 0%, transparent 42%, rgba(1,1,4,.18) 68%, rgba(1,1,4,.84) 100%),
    radial-gradient(circle at 50% 92%, rgba(1,1,4,.12) 0%, rgba(1,1,4,.72) 72%, rgba(1,1,4,.94) 100%);
}
#lp-hero-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none;pointer-events:none}
/* ── HERO TWO-COLUMN SPLIT ── */
.lp-hero-stage{display:none!important}
.lp-hero-inner{
  position:relative;z-index:10;
  display:grid;grid-template-columns:1fr 1fr;
  align-items:center;gap:3rem;
  max-width:1100px;width:100%;isolation:isolate;
  text-align:left;
}
.lp-hero-left{display:flex;flex-direction:column;align-items:flex-start}
.lp-hero-right{
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:10;
}
/* Globe container */
#ec-cobe-globe-container{
  position:relative;
  width:520px;height:520px;
  display:flex;align-items:center;justify-content:center;
}
#ec-cobe-globe-container::before{
  content:'';position:absolute;inset:-40px;
  background:radial-gradient(circle at 50% 50%,rgba(0,209,255,.18) 0%,rgba(124,106,247,.12) 40%,transparent 70%);
  border-radius:50%;pointer-events:none;
  animation:globeGlow 4s ease-in-out infinite;
}
@keyframes globeGlow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
#ec-cobe-globe{
  width:520px!important;height:520px!important;
  border-radius:50%;
  filter:drop-shadow(0 0 40px rgba(0,209,255,.35)) drop-shadow(0 0 80px rgba(124,106,247,.2));
}
/* Responsive: stack on tablet/mobile */
@media(max-width:900px){
  .lp-hero-inner{grid-template-columns:1fr;text-align:center}
  .lp-hero-left{align-items:center}
  #ec-cobe-globe-container{width:320px;height:320px}
  #ec-cobe-globe{width:320px!important;height:320px!important}
}
.lp-hero-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(0,255,255,.05);border:.5px solid rgba(0,255,255,.25);
  border-radius:100px;padding:.38rem 1.1rem;
  font-size:.68rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:#00ffff;
  font-family:'JetBrains Mono',monospace;margin-bottom:1.75rem;
  opacity:0;animation:lpFadeUp .8s .2s forwards;
}
.lp-badge-dot{width:6px;height:6px;border-radius:50%;background:#00ffff;animation:lpBlink 1.5s ease-in-out infinite}
@keyframes lpBlink{0%,100%{opacity:1}50%{opacity:.2}}
.lp-h1{
  font-family:'Poppins','Space Grotesk',sans-serif;
  font-size:clamp(3rem,9vw,6.5rem);
  font-weight:900;line-height:.95;letter-spacing:-.04em;
  margin-bottom:1.4rem;
  opacity:0;animation:lpFadeUp .8s .4s forwards;
}
.lp-h1-w1{display:block;background:linear-gradient(135deg,#fff 0%,rgba(232,232,242,.72) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lp-h1-w2{
  display:block;
  background:linear-gradient(135deg,#00ffff,#7c6af7,#00ffff);
  background-size:200% 100%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:lpGradFlow 4s ease infinite;
}
@keyframes lpGradFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes lpGridDrift{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-16px,0)}
  100%{transform:translate3d(0,0,0)}
}
.lp-hero-sub{
  font-size:clamp(.9rem,2.5vw,1.05rem);color:#7070a0;line-height:1.75;
  max-width:520px;margin:0 auto 2.5rem;
  opacity:0;animation:lpFadeUp .8s .6s forwards;
}
.lp-ctas{
  display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;
  opacity:0;animation:lpFadeUp .8s .8s forwards;
}
.lp-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#00ffff,#7c6af7);
  color:#000;font-weight:800;font-size:.9rem;
  font-family:'Poppins','Space Grotesk',sans-serif;
  padding:.85rem 2rem;border-radius:10px;text-decoration:none;
  border:none;cursor:pointer;
  box-shadow:0 0 20px rgba(0,255,255,.35),0 0 60px rgba(0,255,255,.12);
  transition:transform .3s,box-shadow .3s;
}
.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,255,255,.3)}
.lp-btn-secondary{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.025);color:#e8e8f2;
  font-weight:500;font-size:.9rem;font-family:'Poppins','Space Grotesk',sans-serif;
  padding:.85rem 2rem;border-radius:10px;text-decoration:none;
  border:.5px solid rgba(120,100,255,.2);
  transition:background .3s,transform .3s;
  backdrop-filter:blur(20px);
}
.lp-btn-secondary:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}
/* Terminal */
.lp-terminal{
  position:relative;z-index:10;margin-top:2.5rem;
  background:rgba(5,5,8,.88);border:1px solid rgba(0,255,255,.12);
  border-radius:14px;overflow:hidden;max-width:500px;
  margin-left:auto;margin-right:auto;
  opacity:0;animation:lpFadeUp .8s 1s forwards;
  backdrop-filter:blur(20px);
}
.lp-term-bar{
  display:flex;align-items:center;gap:6px;padding:.65rem 1rem;
  background:rgba(255,255,255,.03);border-bottom:.5px solid rgba(0,255,255,.08);
}
.lp-td{width:10px;height:10px;border-radius:50%}
.lp-term-body{padding:1rem 1.25rem;font-family:'JetBrains Mono','Space Mono',monospace;font-size:.7rem;line-height:1.8;text-align:left}
.lt-c{color:#3a3a5a}.lt-k{color:#c792ea}.lt-v{color:#82aaff}.lt-f{color:#00ffff}.lt-s{color:#c3e88d}.lt-ok{color:#00ff88}.lt-d{color:#282848}
@keyframes lpFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* SCROLL INDICATOR */
.lp-scroll{
  position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:5px;
  color:#7070a0;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  font-family:'JetBrains Mono',monospace;
  opacity:0;animation:lpFadeUp 1s 1.5s forwards;
}
.lp-scroll-line{width:1px;height:30px;background:linear-gradient(180deg,#7c6af7,transparent);animation:lpScrollPulse 2s ease-in-out infinite}
@keyframes lpScrollPulse{0%,100%{transform:scaleY(.5) translateY(-50%)}50%{transform:scaleY(1) translateY(0)}}
/* TRUST BAR */
.lp-trust{
  display:flex;justify-content:center;flex-wrap:wrap;
  border-top:.5px solid rgba(120,100,255,.1);
  border-bottom:.5px solid rgba(120,100,255,.1);
  background:rgba(5,5,8,.95);padding:.85rem 2rem;
  position:relative;z-index:5;
}
.lp-trust-item{
  display:flex;align-items:center;gap:7px;padding:.45rem 1.5rem;
  font-size:.72rem;font-weight:500;color:#7070a0;
  border-right:.5px solid rgba(120,100,255,.1);
}
.lp-trust-item:last-child{border-right:none}
/* SECTIONS */
.lp-section{padding:7rem 0;position:relative}
.lp-wrap{max-width:1060px;margin:0 auto;padding:0 2rem}
.lp-label{
  font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#00ffff;font-family:'JetBrains Mono',monospace;margin-bottom:.65rem;
  display:flex;align-items:center;gap:8px;
}
.lp-label::before{content:'';display:block;width:18px;height:1px;background:#00ffff}
.lp-title{
  font-family:'Poppins','Space Grotesk',sans-serif;
  font-size:clamp(1.9rem,4vw,3rem);font-weight:800;
  letter-spacing:-.03em;line-height:1.05;margin-bottom:.65rem;
}
.lp-sub{color:#7070a0;font-size:.9rem;line-height:1.75;max-width:460px;margin-bottom:3rem}
/* REVEAL */
.lp-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}
.lp-reveal.lp-visible{opacity:1;transform:translateY(0)}
.lp-d1{transition-delay:.1s}.lp-d2{transition-delay:.2s}.lp-d3{transition-delay:.3s}
/* FEATURES GRID */
.lp-feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(120,100,255,.1);
  border:1px solid rgba(120,100,255,.1);border-radius:18px;overflow:hidden;
}
.lp-feat-card{
  background:#050508;padding:2rem;position:relative;overflow:hidden;
  transition:background .4s,transform .3s;cursor:default;
}
.lp-feat-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,#00ffff,transparent);
  opacity:0;transition:opacity .4s;
}
.lp-feat-card:hover{background:rgba(124,106,247,.07)}
.lp-feat-card:hover::after{opacity:.5}
.lp-feat-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.1rem}
.lp-feat-tag{display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .52rem;border-radius:4px;margin-bottom:.65rem;font-family:'JetBrains Mono',monospace;background:rgba(124,106,247,.15);color:#9b8fff;border:.5px solid rgba(124,106,247,.3)}
.lp-feat-tag.lp-t-gold{background:rgba(255,215,0,.1);color:#ffd700;border-color:rgba(255,215,0,.3)}
.lp-feat-tag.lp-t-red{background:rgba(255,51,85,.1);color:#ff8099;border-color:rgba(255,51,85,.3)}
.lp-feat-tag.lp-t-cyan{background:rgba(0,255,255,.07);color:#00ffff;border-color:rgba(0,255,255,.25)}
.lp-fc-title{font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.45rem}
.lp-fc-desc{font-size:.77rem;color:#7070a0;line-height:1.65}
/* PARTICLE CANVAS */
#lp-feat-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}
/* ENC SPLIT */
.lp-enc-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.lp-spec-list{display:flex;flex-direction:column;gap:.9rem;margin-top:2rem}
.lp-spec-item{
  display:flex;align-items:flex-start;gap:9px;
  padding:1rem 1.2rem;background:rgba(255,255,255,.02);
  border:.5px solid rgba(255,255,255,.06);border-radius:10px;transition:border-color .3s;
}
.lp-spec-item:hover{border-color:rgba(0,255,255,.2)}
.lp-spec-check{
  width:19px;height:19px;min-width:19px;border-radius:50%;
  background:rgba(0,255,136,.12);border:.5px solid rgba(0,255,136,.3);
  display:flex;align-items:center;justify-content:center;
  font-size:.6rem;color:#00ff88;margin-top:1px;
}
.lp-spec-text strong{display:block;font-size:.83rem;font-weight:600;margin-bottom:1px}
.lp-spec-text span{font-size:.74rem;color:#7070a0}
/* TORUS */
.lp-enc-visual{position:relative;height:420px;display:flex;align-items:center;justify-content:center}
.lp-tring{position:absolute;border-radius:50%;border:1px solid;animation:lpOrbit 20s linear infinite}
.lp-tring:nth-child(1){width:260px;height:260px;border-color:rgba(124,106,247,.15);animation-duration:24s}
.lp-tring:nth-child(2){width:185px;height:185px;border-color:rgba(0,255,255,.18);animation-duration:17s;animation-direction:reverse}
.lp-tring:nth-child(3){width:115px;height:115px;border-color:rgba(0,255,136,.2);animation-duration:11s}
@keyframes lpOrbit{from{transform:rotate(0deg) rotateX(60deg)}to{transform:rotate(360deg) rotateX(60deg)}}
.lp-tcenter{
  position:relative;z-index:2;width:78px;height:78px;
  background:linear-gradient(135deg,rgba(124,106,247,.25),rgba(0,255,255,.15));
  border:.5px solid rgba(124,106,247,.5);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);font-size:1.7rem;
  box-shadow:0 0 40px rgba(124,106,247,.2),0 0 80px rgba(0,255,255,.05);
}
.lp-efloat{
  position:absolute;display:flex;align-items:center;gap:7px;
  padding:.4rem .85rem;border-radius:8px;font-size:.66rem;
  font-family:'JetBrains Mono',monospace;animation:lpFloatPkt 8s ease-in-out infinite;border:.5px solid;
}
.lp-ef1{top:12%;right:0;background:rgba(124,106,247,.1);border-color:rgba(124,106,247,.3);color:#9b8fff;animation-delay:0s}
.lp-ef2{bottom:18%;left:0;background:rgba(0,255,255,.06);border-color:rgba(0,255,255,.25);color:#00ffff;animation-delay:2.5s}
.lp-ef3{top:52%;right:-6%;background:rgba(0,255,136,.07);border-color:rgba(0,255,136,.25);color:#00ff88;animation-delay:5s}
@keyframes lpFloatPkt{0%,100%{transform:translateY(0) translateX(0)}33%{transform:translateY(-9px) translateX(3px)}66%{transform:translateY(6px) translateX(-3px)}}
/* STATS */
.lp-stats{border-top:.5px solid rgba(120,100,255,.1);border-bottom:.5px solid rgba(120,100,255,.1);background:#0a0a12}
.lp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(120,100,255,.1)}
.lp-stat{background:#0a0a12;padding:2.5rem 2rem;text-align:center;transition:background .3s}
.lp-stat:hover{background:rgba(124,106,247,.05)}
.lp-stat-n{
  font-family:'JetBrains Mono',monospace;font-size:clamp(2rem,4vw,3.2rem);
  font-weight:700;letter-spacing:-.04em;
  background:linear-gradient(135deg,#00ffff,#7c6af7);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem;
}
.lp-stat-l{font-size:.75rem;color:#7070a0;font-weight:500}
/* STEPS */
.lp-steps{display:flex;flex-direction:column;gap:1px;background:rgba(120,100,255,.1);border:.5px solid rgba(120,100,255,.1);border-radius:18px;overflow:hidden;margin-top:2.5rem}
.lp-step{display:flex;align-items:flex-start;gap:1.75rem;padding:2rem 2.25rem;background:#050508;transition:background .3s;position:relative}
.lp-step::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00ffff,#7c6af7);opacity:0;transition:opacity .3s}
.lp-step:hover{background:rgba(124,106,247,.04)}
.lp-step:hover::before{opacity:1}
.lp-step-n{font-family:'JetBrains Mono',monospace;font-size:1.6rem;font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,#00ffff,#7c6af7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;line-height:1;margin-top:2px}
.lp-step h3{font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.35rem}
.lp-step p{font-size:.78rem;color:#7070a0;line-height:1.7}
/* COMPARE */
.lp-ctable{width:100%;border-collapse:collapse}
.lp-ctable th{padding:1rem 1.1rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-align:center;border-bottom:.5px solid rgba(255,255,255,.07);color:#7070a0}
.lp-ctable th.lp-hl{color:#00ffff}
.lp-ctable th.lp-hl::after{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#00ffff,transparent);margin-top:5px}
.lp-ctable td{padding:.82rem 1.1rem;font-size:.77rem;text-align:center;border-bottom:.5px solid rgba(255,255,255,.03);color:#7070a0}
.lp-ctable td:first-child{text-align:left;color:#e8e8f2;font-weight:500}
.lp-ctable .lp-yes{color:#00ffff;font-weight:600}
.lp-ctable .lp-no{color:rgba(255,255,255,.2)}
.lp-ctable tr:hover td{background:rgba(255,255,255,.015)}
.lp-cgh td{background:rgba(124,106,247,.05);color:#9b8fff;font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-family:'JetBrains Mono',monospace;padding:.58rem 1.1rem}
/* SEED */
.lp-seed-wrap{max-width:720px;margin:0 auto;padding:0 2rem;text-align:center}
.lp-seed-hbar{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#7c6af7;font-family:'JetBrains Mono',monospace;margin-bottom:1.5rem}
.lp-shb-line{flex:1;height:.5px;background:rgba(124,106,247,.35);max-width:50px}
.lp-seed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}
.lp-seed-word{background:rgba(255,255,255,.025);border:.5px solid rgba(255,255,255,.07);border-radius:8px;padding:.6rem .7rem;display:flex;align-items:center;gap:7px;transition:border-color .3s}
.lp-seed-word:hover{border-color:rgba(0,255,255,.25)}
.lp-seed-num{font-size:.58rem;color:rgba(255,255,255,.2);min-width:12px;text-align:right;font-family:'JetBrains Mono',monospace}
.lp-seed-text{font-size:.78rem;font-weight:600;font-family:'JetBrains Mono',monospace;color:#00ffff;letter-spacing:.02em}
.lp-seed-warn{display:flex;align-items:flex-start;gap:9px;background:rgba(255,51,85,.07);border:.5px solid rgba(255,51,85,.25);border-radius:10px;padding:.9rem 1.1rem;text-align:left;font-size:.75rem;color:#ff8099;line-height:1.6}
/* BENTO */
.lp-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:3rem 0}
.lp-bc{background:rgba(255,255,255,.025);border:1px solid rgba(120,100,255,.12);border-radius:18px;padding:1.6rem;transition:transform .25s,box-shadow .25s;cursor:default}
.lp-bc:hover{transform:translateY(-3px)}
.lp-bc-icon{font-size:1.8rem;margin-bottom:.65rem}
.lp-bc-title{font-size:.9rem;font-weight:700;margin-bottom:.35rem}
.lp-bc-desc{font-size:.74rem;color:#7070a0;line-height:1.6}
/* ── PRICING OVERHAUL — Dark Matte + Orange CTA ── */
#lp-pricing{background:radial-gradient(circle at 50% 0%,rgba(255,100,0,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(124,106,247,.05) 0%,transparent 40%),#080810!important;position:relative}
#lp-pricing::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 80%);z-index:0}
#lp-pricing .lp-wrap{position:relative;z-index:1}
.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent;border:none;border-radius:0;overflow:visible}
.lp-plan{background:rgba(10,10,18,.92);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.25rem;position:relative;transition:border-color .3s,box-shadow .3s,transform .3s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)}
.lp-plan:hover{border-color:rgba(255,255,255,.16);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);transform:translateY(-3px)}
.lp-plan.lp-featured{background:rgba(12,10,22,.95);border:1px solid rgba(255,140,0,.28);box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 40px rgba(255,100,0,.08),inset 0 1px 0 rgba(255,140,0,.08)}
.lp-plan.lp-featured:hover{border-color:rgba(255,140,0,.45);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 60px rgba(255,100,0,.14),inset 0 1px 0 rgba(255,140,0,.1)}
.lp-plan-badge{display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .65rem;border-radius:4px;margin-bottom:1.1rem;font-family:'JetBrains Mono',monospace}
.lp-plan-name{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.45rem}
.lp-plan-desc{font-size:.75rem;color:#7070a0;line-height:1.65;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:.5px solid rgba(255,255,255,.06)}
.lp-price-row{display:flex;align-items:baseline;gap:3px;margin:.9rem 0}
.lp-curr{font-size:1rem;color:#7070a0;font-weight:400;align-self:flex-start;margin-top:6px}
.lp-amount{font-family:'Poppins','Space Grotesk',sans-serif;font-size:2.6rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.lp-period{font-size:.72rem;color:#7070a0}
.lp-feats{list-style:none;display:flex;flex-direction:column;gap:.62rem;margin-bottom:1.75rem}
.lp-feats li{display:flex;align-items:center;gap:8px;font-size:.77rem;color:#7070a0}
.lp-feats li.lp-inc{color:#e8e8f2}
.lp-feats li.lp-gf{color:#ffd700}
.lp-pcta{display:block;text-align:center;padding:.82rem;border-radius:10px;font-weight:700;font-size:.85rem;font-family:'Poppins','Space Grotesk',sans-serif;text-decoration:none;transition:transform .25s,box-shadow .25s,opacity .25s;cursor:pointer;border:none;width:100%}
.lp-pcta.lp-gold-cta{background:linear-gradient(135deg,#ff6b00,#ff9500);color:#fff;box-shadow:0 0 0 1px rgba(255,107,0,.3),0 4px 20px rgba(255,107,0,.45),0 8px 40px rgba(255,107,0,.2),inset 0 1px 0 rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.3)}
.lp-pcta.lp-gold-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,107,0,.4),0 8px 30px rgba(255,107,0,.6),0 16px 60px rgba(255,107,0,.25),inset 0 1px 0 rgba(255,255,255,.2)}
.lp-pcta.lp-ghost-cta{background:rgba(255,255,255,.04);color:#e8e8f2;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.lp-pcta.lp-ghost-cta:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
.lp-pcta:hover{transform:translateY(-2px)}
/* Lifetime strip */
.lp-lifetime{background:linear-gradient(135deg,rgba(255,215,0,.07),rgba(255,215,0,.03));border:.5px solid rgba(255,215,0,.2);padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-top:1.5px}
.lp-lt-eyebrow{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd700;margin-bottom:.35rem;font-family:'JetBrains Mono',monospace}
.lp-lt-h{font-family:'Poppins','Space Grotesk',sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem}
.lp-lt-p{font-size:.75rem;color:#7070a0}
.lp-lt-amt{font-family:'Poppins','Space Grotesk',sans-serif;font-size:2.6rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#ffd700,#ffe066);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.lp-lt-note{font-size:.68rem;color:#7070a0}
/* WIDERRUF BOX */
.lp-wbox{display:flex;align-items:flex-start;gap:9px;background:rgba(255,51,85,.05);border:.5px solid rgba(255,51,85,.2);border-radius:8px;padding:.9rem 1.1rem;font-size:.71rem;color:#7070a0;line-height:1.65;margin-top:1.4rem}
/* BETA BOX */
.lp-beta-box{background:rgba(255,215,0,.05);border:.5px solid rgba(255,215,0,.2);border-radius:8px;padding:.8rem 1.1rem;text-align:center;font-size:.75rem;color:#ffd700;font-weight:600;margin-bottom:1.5rem;font-family:'JetBrains Mono',monospace}
.lp-hero-note{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.55rem;margin-top:1rem}
.lp-hero-note span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.08);border-radius:999px;padding:.45rem .8rem;font-size:.7rem;color:#8f93b3}
.lp-hero-note strong{color:#e8e8f2;font-weight:600}
.lp-plan-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:.85rem;padding:.28rem .68rem;border-radius:999px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.08);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a7acd3;font-family:'JetBrains Mono',monospace}
.lp-plan-meta{margin-top:.95rem;padding-top:.95rem;border-top:.5px solid rgba(255,255,255,.06);font-size:.69rem;color:#8f93b3;line-height:1.65}
.lp-pricing-note{max-width:650px;margin:1rem auto 0;font-size:.75rem;color:#8f93b3;line-height:1.72}
.lp-reserve-copy{max-width:560px;margin:1rem auto 0;font-size:.75rem;color:rgba(255,255,255,.72);line-height:1.72}
.lp-reserve-row{display:flex;gap:10px;align-items:stretch;max-width:500px;margin:0 auto;flex-wrap:nowrap}
.lp-faq-headline{max-width:620px;margin:0 auto;font-size:.76rem;color:#8f93b3;line-height:1.72}

/* ════════════════════════════════════════════════════════════
   ELITE GLASS — Identity Hub 3D Cards
═════════════════════════════════════════════════════════════ */
.prof-cat-item{
  display:flex;align-items:center;gap:14px;padding:16px 18px;
  cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,background .25s;
  position:relative;
  background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(124,106,247,0.02) 100%)!important;
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  border:0.5px solid rgba(138,43,226,0.15)!important;
  border-radius:14px!important;
  margin:8px 14px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.04);
}
.prof-cat-item::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(138,43,226,0.08) 50%,transparent 70%);
  opacity:0;transition:opacity .4s;pointer-events:none;
}
.prof-cat-item:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 12px 32px rgba(138,43,226,0.18),0 0 20px rgba(138,43,226,0.1),inset 0 1px 0 rgba(255,255,255,0.08)!important;
  border-color:rgba(138,43,226,0.4)!important;
  background:linear-gradient(135deg,rgba(138,43,226,0.06) 0%,rgba(0,255,255,0.03) 100%)!important;
}
.prof-cat-item:hover::before{opacity:1;animation:glassShimmer 1.2s ease-out}
@keyframes glassShimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.prof-cat-item[data-danger="true"]{
  border-color:rgba(255,71,87,0.35)!important;
  background:linear-gradient(135deg,rgba(255,71,87,0.05) 0%,rgba(147,51,234,0.03) 100%)!important;
  animation:dangerPulse 2.5s ease-in-out infinite;
}
@keyframes dangerPulse{
  0%,100%{box-shadow:0 4px 16px rgba(0,0,0,0.15),0 0 16px rgba(255,71,87,0.15)}
  50%{box-shadow:0 4px 16px rgba(0,0,0,0.15),0 0 28px rgba(255,71,87,0.3)}
}

/* ────────────────────────────────────────────────
   Centered Containers (Layout Fix)
──────────────────────────────────────────────── */
#lp-hero .lp-hero-inner{max-width:min(900px,100%);margin:0 auto;padding:0 1rem}
#lp-features .lp-wrap,
#lp-encryption .lp-wrap,
#lp-vergleich .lp-wrap,
#lp-premium .lp-wrap,
#lp-section .lp-wrap{
  max-width:1140px;margin:0 auto;
  padding-left:clamp(1rem,4vw,2.5rem);
  padding-right:clamp(1rem,4vw,2.5rem);
}
.lp-trust{max-width:1140px;margin:0 auto}
#lp-nav{padding-left:clamp(1rem,3vw,2.5rem)!important;padding-right:clamp(1rem,3vw,2.5rem)!important}
@media(min-width:1400px){
  #lp-nav{max-width:1300px;margin:0 auto;left:50%;transform:translateX(-50%)}
}

/* ────────────────────────────────────────────────
   PANIC MODE — Digital Ash Effect
──────────────────────────────────────────────── */
@keyframes panicAshShake{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(-2px,1px)}
  50%{transform:translate(2px,-1px)}
  75%{transform:translate(-1px,2px)}
}
.panic-shake{animation:panicAshShake .1s infinite}

/* FAQ */
.lp-faq-item{background:rgba(255,255,255,.022);border:.5px solid rgba(255,255,255,.06);border-radius:11px;overflow:hidden;transition:border-color .3s;margin-bottom:.65rem}
.lp-faq-item[open]{border-color:rgba(124,106,247,.3)}
.lp-faq-item[open] .lp-faq-icon{transform:rotate(45deg)}
.lp-faq-summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;font-weight:600;font-size:.84rem;color:#e8e8f2;list-style:none;cursor:pointer;transition:background .25s;gap:1rem}
.lp-faq-summary:hover{background:rgba(124,106,247,.05)}
.lp-faq-summary::-webkit-details-marker{display:none}
.lp-faq-icon{color:#7c6af7;font-size:1rem;font-weight:300;min-width:18px;text-align:center;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:inline-block}
.lp-faq-body{padding:.8rem 1.4rem 1rem;font-size:.77rem;color:#7070a0;line-height:1.75;border-top:.5px solid rgba(255,255,255,.04)}
/* PANIC */
.lp-panic-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(255,51,85,.08);border:1px solid rgba(255,51,85,.35);color:#ff8099;padding:1rem 2.75rem;border-radius:10px;font-weight:700;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:background .3s,transform .2s;position:relative;overflow:hidden}
.lp-panic-btn:hover{background:rgba(255,51,85,.18);border-color:rgba(255,51,85,.6);transform:scale(1.02)}
.lp-ppulse{width:8px;height:8px;border-radius:50%;background:#ff3355;animation:lpPanic 1s ease-in-out infinite}
@keyframes lpPanic{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,51,85,.6)}50%{opacity:.6;box-shadow:0 0 8px 4px rgba(255,51,85,.2)}}
.lp-panic-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(120,100,255,.1);border:.5px solid rgba(120,100,255,.1);border-radius:14px;overflow:hidden;margin-top:2rem}
.lp-pf-cell{padding:1.4rem;background:#050508;text-align:center}
.lp-pf-icon{font-size:1.3rem;margin-bottom:.35rem}
.lp-pf-t{font-size:.77rem;font-weight:700;margin-bottom:.2rem}
.lp-pf-d{font-size:.69rem;color:#7070a0;line-height:1.5}
/* FOOTER */
#lp-footer{background:#000;border-top:.5px solid rgba(120,100,255,.08);padding:2.25rem 2.5rem}
.lp-footer-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.75rem;flex-wrap:wrap}
.lp-footer-logo{font-family:'JetBrains Mono',monospace;font-size:.88rem;font-weight:700;color:#e8e8f2}
.lp-footer-text{font-size:.68rem;color:#7070a0;line-height:1.85;text-align:center}
.lp-footer-links{display:flex;gap:1.4rem}
.lp-footer-links a{font-size:.7rem;color:#7070a0;text-decoration:none;transition:color .3s;cursor:pointer}
.lp-footer-links a:hover{color:#00ffff}
/* PANIC OVERLAY */
#lp-panic-ov{display:none;position:fixed;inset:0;z-index:99999;pointer-events:none}
#lp-panic-ov.lp-active{display:block;pointer-events:all}
#lp-glitch{position:absolute;inset:0;width:100%;height:100%}
/* LEGAL MODAL */
#lp-lm-ov{display:none;position:fixed;inset:0;z-index:2147483645;background:rgba(0,0,0,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);align-items:center;justify-content:center;padding:1rem;pointer-events:auto}
#lp-lm-ov.lp-lm-open{display:flex}
#lp-lm-box{background:#0a0a12;border:1px solid rgba(124,106,247,.3);border-radius:18px;max-width:560px;width:100%;max-height:75vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.9)}
#lp-lm-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:.5px solid rgba(255,255,255,.07);flex-shrink:0;position:sticky;top:0;z-index:2;background:#0a0a12}
#lp-lm-title{font-weight:700;font-size:.92rem;color:#7c6af7;font-family:'JetBrains Mono',monospace}
#lp-lm-body{overflow-y:auto;padding:1.4rem;font-size:.78rem;color:#7070a0;line-height:1.85;display:flex;flex-direction:column;gap:.85rem;flex:1;min-height:0;max-height:calc(75vh - 64px)}
.ec-privacy-policy{display:flex;flex-direction:column;gap:1rem;color:#a8a8c0;line-height:1.78}
.ec-privacy-policy .ec-privacy-stand{margin:0;color:#7070a0;font-size:.72rem;font-family:'JetBrains Mono',monospace}
.ec-privacy-policy section{padding:0 0 .2rem}
.ec-privacy-policy h3{margin:0 0 .35rem;color:#7c6af7;font-size:.84rem;font-weight:700;line-height:1.45}
.ec-privacy-policy h3 span{color:#00ffff;font-family:'JetBrains Mono',monospace}
.ec-privacy-policy h4{margin:.75rem 0 .3rem;color:#d8d8ec;font-size:.78rem;font-weight:600;line-height:1.7}
.ec-privacy-policy p{margin:.25rem 0;line-height:1.82}
.ec-privacy-policy ul{margin:.35rem 0 .55rem;padding-left:1.1rem}
.ec-privacy-policy li{margin:.18rem 0}
.ec-privacy-policy strong{color:#e8e8f2;font-weight:700}
.ec-privacy-policy a{color:#7c6af7;text-decoration:none}
#datenschutz-modal > .modal{max-height:75vh!important;overflow:hidden;display:flex;flex-direction:column;position:relative}
#datenschutz-modal .ec-privacy-scroll{overflow-y:auto;max-height:calc(75vh - 92px);flex:1;min-height:0;padding-right:2px}
#datenschutz-modal .ec-legal-close-x{position:sticky;top:14px;align-self:flex-end;margin:-4px 2px -32px 0;z-index:4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:8px;width:32px;height:32px;color:var(--text2);font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto}
#tos-modal > .modal,#agb-vollstaendig-modal > .modal{max-height:75vh!important;overflow:hidden;display:flex;flex-direction:column;position:relative}
#tos-modal .ec-legal-scroll,#agb-vollstaendig-modal .ec-legal-scroll{overflow-y:auto;max-height:calc(75vh - 92px);flex:1;min-height:0;padding-right:2px;color:#a8a8c0;line-height:1.82}
#tos-modal .ec-legal-close-x,#agb-vollstaendig-modal .ec-legal-close-x{position:sticky;top:14px;align-self:flex-end;margin:-4px 2px -32px 0;z-index:4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:8px;width:32px;height:32px;color:var(--text2);font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto}
/* COPY PROTECTION */
#landing-screen *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
#landing-screen input,#landing-screen textarea{-webkit-user-select:text!important;user-select:text!important}
/* RESPONSIVE */
@media(max-width:900px){
  #lp-nav{padding:.75rem 1.1rem!important}
  .lp-nav-links{display:none!important}
  #lp-burger{display:flex!important;align-items:center;justify-content:center}
  #lp-mobile-donate{display:flex!important}
  .lp-wrap{padding:0 1.25rem}
  .lp-section{padding:5rem 0}
  .lp-feat-grid,.lp-pricing-grid,.lp-panic-feats{grid-template-columns:1fr 1fr}
  .lp-enc-layout{grid-template-columns:1fr}
  .lp-enc-visual{height:300px}
  .lp-stats-grid{grid-template-columns:repeat(2,1fr)}
  .lp-bento{grid-template-columns:repeat(2,1fr)!important}
  .lp-seed-grid{grid-template-columns:repeat(3,1fr)}
  .lp-lifetime{flex-direction:column;align-items:flex-start}
  .lp-footer-inner{flex-direction:column;text-align:center}
  .lp-footer-links{justify-content:center}
  .lp-trust-item{padding:.4rem .9rem;font-size:.68rem}
}
@media(max-width:600px){
  .lp-feat-grid,.lp-pricing-grid{grid-template-columns:1fr}
  .lp-stats-grid{grid-template-columns:1fr 1fr}
  .lp-seed-grid{grid-template-columns:repeat(2,1fr)}
  .lp-panic-feats{grid-template-columns:1fr}
  .lp-h1{font-size:clamp(2.6rem,11vw,4rem)}
  .lp-reserve-row{flex-wrap:wrap}
  .lp-reserve-row button{width:100%;justify-content:center;min-height:48px}
}

/* ─── Style Block 8 (original lines 5210–5262) ─── */
/* V15 Landing Lang Picker */
#lp-lang-btn:hover {
  background: rgba(138,43,226,0.12) !important;
  border-color: rgba(138,43,226,0.5) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(138,43,226,0.25);
}
#lp-lang-menu.open { display: block !important; animation: lpLangFadeIn .25s cubic-bezier(.16,1,.3,1); }
.lp-lang-opt {
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 10px 12px; border-radius: 10px;
  cursor: pointer; transition: all .2s;
  background: rgba(255,255,255,0.02);
  border: 1px solid transparent;
  user-select: none;
  gap: 4px;
}
.lp-lang-opt:hover {
  background: rgba(138,43,226,0.15);
  border-color: rgba(138,43,226,0.4);
  transform: translateY(-1px);
}
.lp-lang-opt.active {
  background: rgba(0,209,255,0.1);
  border-color: rgba(0,209,255,0.4);
}
.lp-lang-opt-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #8A2BE2;
  background: rgba(138,43,226,0.12);
  padding: 2px 6px;
  border-radius: 4px;
}
.lp-lang-opt-name {
  font-size: 14px;
  color: #e8e8f2;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
@keyframes lpLangFadeIn {
  from { opacity: 0; transform: translateX(-50%) translateY(8px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
#lp-lang-btn.open #lp-lang-chevron { transform: rotate(180deg); }
@media (max-width: 480px) {
  #lp-lang-menu { min-width: 280px !important; }
  .lp-lang-opt-name { font-size: 12px; }
}

/* ─── Style Block 9 (original lines 10452–12733) ─── */
#ec-admin-elite-shell{display:none;position:fixed;inset:0;z-index:99999;background:#05070C;overflow:hidden;color:#e8e8f2;font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#ec-admin-elite-shell *{box-sizing:border-box}
.ec-admin-elite-inner{max-width:1100px;margin:0 auto;padding:40px 24px}
.ec-admin-elite-title{font-size:26px;font-weight:800;background:linear-gradient(135deg,#8A2BE2 0%,#00D1FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.3px}
.ec-admin-elite-sub{font-size:13px;color:#8c93a8;margin-top:4px}
.ec-admin-elite-card{background:rgba(15,16,24,.6);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}
.ec-admin-elite-input{width:100%;background:#0c0d14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:#e8e8f2;font-size:14px;font-family:'JetBrains Mono',monospace}
.ec-admin-elite-input:focus{outline:none;border-color:#7c6af7;box-shadow:0 0 0 3px rgba(124,106,247,.18)}
.ec-admin-elite-btn{background:linear-gradient(135deg,#7c6af7,#00D1FF);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.02em}
.ec-admin-elite-btn:disabled{opacity:.5;cursor:not-allowed}
.ec-admin-elite-btn-secondary{background:rgba(255,255,255,.04);color:#e8e8f2;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer}
.ec-admin-elite-btn-danger{background:rgba(255,71,87,.1);color:#ff6b7a;border:1px solid rgba(255,71,87,.35);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer}
.ec-admin-elite-tab{padding:10px 16px;background:transparent;border:none;color:#8c93a8;cursor:pointer;font-size:13px;font-weight:600;border-bottom:2px solid transparent;font-family:inherit}
.ec-admin-elite-tab.active{color:#fff;border-bottom-color:#7c6af7}
.ec-admin-elite-row{background:rgba(15,16,24,.5);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px}
.ec-admin-elite-pill{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em}
.ec-admin-elite-pill-ok{background:rgba(46,204,113,.12);color:#2ecc71}
.ec-admin-elite-pill-pending{background:rgba(255,215,0,.12);color:#ffd700}
.ec-admin-elite-pill-fail{background:rgba(255,71,87,.12);color:#ff6b7a}
.ec-admin-elite-stat{background:rgba(15,16,24,.5);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px;text-align:center}
.ec-admin-elite-stat-n{font-size:28px;font-weight:800;color:#fff}
.ec-admin-elite-stat-l{font-size:11px;color:#8c93a8;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.ec-admin-elite-error{background:rgba(255,71,87,.08);border:1px solid rgba(255,71,87,.3);color:#ff6b7a;border-radius:10px;padding:10px 14px;font-size:12px;margin-top:10px}
.ec-admin-elite-info{background:rgba(124,106,247,.08);border:1px solid rgba(124,106,247,.3);color:#bdb1ff;border-radius:10px;padding:10px 14px;font-size:12px;margin-top:10px}

/* ─────────────────────────────────────────────────────────────
   ADMIN PANEL MENU — Claude Design 1:1
   Source: design-import handoff (sidebar.jsx + styles.css + tokens.css)
   Scoped exclusively to #ec-admin-elite-shell.
───────────────────────────────────────────────────────────── */
#ec-admin-elite-shell{
  --ap-ink-0:#05070C; --ap-ink-1:#0A0E18; --ap-ink-2:#10162A;
  --ap-fg-0:#FFFFFF; --ap-fg-1:#E6ECFA; --ap-fg-2:#9BA8C9; --ap-fg-3:#6B7799; --ap-fg-4:#404C6E;
  --ap-hl-1:rgba(255,255,255,0.08); --ap-hl-2:rgba(255,255,255,0.14);
  --ap-cyan-300:#7CF3FF; --ap-cyan-400:#38E3FF; --ap-cyan-500:#00C8F0;
  --ap-cyan-glow:rgba(56,227,255,0.55);
  --ap-violet-300:#C4A8FF; --ap-violet-400:#9B7BFF; --ap-violet-500:#7C5BFF;
  --ap-success:#2AE3A1;
  --ap-font-sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --ap-font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ap-sidebar-w:248px;
  font-family:var(--ap-font-sans);
}
#ec-admin-elite-shell::before,
#ec-admin-elite-shell::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
}
#ec-admin-elite-shell::before{
  z-index:0;
  background:
    radial-gradient(60% 50% at 15% 0%, rgba(56,227,255,0.10) 0%, transparent 60%),
    radial-gradient(45% 50% at 85% 100%, rgba(155,123,255,0.08) 0%, transparent 65%),
    linear-gradient(180deg, var(--ap-ink-0) 0%, #060914 100%);
}
#ec-admin-elite-shell::after{
  z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at center, black 30%, transparent 80%);
          mask-image:radial-gradient(ellipse at center, black 30%, transparent 80%);
}
#ec-admin-elite-shell.ec-ap-collapsed{ --ap-sidebar-w:76px; }
#ec-admin-elite-shell .ec-ap-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:var(--ap-sidebar-w) 1fr;
  height:100vh;
  min-height:100vh;
  transition:grid-template-columns 250ms cubic-bezier(0.16,1,0.3,1);
}
#ec-admin-elite-shell.ec-ap-locked .ec-ap-layout{ grid-template-columns:minmax(0,1fr); }
#ec-admin-elite-shell.ec-ap-locked .ec-ap-sidebar,
#ec-admin-elite-shell.ec-ap-locked .ec-ap-topbar,
#ec-admin-elite-shell.ec-ap-locked #ec-admin-elite-dashboard{
  display:none !important;
}
#ec-admin-elite-shell .ec-ap-main{
  min-width:0; min-height:0;
  display:grid;
  grid-template-rows:64px 1fr;
}
#ec-admin-elite-shell.ec-ap-locked .ec-ap-main{ grid-template-rows:1fr; }
#ec-admin-elite-shell .ec-ap-content{
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:24px 32px 48px;
  scroll-padding-top:24px;
}
#ec-admin-elite-shell.ec-ap-locked .ec-ap-content{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 20px;
}
#ec-admin-elite-shell .ec-ap-main .ec-admin-elite-inner{
  max-width:1440px; width:100%;
  margin:0 auto;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:24px;
}
#ec-admin-elite-shell.ec-ap-locked .ec-ap-main .ec-admin-elite-inner{
  max-width:520px;
  gap:18px;
}

/* Topbar */
#ec-admin-elite-shell .ec-ap-topbar{
  display:flex; align-items:center;
  padding:0 24px;
  gap:16px;
  border-bottom:1px solid var(--ap-hl-1);
  background:rgba(10,14,24,0.45);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  min-width:0;
}
#ec-admin-elite-shell .ec-ap-crumbs{
  display:flex; align-items:center; gap:8px;
  color:var(--ap-fg-3);
  font-size:13px;
  min-width:0;
}
#ec-admin-elite-shell .ec-ap-crumbs .sep{ color:var(--ap-fg-4); display:grid; place-items:center; }
#ec-admin-elite-shell .ec-ap-crumbs .cur{ color:var(--ap-fg-0); font-weight:600; }
#ec-admin-elite-shell .ec-ap-grow{ flex:1 1 auto; min-width:24px; }
#ec-admin-elite-shell .ec-ap-search-trigger{
  display:flex; align-items:center; gap:10px;
  height:36px;
  min-width:260px;
  padding:0 12px;
  border-radius:10px;
  background:rgba(255,255,255,0.03);
  border:1px solid var(--ap-hl-1);
  color:var(--ap-fg-3);
  font-size:13px;
  cursor:pointer;
  transition:all .15s ease;
  font-family:inherit;
}
#ec-admin-elite-shell .ec-ap-search-trigger:hover{
  background:rgba(255,255,255,0.05);
  border-color:var(--ap-hl-2);
  color:var(--ap-fg-2);
}
#ec-admin-elite-shell .ec-ap-search-trigger .kbd{
  margin-left:auto;
  font-family:var(--ap-font-mono);
  font-size:11px;
  padding:2px 6px;
  border-radius:5px;
  background:rgba(255,255,255,0.05);
  border:1px solid var(--ap-hl-1);
  color:var(--ap-fg-3);
}
#ec-admin-elite-shell .ec-ap-top-actions{
  display:flex; align-items:center; gap:8px;
  min-width:0;
}
#ec-admin-elite-shell .ec-ap-chip-icon{
  width:36px; height:36px;
  border-radius:10px;
  background:rgba(255,255,255,0.03);
  border:1px solid var(--ap-hl-1);
  color:var(--ap-fg-2);
  display:grid; place-items:center;
  cursor:pointer;
  position:relative;
  transition:all .15s ease;
  font-family:inherit;
}
#ec-admin-elite-shell .ec-ap-chip-icon:hover{
  background:rgba(255,255,255,0.06);
  border-color:var(--ap-hl-2);
  color:var(--ap-fg-0);
}
#ec-admin-elite-shell .ec-ap-chip-icon .badge-dot{
  position:absolute; top:6px; right:6px;
  width:8px; height:8px;
  border-radius:999px;
  background:var(--ap-cyan-400);
  box-shadow:0 0 10px var(--ap-cyan-glow);
  border:2px solid var(--ap-ink-0);
}
#ec-admin-elite-shell .ec-ap-divider{
  width:1px; height:22px;
  background:var(--ap-hl-1);
  margin:0 4px;
}
#ec-admin-elite-shell .ec-ap-gate-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
#ec-admin-elite-shell.ec-ap-locked .ec-ap-gate-head{
  justify-content:center;
  text-align:center;
}
#ec-admin-elite-shell .ec-ap-gate-wrap{
  width:min(440px,100%);
  margin:24px auto 0;
}
#ec-admin-elite-shell.ec-ap-locked .ec-ap-gate-wrap{ margin:0 auto; }
#ec-admin-elite-shell .ec-ap-gate-shell{
  background:rgba(10,14,24,0.70);
  border-color:rgba(255,255,255,0.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 24px 70px rgba(0,0,0,0.35);
}
#ec-admin-elite-shell #ec-admin-elite-dashboard{
  min-width:0;
}

/* Sidebar */
#ec-admin-elite-shell .ec-ap-sidebar{
  position:relative;
  border-right:1px solid var(--ap-hl-1);
  background:rgba(10,14,24,0.65);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  display:grid;
  grid-template-rows:64px 1fr auto;
  min-width:0; overflow:hidden;
}
#ec-admin-elite-shell .ec-ap-brand{
  display:flex; align-items:center;
  padding:0 18px; gap:10px;
  border-bottom:1px solid var(--ap-hl-1);
  overflow:hidden; white-space:nowrap;
}
#ec-admin-elite-shell .ec-ap-mark{
  flex:0 0 32px; height:32px;
  border-radius:9px;
  background:var(--ap-ink-1);
  border:1px solid rgba(56,227,255,0.35);
  display:grid; place-items:center;
  box-shadow:0 0 22px rgba(56,227,255,0.18);
}
#ec-admin-elite-shell .ec-ap-name{
  font-weight:700; font-size:15px; letter-spacing:-0.01em;
  display:flex; align-items:baseline; gap:6px;
  color:var(--ap-fg-0);
}
#ec-admin-elite-shell .ec-ap-name .ec-ap-crypt{
  background:linear-gradient(135deg,#FFFFFF 0%,var(--ap-cyan-400) 50%,var(--ap-violet-400) 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
#ec-admin-elite-shell .ec-ap-role{
  font-family:var(--ap-font-mono);
  font-size:9.5px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--ap-fg-3);
  padding:3px 7px; border-radius:4px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.03);
  margin-left:4px;
}

#ec-admin-elite-shell .ec-ap-nav{
  padding:14px 12px;
  overflow-y:auto;
  display:flex; flex-direction:column; gap:2px;
}
#ec-admin-elite-shell .ec-ap-section{
  font-family:var(--ap-font-mono);
  font-size:10px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--ap-fg-4);
  padding:14px 12px 6px;
  white-space:nowrap;
}
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-section{ opacity:0; height:14px; padding:6px 0; overflow:hidden; }

#ec-admin-elite-shell .ec-ap-nav-item{
  display:flex; align-items:center; gap:12px;
  padding:9px 12px;
  border-radius:10px;
  color:var(--ap-fg-2);
  font-size:14px; font-weight:500;
  cursor:pointer;
  border:1px solid transparent;
  background:transparent;
  width:100%; text-align:left;
  transition:color .15s ease, background .15s ease, border-color .15s ease;
  position:relative;
  white-space:nowrap; overflow:hidden;
  font-family:inherit;
}
#ec-admin-elite-shell .ec-ap-nav-item:hover{
  color:var(--ap-fg-0);
  background:rgba(255,255,255,0.03);
}
#ec-admin-elite-shell .ec-ap-nav-icon{
  flex:0 0 18px; display:grid; place-items:center; color:var(--ap-fg-3);
}
#ec-admin-elite-shell .ec-ap-nav-item:hover .ec-ap-nav-icon{ color:var(--ap-cyan-300); }
#ec-admin-elite-shell .ec-ap-nav-label{ flex:1; }
#ec-admin-elite-shell .ec-ap-nav-count{
  font-family:var(--ap-font-mono);
  font-size:11px;
  color:var(--ap-fg-3);
  background:rgba(255,255,255,0.04);
  border:1px solid var(--ap-hl-1);
  padding:1px 6px;
  border-radius:999px;
}
#ec-admin-elite-shell .ec-ap-nav-count:empty{ display:none; }
#ec-admin-elite-shell .ec-ap-nav-item.active{
  color:var(--ap-fg-0);
  background:linear-gradient(180deg,rgba(56,227,255,0.10),rgba(56,227,255,0.04));
  border-color:rgba(56,227,255,0.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 0 22px rgba(56,227,255,0.08);
}
#ec-admin-elite-shell .ec-ap-nav-item.active .ec-ap-nav-icon{ color:var(--ap-cyan-400); }
#ec-admin-elite-shell .ec-ap-nav-item.active::before{
  content:"";
  position:absolute; left:-1px; top:8px; bottom:8px; width:2px;
  background:var(--ap-cyan-400);
  border-radius:0 2px 2px 0;
  box-shadow:0 0 10px var(--ap-cyan-glow);
}

#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-name,
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-role,
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-nav-label,
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-nav-count,
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-foot .ec-ap-info{ display:none; }
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-nav-item{ justify-content:center; padding:10px; }
#ec-admin-elite-shell.ec-ap-collapsed .ec-ap-foot{ padding:12px; justify-content:center; }

#ec-admin-elite-shell .ec-ap-foot{
  border-top:1px solid var(--ap-hl-1);
  padding:14px;
  display:flex; align-items:center; gap:10px;
}
#ec-admin-elite-shell .ec-ap-avatar{
  flex:0 0 36px; height:36px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--ap-cyan-500),var(--ap-violet-500));
  display:grid; place-items:center;
  color:#fff; font-weight:700; font-size:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 4px 10px rgba(0,0,0,0.4);
}
#ec-admin-elite-shell .ec-ap-info{ min-width:0; flex:1; }
#ec-admin-elite-shell .ec-ap-nm{
  font-size:13px; font-weight:600; color:var(--ap-fg-1);
  display:flex; align-items:center; gap:6px;
}
#ec-admin-elite-shell .ec-ap-em{ font-size:11px; color:var(--ap-fg-3); font-family:var(--ap-font-mono); }
#ec-admin-elite-shell .ec-ap-dot-online{
  width:7px; height:7px; border-radius:999px;
  background:var(--ap-success);
  box-shadow:0 0 10px rgba(42,227,161,0.7);
}
#ec-admin-elite-shell .ec-ap-collapse-btn{
  width:32px; height:32px; border-radius:8px;
  background:transparent; border:1px solid transparent;
  color:var(--ap-fg-2);
  display:grid; place-items:center;
  cursor:pointer; flex:0 0 32px;
  transition:all .15s ease;
}
#ec-admin-elite-shell .ec-ap-collapse-btn:hover{
  background:rgba(255,255,255,0.04); color:var(--ap-fg-0); border-color:var(--ap-hl-1);
}

/* Hide legacy in-content tab bar — sidebar is now the menu */
#ec-admin-elite-shell #ec-admin-elite-tabs{ display:none !important; }

/* ─────────────────────────────────────────────────────────────
   ADMIN OVERVIEW — Claude Design 1:1 (KPIs, Activity, Quick Actions, Health)
───────────────────────────────────────────────────────────── */
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-overview-mode{
  background:transparent !important; border:0 !important; padding:0 !important;
  min-height:auto !important; box-shadow:none !important; border-radius:0 !important;
}
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-overview-mode + .ec-admin-elite-info{ display:none; }
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-settings-mode{
  background:transparent !important; border:0 !important; padding:0 !important;
  min-height:auto !important; box-shadow:none !important; border-radius:0 !important;
}
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-settings-mode + .ec-admin-elite-info{ display:none; }

#ec-admin-elite-shell .ec-ap-overview{ display:flex; flex-direction:column; gap:24px; }

#ec-admin-elite-shell .ec-ap-page-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-ap-page-head .ttl{
  font-size:26px; font-weight:700; letter-spacing:-0.02em;
  color:var(--ap-fg-0); margin:0;
}
#ec-admin-elite-shell .ec-ap-page-head .sub{
  color:var(--ap-fg-2); font-size:13.5px; margin:4px 0 0;
}
#ec-admin-elite-shell .ec-ap-page-head .actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

#ec-admin-elite-shell .ec-ap-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:38px; padding:0 16px; border-radius:10px;
  font-weight:600; font-size:13.5px; letter-spacing:-0.005em;
  border:1px solid transparent; cursor:pointer; white-space:nowrap;
  font-family:inherit; transition:transform .15s cubic-bezier(0.16,1,0.3,1), box-shadow .15s, background .15s, color .15s, border-color .15s, filter .15s;
  background:transparent; color:inherit;
}
#ec-admin-elite-shell .ec-ap-btn:hover{ transform:translateY(-1px); }
#ec-admin-elite-shell .ec-ap-btn:active{ transform:translateY(0); filter:brightness(.96); }
#ec-admin-elite-shell .ec-ap-btn-ghost{ background:transparent; color:var(--ap-fg-2); }
#ec-admin-elite-shell .ec-ap-btn-ghost:hover{ background:rgba(255,255,255,0.04); color:var(--ap-fg-0); }
#ec-admin-elite-shell .ec-ap-btn-secondary{ background:rgba(255,255,255,0.05); color:var(--ap-fg-0); border-color:var(--ap-hl-2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.04); }
#ec-admin-elite-shell .ec-ap-btn-secondary:hover{ background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.22); }
#ec-admin-elite-shell .ec-ap-btn-primary{
  background:linear-gradient(180deg,#7CF3FF,#38E3FF);
  color:#04121A;
  box-shadow:0 0 0 1px rgba(56,227,255,0.45), 0 0 22px rgba(56,227,255,0.35), inset 0 1px 0 rgba(255,255,255,0.55);
}
#ec-admin-elite-shell .ec-ap-btn-primary:hover{ box-shadow:0 0 0 1px rgba(56,227,255,0.65), 0 0 32px rgba(56,227,255,0.55), inset 0 1px 0 rgba(255,255,255,0.65); }

#ec-admin-elite-shell .ec-ap-banner{
  display:flex; align-items:center; gap:12px;
  padding:12px 16px; border-radius:12px;
  border:1px solid rgba(155,123,255,0.25);
  background:linear-gradient(180deg, rgba(155,123,255,0.08), rgba(155,123,255,0.02));
  color:var(--ap-violet-300); font-size:13px;
}
#ec-admin-elite-shell .ec-ap-banner .b-ic{ color:var(--ap-violet-300); flex:0 0 auto; display:grid; place-items:center; }
#ec-admin-elite-shell .ec-ap-banner .b-text{ flex:1; color:var(--ap-fg-1); }
#ec-admin-elite-shell .ec-ap-banner .b-text strong{ color:var(--ap-fg-0); font-weight:600; }
#ec-admin-elite-shell .ec-ap-banner a{
  color:var(--ap-violet-300); text-decoration:none; font-weight:600;
  display:inline-flex; align-items:center; gap:6px;
}
#ec-admin-elite-shell .ec-ap-banner a:hover{ filter:brightness(1.2); }

#ec-admin-elite-shell .ec-ap-kpi-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:1100px){ #ec-admin-elite-shell .ec-ap-kpi-grid{ grid-template-columns:repeat(2,1fr); } }
#ec-admin-elite-shell .ec-ap-kpi{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.01) 100%);
  border:1px solid var(--ap-hl-1);
  border-radius:16px;
  padding:18px 18px 16px;
  overflow:hidden;
  transition:border-color .2s ease;
}
#ec-admin-elite-shell .ec-ap-kpi:hover{ border-color:var(--ap-hl-2); }
#ec-admin-elite-shell .ec-ap-kpi-row1{ display:flex; align-items:center; justify-content:space-between; }
#ec-admin-elite-shell .ec-ap-kpi-label{
  font-family:var(--ap-font-mono);
  font-size:10.5px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--ap-fg-3); font-weight:600;
}
#ec-admin-elite-shell .ec-ap-kpi-icon{
  width:30px; height:30px;
  border-radius:9px;
  display:grid; place-items:center;
  background:rgba(56,227,255,0.10); color:var(--ap-cyan-300);
  border:1px solid rgba(56,227,255,0.22);
}
#ec-admin-elite-shell .ec-ap-kpi.violet .ec-ap-kpi-icon{ background:rgba(155,123,255,0.10); color:var(--ap-violet-300); border-color:rgba(155,123,255,0.25); }
#ec-admin-elite-shell .ec-ap-kpi.success .ec-ap-kpi-icon{ background:rgba(42,227,161,0.10); color:#6DEFC2; border-color:rgba(42,227,161,0.25); }
#ec-admin-elite-shell .ec-ap-kpi.warn .ec-ap-kpi-icon{ background:rgba(255,179,71,0.10); color:#FFC982; border-color:rgba(255,179,71,0.25); }
#ec-admin-elite-shell .ec-ap-kpi-value{
  font-size:36px; font-weight:700; letter-spacing:-0.025em;
  color:var(--ap-fg-0);
  margin:12px 0 6px;
  font-family:var(--ap-font-sans);
}
#ec-admin-elite-shell .ec-ap-kpi-meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
#ec-admin-elite-shell .ec-ap-delta{
  display:inline-flex; align-items:center; gap:4px;
  font-family:var(--ap-font-mono);
  font-size:11.5px; font-weight:600;
  padding:2px 7px; border-radius:999px;
}
#ec-admin-elite-shell .ec-ap-delta.up{ color:#6DEFC2; background:rgba(42,227,161,0.10); border:1px solid rgba(42,227,161,0.25); }
#ec-admin-elite-shell .ec-ap-delta.down{ color:#FF8FA6; background:rgba(255,85,119,0.10); border:1px solid rgba(255,85,119,0.25); }
#ec-admin-elite-shell .ec-ap-delta.flat{ color:var(--ap-fg-3); background:rgba(255,255,255,0.04); border:1px solid var(--ap-hl-1); }
#ec-admin-elite-shell .ec-ap-timeframe{ font-size:11.5px; color:var(--ap-fg-3); font-family:var(--ap-font-mono); }
#ec-admin-elite-shell .ec-ap-spark{ position:absolute; right:0; left:50%; bottom:0; height:56px; opacity:0.55; pointer-events:none; }

#ec-admin-elite-shell .ec-ap-row-cols{ display:grid; gap:16px; }
#ec-admin-elite-shell .ec-ap-row-2{ grid-template-columns:2fr 1fr; }
@media (max-width:1100px){ #ec-admin-elite-shell .ec-ap-row-2{ grid-template-columns:1fr; } }

#ec-admin-elite-shell .ec-ap-panel{
  background:rgba(10,14,24,0.55);
  border:1px solid var(--ap-hl-1);
  border-radius:16px;
  padding:20px 22px;
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
#ec-admin-elite-shell .ec-ap-panel-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; margin-bottom:14px;
}
#ec-admin-elite-shell .ec-ap-panel-ttl{
  font-size:14px; font-weight:600; color:var(--ap-fg-1);
  display:flex; align-items:center; gap:8px;
}
#ec-admin-elite-shell .ec-ap-eyebrow{
  font-family:var(--ap-font-mono);
  font-size:10px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--ap-fg-3); font-weight:600;
}

#ec-admin-elite-shell .ec-ap-btn-group{
  display:inline-flex;
  background:rgba(255,255,255,0.03);
  border:1px solid var(--ap-hl-1);
  border-radius:10px;
  padding:3px; gap:2px;
}
#ec-admin-elite-shell .ec-ap-seg{
  height:28px; padding:0 12px;
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:0;
  color:var(--ap-fg-2); font-weight:500; font-size:12.5px;
  border-radius:7px; cursor:pointer; font-family:inherit;
  transition:all .15s ease;
}
#ec-admin-elite-shell .ec-ap-seg:hover{ color:var(--ap-fg-0); background:rgba(255,255,255,0.04); }
#ec-admin-elite-shell .ec-ap-seg.active{
  background:rgba(56,227,255,0.12); color:var(--ap-cyan-300);
  box-shadow:inset 0 0 0 1px rgba(56,227,255,0.25);
}

#ec-admin-elite-shell .ec-ap-activity{ display:flex; flex-direction:column; }
#ec-admin-elite-shell .ec-ap-activity-item{
  display:grid; grid-template-columns:28px 1fr auto;
  gap:12px; align-items:flex-start;
  padding:12px 0;
  border-bottom:1px dashed var(--ap-hl-1);
}
#ec-admin-elite-shell .ec-ap-activity-item:last-child{ border-bottom:0; }
#ec-admin-elite-shell .ec-ap-a-ic{
  width:28px; height:28px;
  border-radius:8px;
  display:grid; place-items:center;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--ap-hl-1);
  color:var(--ap-fg-2);
}
#ec-admin-elite-shell .ec-ap-activity-item.cyan    .ec-ap-a-ic{ color:var(--ap-cyan-300); background:rgba(56,227,255,0.08); border-color:rgba(56,227,255,0.20); }
#ec-admin-elite-shell .ec-ap-activity-item.violet  .ec-ap-a-ic{ color:var(--ap-violet-300); background:rgba(155,123,255,0.08); border-color:rgba(155,123,255,0.20); }
#ec-admin-elite-shell .ec-ap-activity-item.danger  .ec-ap-a-ic{ color:#FF8FA6; background:rgba(255,85,119,0.10); border-color:rgba(255,85,119,0.25); }
#ec-admin-elite-shell .ec-ap-activity-item.success .ec-ap-a-ic{ color:#6DEFC2; background:rgba(42,227,161,0.08); border-color:rgba(42,227,161,0.22); }
#ec-admin-elite-shell .ec-ap-a-txt{ color:var(--ap-fg-1); font-size:13.5px; line-height:1.5; }
#ec-admin-elite-shell .ec-ap-a-txt .who{ color:var(--ap-fg-0); font-weight:600; }
#ec-admin-elite-shell .ec-ap-a-txt .what{ color:var(--ap-fg-2); }
#ec-admin-elite-shell .ec-ap-a-txt .meta{ display:block; color:var(--ap-fg-3); font-size:11.5px; font-family:var(--ap-font-mono); margin-top:2px; }
#ec-admin-elite-shell .ec-ap-a-time{ font-family:var(--ap-font-mono); font-size:11px; color:var(--ap-fg-3); white-space:nowrap; }

#ec-admin-elite-shell .ec-ap-activity-foot{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding-top:14px; margin-top:6px;
  border-top:1px solid var(--ap-hl-1);
  font-size:12px; color:var(--ap-fg-3); font-family:var(--ap-font-mono);
}
#ec-admin-elite-shell .ec-ap-activity-foot a{
  color:var(--ap-cyan-300); text-decoration:none;
  font-family:var(--ap-font-sans); font-weight:500; font-size:13px;
  display:inline-flex; align-items:center; gap:4px;
}

/* Admin Einstellungen — read-only design surface */
#ec-admin-elite-shell .ec-ap-settings{
  display:flex;
  flex-direction:column;
  gap:22px;
}
#ec-admin-elite-shell .ec-ap-settings-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
#ec-admin-elite-shell .ec-ap-settings-title h1{
  margin:0;
  color:var(--ap-fg-0);
  font-size:30px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:-0.025em;
}
#ec-admin-elite-shell .ec-ap-settings-title p{
  margin:6px 0 0;
  color:var(--ap-fg-2);
  font-size:15px;
}
#ec-admin-elite-shell .ec-ap-settings-actions{
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:2px;
}
#ec-admin-elite-shell .ec-ap-settings-ghost,
#ec-admin-elite-shell .ec-ap-settings-save{
  height:42px;
  border-radius:11px;
  padding:0 18px;
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  cursor:not-allowed;
  opacity:1;
}
#ec-admin-elite-shell .ec-ap-settings-ghost{
  background:transparent;
  color:var(--ap-fg-2);
}
#ec-admin-elite-shell .ec-ap-settings-save{
  min-width:132px;
  color:#04121A;
  background:linear-gradient(135deg, rgba(155,123,255,0.92) 0%, rgba(56,227,255,0.92) 100%);
  border-color:rgba(155,180,255,0.34);
  box-shadow:0 0 0 1px rgba(124,170,255,0.22),0 10px 28px rgba(80,120,255,0.20),inset 0 1px 0 rgba(255,255,255,0.34);
}
#ec-admin-elite-shell .ec-ap-settings-save svg{ stroke-width:2.2; }
#ec-admin-elite-shell .ec-ap-settings-banner{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  border-radius:14px;
  color:var(--ap-fg-1);
  border:1px solid rgba(155,123,255,0.36);
  background:linear-gradient(180deg, rgba(31,25,58,0.52), rgba(14,16,31,0.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}
#ec-admin-elite-shell .ec-ap-settings-banner .ic{
  color:var(--ap-violet-300);
  display:grid;
  place-items:center;
  flex:0 0 20px;
}
#ec-admin-elite-shell .ec-ap-settings-banner .txt{
  flex:1;
  min-width:0;
  font-size:14px;
  line-height:1.55;
}
#ec-admin-elite-shell .ec-ap-settings-banner strong{ color:var(--ap-fg-0); }
#ec-admin-elite-shell .ec-ap-settings-banner .accent{ color:var(--ap-violet-300); }
#ec-admin-elite-shell .ec-ap-settings-status{
  border:0;
  background:transparent;
  color:var(--ap-fg-2);
  font:700 13px var(--ap-font-sans);
  white-space:nowrap;
  cursor:pointer;
}
#ec-admin-elite-shell .ec-ap-settings-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
#ec-admin-elite-shell .ec-ap-settings-card{
  border:1px solid var(--ap-hl-1);
  border-radius:16px;
  padding:24px 26px 20px;
  background:rgba(10,14,24,0.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
#ec-admin-elite-shell .ec-ap-settings-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
}
#ec-admin-elite-shell .ec-ap-settings-kicker{
  font:700 10px var(--ap-font-mono);
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:var(--ap-fg-3);
}
#ec-admin-elite-shell .ec-ap-settings-card-title{
  color:var(--ap-fg-0);
  font-size:16px;
  font-weight:750;
}
#ec-admin-elite-shell .ec-ap-settings-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px dashed rgba(255,255,255,0.08);
}
#ec-admin-elite-shell .ec-ap-settings-row:last-child{ border-bottom:0; padding-bottom:0; }
#ec-admin-elite-shell .ec-ap-settings-row:first-of-type{ padding-top:0; }
#ec-admin-elite-shell .ec-ap-settings-ico{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:var(--ap-fg-2);
  background:rgba(255,255,255,0.025);
  border:1px solid var(--ap-hl-1);
}
#ec-admin-elite-shell .ec-ap-settings-row-title{
  color:var(--ap-fg-0);
  font-size:14.5px;
  font-weight:750;
  line-height:1.25;
}
#ec-admin-elite-shell .ec-ap-settings-row-text{
  margin-top:4px;
  color:var(--ap-fg-2);
  font-size:13.5px;
  line-height:1.35;
}
#ec-admin-elite-shell .ec-ap-settings-toggle{
  width:42px;
  height:24px;
  border-radius:999px;
  border:1px solid rgba(124,243,255,0.38);
  background:rgba(56,227,255,0.13);
  box-shadow:0 0 18px rgba(56,227,255,0.22);
  position:relative;
  opacity:1;
  cursor:not-allowed;
}
#ec-admin-elite-shell .ec-ap-settings-toggle::after{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  right:3px;
  top:3px;
  border-radius:50%;
  background:#4FE9FF;
  box-shadow:0 0 14px rgba(79,233,255,0.75);
}
#ec-admin-elite-shell .ec-ap-settings-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--ap-hl-1);
  color:var(--ap-fg-2);
  background:rgba(255,255,255,0.03);
  font:700 12px var(--ap-font-mono);
  white-space:nowrap;
}
#ec-admin-elite-shell .ec-ap-settings-pill::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:currentColor;
}
#ec-admin-elite-shell .ec-ap-settings-pill.active{
  color:#6DEFC2;
  border-color:rgba(42,227,161,0.30);
  background:rgba(42,227,161,0.08);
}
#ec-admin-elite-shell .ec-ap-settings-pill.cyan{
  color:var(--ap-cyan-300);
  border-color:rgba(56,227,255,0.30);
  background:rgba(56,227,255,0.08);
}
#ec-admin-elite-shell .ec-ap-settings-pill.warn{
  color:#FFC982;
  border-color:rgba(255,179,71,0.34);
  background:rgba(255,179,71,0.08);
}
#ec-admin-elite-shell .ec-ap-settings-pill.mono{
  color:var(--ap-fg-1);
  border-color:rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.035);
  letter-spacing:0.04em;
}
#ec-admin-elite-shell .ec-ap-settings-pill.mono::before{ display:none; }
#ec-admin-elite-shell .ec-ap-settings-danger{
  display:flex;
  flex-direction:column;
  gap:18px;
  border-color:rgba(255,85,119,0.22);
  background:linear-gradient(180deg, rgba(40,12,22,0.40) 0%, rgba(10,14,24,0.58) 70%);
}
#ec-admin-elite-shell .ec-ap-settings-kicker-danger{
  color:#FF9BB4;
}
#ec-admin-elite-shell .ec-ap-settings-danger-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#ec-admin-elite-shell .ec-ap-settings-danger-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.06);
  background:rgba(15,17,27,0.55);
}
#ec-admin-elite-shell .ec-ap-settings-danger-copy h3{
  margin:0;
  color:var(--ap-fg-0);
  font-size:15.5px;
  font-weight:750;
  line-height:1.2;
}
#ec-admin-elite-shell .ec-ap-settings-danger-copy p{
  margin:4px 0 0;
  color:var(--ap-fg-2);
  font-size:13.5px;
  line-height:1.4;
}
#ec-admin-elite-shell .ec-ap-settings-danger-btn{
  height:40px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  min-width:148px;
  font:800 13.5px var(--ap-font-sans);
  cursor:not-allowed;
  opacity:1;
}
#ec-admin-elite-shell .ec-ap-settings-danger-btn.outline{
  color:#FF9BB4;
  border:1px solid rgba(255,85,119,0.45);
  background:rgba(255,85,119,0.07);
}
#ec-admin-elite-shell .ec-ap-settings-danger-btn.solid{
  color:#fff;
  border:1px solid rgba(255,118,145,0.75);
  background:linear-gradient(180deg,#FF668A,#FF3F70);
  box-shadow:0 0 24px rgba(255,85,119,0.32), inset 0 1px 0 rgba(255,255,255,0.25);
}
@media (max-width:1180px){
  #ec-admin-elite-shell .ec-ap-settings-grid{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  #ec-admin-elite-shell .ec-ap-settings-head,
  #ec-admin-elite-shell .ec-ap-settings-banner{
    align-items:stretch;
    flex-direction:column;
    grid-template-columns:1fr;
  }
  #ec-admin-elite-shell .ec-ap-settings-danger-item{
    grid-template-columns:1fr;
    gap:12px;
  }
  #ec-admin-elite-shell .ec-ap-settings-actions{ width:100%; }
  #ec-admin-elite-shell .ec-ap-settings-save,
  #ec-admin-elite-shell .ec-ap-settings-ghost,
  #ec-admin-elite-shell .ec-ap-settings-danger-btn{ width:100%; }
}

#ec-admin-elite-shell .ec-ap-qa-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
#ec-admin-elite-shell .ec-ap-qa{
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.02);
  text-align:left; cursor:pointer;
  color:var(--ap-fg-1);
  transition:all .15s ease;
  font-family:inherit;
  width:100%;
}
#ec-admin-elite-shell .ec-ap-qa:hover{ border-color:rgba(56,227,255,0.4); background:rgba(56,227,255,0.04); }
#ec-admin-elite-shell .ec-ap-qa-ic{
  width:34px; height:34px;
  border-radius:10px;
  display:grid; place-items:center;
  background:rgba(56,227,255,0.10); color:var(--ap-cyan-300);
  border:1px solid rgba(56,227,255,0.22);
  flex:0 0 34px;
}
#ec-admin-elite-shell .ec-ap-qa.violet .ec-ap-qa-ic{ background:rgba(155,123,255,0.10); color:var(--ap-violet-300); border-color:rgba(155,123,255,0.22); }
#ec-admin-elite-shell .ec-ap-qa.warn   .ec-ap-qa-ic{ background:rgba(255,179,71,0.10); color:#FFC982; border-color:rgba(255,179,71,0.22); }
#ec-admin-elite-shell .ec-ap-qa.danger .ec-ap-qa-ic{ background:rgba(255,85,119,0.10); color:#FF8FA6; border-color:rgba(255,85,119,0.25); }
#ec-admin-elite-shell .ec-ap-qa-txt{ display:flex; flex-direction:column; min-width:0; flex:1; }
#ec-admin-elite-shell .ec-ap-qa-txt .t{ font-size:13px; font-weight:600; color:var(--ap-fg-0); }
#ec-admin-elite-shell .ec-ap-qa-txt .s{ font-size:11.5px; color:var(--ap-fg-3); }
#ec-admin-elite-shell .ec-ap-qa-chev{ margin-left:auto; color:var(--ap-fg-3); transition:transform .15s ease; display:grid; place-items:center; }
#ec-admin-elite-shell .ec-ap-qa:hover .ec-ap-qa-chev{ color:var(--ap-cyan-300); transform:translateX(2px); }

#ec-admin-elite-shell .ec-ap-status-list{ display:flex; flex-direction:column; gap:10px; }
#ec-admin-elite-shell .ec-ap-status-row{
  display:flex; align-items:center; gap:12px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--ap-hl-1);
}
#ec-admin-elite-shell .ec-ap-status-row .lbl{ font-size:13px; color:var(--ap-fg-1); flex:1; }
#ec-admin-elite-shell .ec-ap-status-row .val{ font-size:12px; color:var(--ap-fg-2); font-family:var(--ap-font-mono); white-space:nowrap; }
#ec-admin-elite-shell .ec-ap-pulse{
  width:8px; height:8px; border-radius:999px;
  background:var(--ap-success);
  box-shadow:0 0 10px rgba(42,227,161,0.7);
  position:relative; flex:0 0 8px;
  display:inline-block;
}
#ec-admin-elite-shell .ec-ap-pulse::after{
  content:""; position:absolute; inset:-4px; border-radius:999px;
  border:1px solid var(--ap-success); opacity:0.5;
  animation:ec-ap-pulse-ring 2s ease-out infinite;
}
#ec-admin-elite-shell .ec-ap-pulse.warn{ background:#FFB347; box-shadow:0 0 10px rgba(255,179,71,0.6); }
#ec-admin-elite-shell .ec-ap-pulse.warn::after{ border-color:#FFB347; }
#ec-admin-elite-shell .ec-ap-pulse.danger{ background:#FF5577; box-shadow:0 0 10px rgba(255,85,119,0.6); }
#ec-admin-elite-shell .ec-ap-pulse.danger::after{ border-color:#FF5577; }
@keyframes ec-ap-pulse-ring{ 0%{ transform:scale(1); opacity:0.7; } 100%{ transform:scale(2.2); opacity:0; } }

#ec-admin-elite-shell .ec-ap-readonly-pill{
  display:inline-flex; align-items:center; gap:8px;
  height:26px; padding:0 10px;
  border-radius:999px;
  font-family:var(--ap-font-mono);
  font-size:11px; letter-spacing:0.10em; text-transform:uppercase;
  color:#6DEFC2;
  background:rgba(42,227,161,0.10);
  border:1px solid rgba(42,227,161,0.25);
}
#ec-admin-elite-shell .ec-ap-readonly-pill .dot{
  width:6px; height:6px;
  border-radius:999px;
  background:var(--ap-success);
  box-shadow:0 0 10px rgba(42,227,161,0.7);
}
#ec-admin-elite-shell .ec-ap-topbar #ec-admin-elite-logout-btn{
  align-items:center;
  justify-content:center;
  gap:8px;
  height:38px;
  padding:0 14px;
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  color:#FF8FA6;
  background:rgba(255,85,119,0.08);
  border:1px solid rgba(255,85,119,0.20);
  box-shadow:none;
}
#ec-admin-elite-shell .ec-ap-topbar #ec-admin-elite-logout-btn:hover{
  color:#FFD6DE;
  background:rgba(255,85,119,0.13);
  border-color:rgba(255,85,119,0.32);
}

#ec-admin-elite-shell .ec-ap-meter{
  position:relative; width:100%; height:6px;
  background:rgba(255,255,255,0.05);
  border-radius:999px; overflow:hidden;
}
#ec-admin-elite-shell .ec-ap-meter > span{
  display:block; height:100%;
  background:linear-gradient(90deg, var(--ap-cyan-400), var(--ap-violet-400));
  box-shadow:0 0 12px rgba(56,227,255,0.5);
  border-radius:999px;
}
#ec-admin-elite-shell .ec-ap-meter-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:6px 0 8px;
}
#ec-admin-elite-shell .ec-ap-meter-row .lbl{ font-size:13px; color:var(--ap-fg-1); }
#ec-admin-elite-shell .ec-ap-meter-row .val{ font-size:12px; color:var(--ap-fg-2); font-family:var(--ap-font-mono); }

#ec-admin-elite-shell .ec-ap-col-stack{ display:flex; flex-direction:column; gap:16px; }
#ec-admin-elite-shell .ec-ap-page-stack{
  display:flex;
  flex-direction:column;
  gap:18px;
}
#ec-admin-elite-shell .ec-ap-table-wrap{
  overflow:hidden;
  border-radius:14px;
  border:1px solid var(--ap-hl-1);
  background:rgba(10,14,24,0.45);
}
#ec-admin-elite-shell .ec-ap-table-tools{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.015);
  flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-ap-table-tools .grow{ flex:1; }
#ec-admin-elite-shell .ec-ap-input{
  height:34px;
  padding:0 12px;
  border-radius:9px;
  background:rgba(255,255,255,0.03);
  border:1px solid var(--ap-hl-1);
  color:var(--ap-fg-0);
  font-size:13px;
  font-family:inherit;
  min-width:220px;
}
#ec-admin-elite-shell .ec-ap-list-wrap{
  padding:10px;
}
#ec-admin-elite-shell .ec-ap-list-wrap .ec-admin-elite-row:last-child{
  margin-bottom:0;
}
#ec-admin-elite-shell .ec-ap-table-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-top:1px solid var(--ap-hl-1);
  color:var(--ap-fg-3);
  font-size:12px;
}
#ec-admin-elite-shell .ec-ap-pages{
  display:flex;
  align-items:center;
  gap:6px;
  font-family:var(--ap-font-mono);
}

/* Live data tabs: keep existing renderers, give them the handoff table/card skin. */
#ec-admin-elite-shell #ec-admin-elite-tabbody:not(.ec-ap-overview-mode){
  background:rgba(10,14,24,0.55) !important;
  border:1px solid var(--ap-hl-1) !important;
  border-radius:16px !important;
  padding:20px 22px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03) !important;
}
#ec-admin-elite-shell .ec-admin-elite-card{
  background:rgba(10,14,24,0.58);
  border-color:var(--ap-hl-1);
  border-radius:16px;
}
#ec-admin-elite-shell .ec-admin-elite-row{
  align-items:center;
  margin-bottom:8px;
  padding:14px 16px;
  border-radius:12px;
  background:rgba(255,255,255,0.018);
  border-color:var(--ap-hl-1);
  color:var(--ap-fg-1);
  transition:background .15s ease,border-color .15s ease;
}
#ec-admin-elite-shell .ec-admin-elite-row:hover{
  background:rgba(56,227,255,0.025);
  border-color:rgba(255,255,255,0.13);
}
#ec-admin-elite-shell .ec-admin-elite-row .r-main{ flex:1; min-width:0; }
#ec-admin-elite-shell .ec-admin-elite-row .r-title{
  color:var(--ap-fg-0);
  font-size:14px;
  font-weight:750;
  line-height:1.25;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-admin-elite-row .r-meta{
  margin-top:6px;
  color:var(--ap-fg-2);
  font-size:12.5px;
  line-height:1.4;
}
#ec-admin-elite-shell .ec-admin-elite-row .r-meta.mono{
  font-family:var(--ap-font-mono);
  font-size:11.5px;
  color:var(--ap-fg-3);
  letter-spacing:0.02em;
}
#ec-admin-elite-shell .ec-admin-elite-row .r-end{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  min-width:140px;
  text-align:right;
}
#ec-admin-elite-shell .ec-admin-elite-row .r-end .r-meta{
  margin-top:0;
  color:var(--ap-fg-3);
  font-size:11.5px;
}
#ec-admin-elite-shell .ec-admin-elite-row .r-actions{
  display:flex;
  gap:6px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-admin-elite-info{
  background:linear-gradient(180deg, rgba(155,123,255,0.08), rgba(155,123,255,0.02));
  border-color:rgba(155,123,255,0.25);
  color:var(--ap-fg-1);
  border-radius:12px;
}
#ec-admin-elite-shell .ec-admin-elite-error{
  background:rgba(255,85,119,0.08);
  border-color:rgba(255,85,119,0.30);
  color:#FF8FA6;
  border-radius:12px;
}
#ec-admin-elite-shell .ec-admin-elite-input{
  background:rgba(255,255,255,0.03);
  border-color:var(--ap-hl-1);
  border-radius:10px;
  color:var(--ap-fg-0);
}
#ec-admin-elite-shell .ec-admin-elite-input:focus{
  border-color:rgba(56,227,255,0.45);
  box-shadow:0 0 0 3px rgba(56,227,255,0.14);
}
#ec-admin-elite-shell .ec-admin-elite-pill{
  border:1px solid transparent;
  border-radius:999px;
  font-family:var(--ap-font-mono);
  font-size:10px;
}
#ec-admin-elite-shell .ec-admin-elite-pill-ok{ border-color:rgba(42,227,161,0.25); color:#6DEFC2; }
#ec-admin-elite-shell .ec-admin-elite-pill-pending{ border-color:rgba(255,179,71,0.25); color:#FFC982; }
#ec-admin-elite-shell .ec-admin-elite-pill-premium{
  border-color:rgba(155,123,255,0.35);
  background:linear-gradient(180deg, rgba(155,123,255,0.10), rgba(155,123,255,0.04));
  color:var(--ap-violet-300);
}
#ec-admin-elite-shell .ec-admin-elite-pill-info{
  border-color:rgba(56,227,255,0.28);
  background:rgba(56,227,255,0.06);
  color:var(--ap-cyan-300);
}
#ec-admin-elite-shell .ec-admin-elite-pill-fail{ border-color:rgba(255,85,119,0.25); color:#FF8FA6; }
#ec-admin-elite-shell .ec-admin-elite-btn,
#ec-admin-elite-shell .ec-admin-elite-btn-secondary,
#ec-admin-elite-shell .ec-admin-elite-btn-danger{
  font-family:inherit;
}
#ec-admin-elite-shell .ec-admin-elite-btn-secondary{
  background:rgba(255,255,255,0.05);
  border-color:var(--ap-hl-2);
  color:var(--ap-fg-0);
}
#ec-admin-elite-shell .ec-ap-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:36px 20px;
  color:var(--ap-fg-2);
}
#ec-admin-elite-shell .ec-ap-empty .ic{
  width:56px; height:56px;
  border-radius:16px;
  background:rgba(56,227,255,0.05);
  border:1px solid rgba(56,227,255,0.18);
  color:var(--ap-cyan-300);
  display:grid;
  place-items:center;
  margin-bottom:14px;
}
#ec-admin-elite-shell .ec-ap-empty h4{
  color:var(--ap-fg-0);
  font-size:16px;
  margin:0 0 4px;
}
#ec-admin-elite-shell .ec-ap-empty p{
  font-size:13px;
  margin:0;
  max-width:380px;
}

/* Admin Support Center — read-only Claude Design handoff, scoped to hidden admin shell. */
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-support-mode{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-database-mode{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
#ec-admin-elite-shell #ec-admin-elite-tabbody.ec-ap-database-mode + .ec-admin-elite-info{ display:none; }
#ec-admin-elite-shell .ec-adb{ display:flex; flex-direction:column; gap:20px; min-width:0; overflow-x:hidden; }
#ec-admin-elite-shell .ec-adb-hero,
#ec-admin-elite-shell .ec-adb-panel,
#ec-admin-elite-shell .ec-adb-card,
#ec-admin-elite-shell .ec-adb-node{
  position:relative;
  min-width:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)),
    rgba(8,12,24,0.68);
  border:1px solid rgba(214,210,255,0.085);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04), 0 18px 50px rgba(0,0,0,0.22);
}
#ec-admin-elite-shell .ec-adb-hero{
  padding:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%, rgba(56,227,255,0.13), transparent 35%),
    radial-gradient(circle at 90% 10%, rgba(155,123,255,0.14), transparent 36%),
    linear-gradient(180deg, rgba(14,18,34,0.90), rgba(6,8,18,0.90));
}
#ec-admin-elite-shell .ec-adb-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; position:relative; z-index:1; }
#ec-admin-elite-shell .ec-adb-crumbs{ display:flex; align-items:center; gap:8px; color:var(--ap-fg-3); font-family:var(--ap-font-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:10px; }
#ec-admin-elite-shell .ec-adb-crumbs b{ color:var(--ap-fg-0); font-weight:700; }
#ec-admin-elite-shell .ec-adb-title{ margin:0; font-size:32px; font-weight:800; letter-spacing:-0.035em; color:var(--ap-fg-0); line-height:1.08; }
#ec-admin-elite-shell .ec-adb-title span{ color:var(--ap-cyan-300); text-shadow:0 0 24px rgba(0,209,255,0.22); }
#ec-admin-elite-shell .ec-adb-sub{ margin:9px 0 0; color:var(--ap-fg-2); font-size:14px; line-height:1.55; max-width:720px; }
#ec-admin-elite-shell .ec-adb-hero-side{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
#ec-admin-elite-shell .ec-adb-admin-chip{ display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:14px; border:1px solid rgba(56,227,255,0.16); background:rgba(56,227,255,0.05); color:var(--ap-fg-1); font-size:12px; }
#ec-admin-elite-shell .ec-adb-admin-avatar{ width:28px; height:28px; border-radius:9px; display:grid; place-items:center; background:linear-gradient(135deg, rgba(56,227,255,0.95), rgba(155,123,255,0.95)); color:#04121a; font-weight:900; font-size:11px; }
#ec-admin-elite-shell .ec-adb-badges{ display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; position:relative; z-index:1; }
#ec-admin-elite-shell .ec-adb-mode{ margin-top:18px; display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border-radius:14px; border:1px solid rgba(255,179,71,0.24); background:rgba(255,179,71,0.08); color:#FFC982; font-size:12.5px; line-height:1.5; position:relative; z-index:1; }
#ec-admin-elite-shell .ec-adb-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:4px 0 -4px; }
#ec-admin-elite-shell .ec-adb-eyebrow{ color:var(--ap-cyan-300); font-family:var(--ap-font-mono); font-size:10.5px; font-weight:800; letter-spacing:0.16em; text-transform:uppercase; }
#ec-admin-elite-shell .ec-adb-section-title{ margin:4px 0 0; color:var(--ap-fg-0); font-size:20px; font-weight:780; letter-spacing:-0.02em; }
#ec-admin-elite-shell .ec-adb-section-note{ color:var(--ap-fg-3); font-size:12px; line-height:1.45; }
#ec-admin-elite-shell .ec-adb-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#ec-admin-elite-shell .ec-adb-card{ padding:16px; overflow:hidden; }
#ec-admin-elite-shell .ec-adb-card.ok{ border-color:rgba(42,227,161,0.20); }
#ec-admin-elite-shell .ec-adb-card.warn{ border-color:rgba(255,179,71,0.24); }
#ec-admin-elite-shell .ec-adb-card.danger,
#ec-admin-elite-shell .ec-adb-card.locked{ border-color:rgba(255,85,119,0.25); }
#ec-admin-elite-shell .ec-adb-card.neutral{ border-color:rgba(214,210,255,0.10); }
#ec-admin-elite-shell .ec-adb-card.info,
#ec-admin-elite-shell .ec-adb-card.violet{ border-color:rgba(155,123,255,0.24); }
#ec-admin-elite-shell .ec-adb-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:12px; }
#ec-admin-elite-shell .ec-adb-card-label{ color:var(--ap-fg-3); font-family:var(--ap-font-mono); font-size:10.5px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; }
#ec-admin-elite-shell .ec-adb-icon{ width:34px; height:34px; border-radius:12px; display:grid; place-items:center; flex:0 0 34px; color:var(--ap-cyan-300); border:1px solid rgba(56,227,255,0.20); background:rgba(56,227,255,0.07); }
#ec-admin-elite-shell .ec-adb-icon.warn{ color:#FFC982; border-color:rgba(255,179,71,0.24); background:rgba(255,179,71,0.08); }
#ec-admin-elite-shell .ec-adb-icon.ok{ color:#2AE3A1; border-color:rgba(42,227,161,0.22); background:rgba(42,227,161,0.07); }
#ec-admin-elite-shell .ec-adb-icon.locked,
#ec-admin-elite-shell .ec-adb-icon.danger{ color:#ff8aa0; border-color:rgba(255,85,119,0.24); background:rgba(255,85,119,0.07); }
#ec-admin-elite-shell .ec-adb-card-value{ color:var(--ap-fg-0); font-size:18px; font-weight:780; line-height:1.25; overflow-wrap:anywhere; }
#ec-admin-elite-shell .ec-adb-card-meta{ margin-top:8px; color:var(--ap-fg-3); font-size:12px; line-height:1.45; }
#ec-admin-elite-shell .ec-adb-panel{ padding:18px; }
#ec-admin-elite-shell .ec-adb-panel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
#ec-admin-elite-shell .ec-adb-panel-title{ margin:0; color:var(--ap-fg-0); font-size:17px; font-weight:760; letter-spacing:-0.01em; }
#ec-admin-elite-shell .ec-adb-panel-sub{ margin:4px 0 0; color:var(--ap-fg-3); font-size:12.5px; line-height:1.45; max-width:760px; }
/* ── Phase-1: DB Console sub-nav + new primitives (scoped under admin shell; no global leakage) ── */
#ec-admin-elite-shell .ec-adb-shell{ display:grid; grid-template-columns:210px minmax(0,1fr); gap:18px; align-items:start; }
#ec-admin-elite-shell .ec-adb-subnav{ position:sticky; top:10px; display:flex; flex-direction:column; gap:2px; padding:8px; border:1px solid var(--ap-hl-1); border-radius:16px; background:rgba(255,255,255,0.018); }
#ec-admin-elite-shell .ec-adb-subnav-group{ font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ap-fg-4); margin:12px 8px 4px; font-weight:800; }
#ec-admin-elite-shell .ec-adb-subnav-group:first-child{ margin-top:4px; }
#ec-admin-elite-shell .ec-adb-subnav-item{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:11px; background:transparent; border:0; color:var(--ap-fg-2); font:inherit; font-size:13px; line-height:1.2; cursor:pointer; text-align:left; width:100%; }
#ec-admin-elite-shell .ec-adb-subnav-item:hover{ background:rgba(255,255,255,0.05); color:var(--ap-fg-0); }
#ec-admin-elite-shell .ec-adb-subnav-item.is-active{ background:rgba(124,106,247,0.16); color:var(--ap-fg-0); box-shadow:inset 0 0 0 1px rgba(124,106,247,0.28); }
#ec-admin-elite-shell .ec-adb-subnav-item.is-locked{ opacity:.55; }
#ec-admin-elite-shell .ec-adb-subnav-ic{ display:inline-flex; width:16px; height:16px; flex:0 0 16px; opacity:.85; }
#ec-admin-elite-shell .ec-adb-subnav-ic svg{ width:16px; height:16px; }
#ec-admin-elite-shell .ec-adb-view{ min-width:0; }
#ec-admin-elite-shell .ec-adb-tablegrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(248px,1fr)); gap:12px; }
#ec-admin-elite-shell .ec-adb-adv{ display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border:1px solid var(--ap-hl-1); border-radius:13px; margin-bottom:8px; background:rgba(255,255,255,0.015); }
#ec-admin-elite-shell .ec-adb-adv.sev-critical{ border-color:rgba(255,85,119,0.40); }
#ec-admin-elite-shell .ec-adb-adv.sev-warn{ border-color:rgba(255,176,32,0.34); }
#ec-admin-elite-shell .ec-adb-adv.sev-ok{ border-color:rgba(42,227,161,0.30); }
#ec-admin-elite-shell .ec-adb-adv-pill{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 30px; border-radius:9px; }
#ec-admin-elite-shell .ec-adb-adv-pill svg{ width:16px; height:16px; }
#ec-admin-elite-shell .ec-adb-adv.sev-critical .ec-adb-adv-pill{ color:#ff8aa0; background:rgba(255,85,119,0.12); }
#ec-admin-elite-shell .ec-adb-adv.sev-warn .ec-adb-adv-pill{ color:#ffd27a; background:rgba(255,176,32,0.12); }
#ec-admin-elite-shell .ec-adb-adv.sev-ok .ec-adb-adv-pill{ color:#2AE3A1; background:rgba(42,227,161,0.12); }
#ec-admin-elite-shell .ec-adb-adv-body{ flex:1 1 auto; min-width:0; }
#ec-admin-elite-shell .ec-adb-adv-title{ color:var(--ap-fg-0); font-size:13.5px; font-weight:700; line-height:1.3; }
#ec-admin-elite-shell .ec-adb-adv-note{ color:var(--ap-fg-3); font-size:12px; margin-top:3px; line-height:1.4; }
#ec-admin-elite-shell .ec-adb-meter{ border:1px solid var(--ap-hl-1); border-radius:14px; padding:14px; background:rgba(255,255,255,0.015); }
#ec-admin-elite-shell .ec-adb-meter-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
#ec-admin-elite-shell .ec-adb-meter-label{ color:var(--ap-fg-0); font-size:13px; font-weight:700; }
#ec-admin-elite-shell .ec-adb-meter-val{ font-family:var(--ap-font-mono); font-size:12.5px; color:var(--ap-fg-3); }
#ec-admin-elite-shell .ec-adb-meter-bar{ position:relative; height:8px; border-radius:99px; background:rgba(255,255,255,0.06); overflow:hidden; }
#ec-admin-elite-shell .ec-adb-meter-fill{ position:absolute; inset:0; background-image:repeating-linear-gradient(45deg,rgba(124,106,247,0.22) 0 8px,rgba(124,106,247,0.06) 8px 16px); }
#ec-admin-elite-shell .ec-adb-meter-cap{ margin-top:8px; color:var(--ap-fg-4); font-size:11.5px; line-height:1.4; }
/* ── Phase-3: Operations (logs / roles / storage / api) — scoped, additive ── */
/* Logs — simulated terminal */
#ec-admin-elite-shell .ec-adb-term{ border:1px solid var(--ap-hl-1); border-radius:16px; overflow:hidden; background:rgba(4,7,16,0.86); }
#ec-admin-elite-shell .ec-adb-term-bar{ display:flex; align-items:center; gap:7px; padding:10px 14px; border-bottom:1px solid var(--ap-hl-1); background:rgba(255,255,255,0.02); }
#ec-admin-elite-shell .ec-adb-term-dot{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.18); flex:0 0 auto; }
#ec-admin-elite-shell .ec-adb-term-dot.r{ background:#ff8aa0; }
#ec-admin-elite-shell .ec-adb-term-dot.y{ background:#ffd27a; }
#ec-admin-elite-shell .ec-adb-term-dot.g{ background:#2AE3A1; }
#ec-admin-elite-shell .ec-adb-term-title{ margin-left:8px; color:var(--ap-fg-3); font-family:var(--ap-font-mono); font-size:11.5px; letter-spacing:.03em; overflow-wrap:anywhere; }
#ec-admin-elite-shell .ec-adb-term-body{ padding:14px 16px; max-height:430px; overflow:auto; font-family:var(--ap-font-mono); font-size:12px; line-height:1.7; }
#ec-admin-elite-shell .ec-adb-logline{ display:grid; grid-template-columns:96px 58px 92px minmax(0,1fr); gap:10px; align-items:baseline; padding:2px 0; }
#ec-admin-elite-shell .ec-adb-log-time{ color:var(--ap-fg-4); }
#ec-admin-elite-shell .ec-adb-log-lvl{ font-weight:800; letter-spacing:.05em; text-transform:uppercase; font-size:10.5px; }
#ec-admin-elite-shell .ec-adb-log-lvl.lvl-info{ color:var(--ap-cyan-300); }
#ec-admin-elite-shell .ec-adb-log-lvl.lvl-ok{ color:#2AE3A1; }
#ec-admin-elite-shell .ec-adb-log-lvl.lvl-warn{ color:#ffd27a; }
#ec-admin-elite-shell .ec-adb-log-lvl.lvl-debug{ color:var(--ap-fg-4); }
#ec-admin-elite-shell .ec-adb-log-src{ color:#b9a7ff; overflow-wrap:anywhere; }
#ec-admin-elite-shell .ec-adb-log-msg{ color:var(--ap-fg-2); overflow-wrap:anywhere; }
/* Roles — least-privilege matrix */
#ec-admin-elite-shell .ec-adb-matrix{ border:1px solid var(--ap-hl-1); border-radius:16px; overflow:hidden; }
#ec-admin-elite-shell .ec-adb-mx-row{ display:grid; grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)); }
#ec-admin-elite-shell .ec-adb-mx-row + .ec-adb-mx-row{ border-top:1px solid var(--ap-hl-1); }
#ec-admin-elite-shell .ec-adb-mx-row.head{ background:rgba(255,255,255,0.025); }
#ec-admin-elite-shell .ec-adb-mx-cell{ padding:11px 12px; min-width:0; display:flex; align-items:center; gap:8px; }
#ec-admin-elite-shell .ec-adb-mx-cell + .ec-adb-mx-cell{ border-left:1px solid var(--ap-hl-1); justify-content:center; }
#ec-admin-elite-shell .ec-adb-mx-cap{ font-size:12.5px; font-weight:700; color:var(--ap-fg-1); line-height:1.3; }
#ec-admin-elite-shell .ec-adb-mx-sub{ color:var(--ap-fg-4); font-size:11px; margin-top:3px; line-height:1.4; }
#ec-admin-elite-shell .ec-adb-mx-role{ font-family:var(--ap-font-mono); font-size:11.5px; font-weight:800; color:var(--ap-fg-0); }
#ec-admin-elite-shell .ec-adb-mark{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:7px; }
#ec-admin-elite-shell .ec-adb-mark.yes{ color:#2AE3A1; background:rgba(42,227,161,0.12); }
#ec-admin-elite-shell .ec-adb-mark.no{ color:#ff8aa0; background:rgba(255,85,119,0.12); }
#ec-admin-elite-shell .ec-adb-mark.lim{ color:#ffd27a; background:rgba(255,176,32,0.12); }
#ec-admin-elite-shell .ec-adb-mark svg{ width:14px; height:14px; }
/* API — endpoint rows */
#ec-admin-elite-shell .ec-adb-ep{ display:flex; align-items:center; gap:12px; padding:11px 12px; border:1px solid var(--ap-hl-1); border-radius:12px; background:rgba(255,255,255,0.018); }
#ec-admin-elite-shell .ec-adb-ep-method{ font-family:var(--ap-font-mono); font-size:10.5px; font-weight:800; letter-spacing:.06em; padding:3px 7px; border-radius:7px; color:var(--ap-cyan-300); background:rgba(56,227,255,0.10); border:1px solid rgba(56,227,255,0.20); flex:0 0 auto; }
#ec-admin-elite-shell .ec-adb-ep-method.post{ color:#b9a7ff; background:rgba(124,106,247,0.12); border-color:rgba(124,106,247,0.28); }
#ec-admin-elite-shell .ec-adb-ep-path{ font-family:var(--ap-font-mono); font-size:12.5px; color:var(--ap-fg-1); flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
#ec-admin-elite-shell .ec-adb-ep-note{ display:block; color:var(--ap-fg-4); font-family:var(--ap-font-mono); font-size:10.5px; font-weight:400; margin-top:2px; }
@media (max-width:720px){
  #ec-admin-elite-shell .ec-adb-logline{ grid-template-columns:72px 50px minmax(0,1fr); }
  #ec-admin-elite-shell .ec-adb-logline .ec-adb-log-src{ display:none; }
  #ec-admin-elite-shell .ec-adb-mx-cap{ font-size:11.5px; }
}
/* ── Phase-4: Migration checklist + compliance polish — scoped, additive ── */
#ec-admin-elite-shell .ec-adb-prog{ position:relative; height:8px; border-radius:99px; background:rgba(255,255,255,0.06); overflow:hidden; margin-top:10px; }
#ec-admin-elite-shell .ec-adb-prog-fill{ position:absolute; top:0; bottom:0; left:0; border-radius:99px; background:linear-gradient(90deg, rgba(42,227,161,0.85), rgba(56,227,255,0.85)); transition:width .2s ease; }
#ec-admin-elite-shell .ec-adb-check{ display:flex; flex-direction:column; gap:10px; margin-top:14px; }
#ec-admin-elite-shell .ec-adb-check-item{ display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:12px; align-items:flex-start; width:100%; text-align:left; padding:14px; border-radius:14px; border:1px solid var(--ap-hl-1); background:rgba(255,255,255,0.018); color:var(--ap-fg-2); font:inherit; cursor:pointer; }
#ec-admin-elite-shell .ec-adb-check-item:hover{ background:rgba(255,255,255,0.04); border-color:rgba(56,227,255,0.22); }
#ec-admin-elite-shell .ec-adb-check-item.is-done{ border-color:rgba(42,227,161,0.34); background:rgba(42,227,161,0.05); }
#ec-admin-elite-shell .ec-adb-check-box{ width:26px; height:26px; flex:0 0 26px; border-radius:8px; border:1.5px solid rgba(214,210,255,0.28); display:grid; place-items:center; color:transparent; margin-top:1px; }
#ec-admin-elite-shell .ec-adb-check-item.is-done .ec-adb-check-box{ border-color:#2AE3A1; background:rgba(42,227,161,0.16); color:#2AE3A1; }
#ec-admin-elite-shell .ec-adb-check-box svg{ width:16px; height:16px; }
#ec-admin-elite-shell .ec-adb-check-title{ color:var(--ap-fg-0); font-size:14px; font-weight:740; line-height:1.3; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#ec-admin-elite-shell .ec-adb-check-desc{ color:var(--ap-fg-3); font-size:12px; line-height:1.45; margin-top:5px; }
#ec-admin-elite-shell .ec-adb-check-state{ align-self:center; }
#ec-admin-elite-shell .ec-adb-check-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:14px; }
#ec-admin-elite-shell .ec-adb-reset{ background:transparent; border:1px solid var(--ap-hl-1); border-radius:10px; color:var(--ap-fg-2); font:inherit; font-size:12px; padding:7px 12px; cursor:pointer; }
#ec-admin-elite-shell .ec-adb-reset:hover{ color:var(--ap-fg-0); border-color:rgba(255,85,119,0.3); }
@media (max-width:720px){
  #ec-admin-elite-shell .ec-adb-check-item{ grid-template-columns:26px minmax(0,1fr); }
  #ec-admin-elite-shell .ec-adb-check-state{ grid-column:2; align-self:start; }
}
@media(max-width:900px){
  #ec-admin-elite-shell .ec-adb-shell{ grid-template-columns:1fr; }
  #ec-admin-elite-shell .ec-adb-subnav{ position:static; flex-flow:row wrap; }
  #ec-admin-elite-shell .ec-adb-subnav-group{ width:100%; }
}
#ec-admin-elite-shell .ec-adb-timeline{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#ec-admin-elite-shell .ec-adb-step{ padding:13px; border-radius:14px; border:1px solid var(--ap-hl-1); background:rgba(255,255,255,0.018); min-width:0; }
#ec-admin-elite-shell .ec-adb-step.done{ border-color:rgba(42,227,161,0.24); }
#ec-admin-elite-shell .ec-adb-step.current{ border-color:rgba(56,227,255,0.34); background:rgba(56,227,255,0.055); box-shadow:0 0 0 1px rgba(56,227,255,0.06), 0 0 26px rgba(56,227,255,0.08); }
#ec-admin-elite-shell .ec-adb-step.locked{ opacity:.78; }
#ec-admin-elite-shell .ec-adb-step.future{ border-style:dashed; opacity:.72; }
#ec-admin-elite-shell .ec-adb-step-num{ color:var(--ap-fg-4); font-family:var(--ap-font-mono); font-size:10.5px; font-weight:800; letter-spacing:0.14em; }
#ec-admin-elite-shell .ec-adb-step.current .ec-adb-step-num{ color:var(--ap-cyan-300); }
#ec-admin-elite-shell .ec-adb-step-title{ margin-top:6px; color:var(--ap-fg-0); font-size:13.5px; font-weight:740; line-height:1.25; overflow-wrap:anywhere; }
#ec-admin-elite-shell .ec-adb-step-text{ margin-top:7px; color:var(--ap-fg-3); font-size:11.5px; line-height:1.45; }
#ec-admin-elite-shell .ec-adb-two{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:14px; }
#ec-admin-elite-shell .ec-adb-transition{ display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.65fr) minmax(0,1fr); gap:12px; align-items:stretch; }
#ec-admin-elite-shell .ec-adb-node{ padding:16px; }
#ec-admin-elite-shell .ec-adb-node-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
#ec-admin-elite-shell .ec-adb-node-title{ color:var(--ap-fg-0); font-size:16px; font-weight:760; }
#ec-admin-elite-shell .ec-adb-node-sub{ color:var(--ap-fg-3); font-size:12px; margin-top:3px; }
#ec-admin-elite-shell .ec-adb-node-list{ display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none; color:var(--ap-fg-2); font-size:12.5px; }
#ec-admin-elite-shell .ec-adb-node-list li{ display:flex; gap:8px; align-items:flex-start; }
#ec-admin-elite-shell .ec-adb-bridge{ display:flex; flex-direction:column; justify-content:center; gap:10px; min-width:0; padding:14px; border:1px dashed rgba(155,123,255,0.28); border-radius:16px; background:rgba(155,123,255,0.045); color:var(--ap-fg-2); text-align:center; }
#ec-admin-elite-shell .ec-adb-bridge strong{ color:var(--ap-fg-0); }
#ec-admin-elite-shell .ec-adb-bound-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#ec-admin-elite-shell .ec-adb-bound{ display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; padding:12px; border-radius:14px; border:1px solid var(--ap-hl-1); background:rgba(255,255,255,0.018); }
#ec-admin-elite-shell .ec-adb-bound h4{ margin:0; color:var(--ap-fg-0); font-size:13px; font-weight:740; }
#ec-admin-elite-shell .ec-adb-bound p{ margin:4px 0 0; color:var(--ap-fg-3); font-size:11.8px; line-height:1.45; }
#ec-admin-elite-shell .ec-adb-quote{ display:flex; gap:10px; margin-top:12px; padding:12px; border-radius:14px; border:1px solid rgba(56,227,255,0.20); background:rgba(56,227,255,0.045); color:var(--ap-fg-1); font-size:12.5px; line-height:1.5; }
#ec-admin-elite-shell .ec-adb-list{ display:flex; flex-direction:column; gap:9px; }
#ec-admin-elite-shell .ec-adb-list-item{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:11px 12px; border-radius:12px; border:1px solid var(--ap-hl-1); background:rgba(255,255,255,0.018); color:var(--ap-fg-2); font-size:12.5px; line-height:1.45; }
#ec-admin-elite-shell .ec-adb-list-item > span:first-child{ min-width:0; overflow-wrap:anywhere; }
#ec-admin-elite-shell .ec-adb-action-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
#ec-admin-elite-shell .ec-adb-action{ min-height:54px; justify-content:flex-start; cursor:not-allowed !important; opacity:.74; white-space:normal; line-height:1.3; text-align:left; }
#ec-admin-elite-shell .ec-adb-action span{ display:block; }
#ec-admin-elite-shell .ec-adb-action small{ display:block; margin-top:2px; color:var(--ap-fg-4); font-family:var(--ap-font-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
#ec-admin-elite-shell .ec-adb-count-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#ec-admin-elite-shell .ec-adb-count{ padding:12px; border-radius:14px; border:1px solid var(--ap-hl-1); background:rgba(255,255,255,0.018); min-width:0; }
#ec-admin-elite-shell .ec-adb-count-label{ color:var(--ap-fg-2); font-size:12px; line-height:1.35; }
#ec-admin-elite-shell .ec-adb-count-value{ margin-top:8px; color:var(--ap-fg-0); font-size:21px; font-weight:800; }
#ec-admin-elite-shell .ec-adb-count-meta{ margin-top:4px; color:var(--ap-fg-4); font-family:var(--ap-font-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; overflow-wrap:anywhere; }
@media (max-width:1180px){
  #ec-admin-elite-shell .ec-adb-grid,
  #ec-admin-elite-shell .ec-adb-timeline,
  #ec-admin-elite-shell .ec-adb-action-grid,
  #ec-admin-elite-shell .ec-adb-count-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #ec-admin-elite-shell .ec-adb-two,
  #ec-admin-elite-shell .ec-adb-transition{ grid-template-columns:1fr; }
}
@media (max-width:720px){
  #ec-admin-elite-shell .ec-adb-grid,
  #ec-admin-elite-shell .ec-adb-timeline,
  #ec-admin-elite-shell .ec-adb-action-grid,
  #ec-admin-elite-shell .ec-adb-count-grid,
  #ec-admin-elite-shell .ec-adb-bound-grid{ grid-template-columns:1fr; }
  #ec-admin-elite-shell .ec-adb-title{ font-size:26px; }
  #ec-admin-elite-shell .ec-adb-hero{ padding:18px; }
}
#ec-admin-elite-shell .ec-as-support{ display:flex; flex-direction:column; gap:18px; }
#ec-admin-elite-shell .ec-as-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:18px; flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-as-head h2{
  margin:0;
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--ap-fg-0);
}
#ec-admin-elite-shell .ec-as-head p{
  margin:4px 0 0;
  color:var(--ap-fg-2);
  font-size:13.5px;
  line-height:1.5;
}
#ec-admin-elite-shell .ec-as-badge{
  display:inline-flex; align-items:center; gap:6px;
  min-height:24px;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.04);
  color:var(--ap-fg-2);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
#ec-admin-elite-shell .ec-as-badge .dot{
  width:6px; height:6px; border-radius:999px;
  background:currentColor;
  box-shadow:0 0 10px currentColor;
}
#ec-admin-elite-shell .ec-as-badge.info{ color:var(--ap-cyan-300); border-color:rgba(56,227,255,0.28); background:rgba(56,227,255,0.08); }
#ec-admin-elite-shell .ec-as-badge.warn{ color:#FFC982; border-color:rgba(255,179,71,0.28); background:rgba(255,179,71,0.09); }
#ec-admin-elite-shell .ec-as-badge.danger{ color:#FF8FA6; border-color:rgba(255,85,119,0.30); background:rgba(255,85,119,0.08); }
#ec-admin-elite-shell .ec-as-badge.success{ color:#6DEFC2; border-color:rgba(42,227,161,0.28); background:rgba(42,227,161,0.08); }
#ec-admin-elite-shell .ec-as-badge.violet{ color:var(--ap-violet-300); border-color:rgba(155,123,255,0.30); background:rgba(155,123,255,0.10); }
#ec-admin-elite-shell .ec-as-grid{
  display:grid;
  grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,320px);
  gap:16px;
  min-height:620px;
}
#ec-admin-elite-shell .ec-as-panel{
  background:rgba(10,14,24,0.55);
  border:1px solid var(--ap-hl-1);
  border-radius:16px;
  overflow:hidden;
  min-width:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
#ec-admin-elite-shell .ec-as-inbox,
#ec-admin-elite-shell .ec-as-detail,
#ec-admin-elite-shell .ec-as-user{ display:flex; flex-direction:column; }
#ec-admin-elite-shell .ec-as-inbox-head,
#ec-admin-elite-shell .ec-as-detail-head,
#ec-admin-elite-shell .ec-as-user-head{
  padding:14px;
  border-bottom:1px solid var(--ap-hl-1);
}
#ec-admin-elite-shell .ec-as-inbox-title{
  display:flex; align-items:center; gap:8px;
  color:var(--ap-fg-0);
  font-size:14px;
  font-weight:600;
}
#ec-admin-elite-shell .ec-as-inbox-title .ct{
  color:var(--ap-fg-3);
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.03);
  border-radius:999px;
  padding:1px 7px;
  font-family:var(--ap-font-mono);
  font-size:11px;
  margin-left:2px;
}
#ec-admin-elite-shell .ec-as-search{
  width:100%;
  height:32px;
  margin-top:10px;
  padding:0 11px;
  border-radius:9px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.03);
  color:var(--ap-fg-2);
  font-size:12.5px;
  font-family:inherit;
}
#ec-admin-elite-shell .ec-as-search:disabled{
  opacity:1;
  cursor:not-allowed;
}
#ec-admin-elite-shell .ec-as-search:focus{
  outline:none;
  border-color:rgba(56,227,255,0.45);
  box-shadow:0 0 0 3px rgba(56,227,255,0.12);
}
#ec-admin-elite-shell .ec-as-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:10px;
}
#ec-admin-elite-shell .ec-as-filter{
  display:inline-flex; align-items:center; gap:5px;
  height:28px;
  padding:0 8px;
  border-radius:7px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.03);
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  cursor:pointer;
}
#ec-admin-elite-shell .ec-as-filter:hover{ color:var(--ap-fg-1); background:rgba(255,255,255,0.05); }
#ec-admin-elite-shell .ec-as-filter.active{
  color:var(--ap-cyan-300);
  border-color:rgba(56,227,255,0.35);
  background:rgba(56,227,255,0.10);
}
#ec-admin-elite-shell .ec-as-filter .ct{ color:var(--ap-fg-4); }
#ec-admin-elite-shell .ec-as-filter.active .ct{ color:var(--ap-cyan-400); }
#ec-admin-elite-shell .ec-as-ticket-list{
  flex:1;
  overflow:auto;
  padding:6px;
}
#ec-admin-elite-shell .ec-as-ticket-row{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  padding:12px 10px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
#ec-admin-elite-shell .ec-as-ticket-row:hover{
  background:rgba(255,255,255,0.025);
  border-color:var(--ap-hl-1);
}
#ec-admin-elite-shell .ec-as-ticket-row.active{
  background:linear-gradient(180deg, rgba(56,227,255,0.10), rgba(56,227,255,0.04));
  border-color:rgba(56,227,255,0.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 0 22px rgba(56,227,255,0.08);
}
#ec-admin-elite-shell .ec-as-pri{
  width:3px;
  border-radius:999px;
  align-self:stretch;
  background:var(--ap-fg-4);
}
#ec-admin-elite-shell .ec-as-pri.low{ background:var(--ap-fg-3); }
#ec-admin-elite-shell .ec-as-pri.normal{ background:var(--ap-cyan-400); box-shadow:0 0 8px rgba(56,227,255,0.55); }
#ec-admin-elite-shell .ec-as-pri.high{ background:#FFB347; box-shadow:0 0 8px rgba(255,179,71,0.60); }
#ec-admin-elite-shell .ec-as-pri.critical{ background:#FF5577; box-shadow:0 0 8px rgba(255,85,119,0.60); }
#ec-admin-elite-shell .ec-as-ticket-body{ min-width:0; }
#ec-admin-elite-shell .ec-as-ticket-id{
  color:var(--ap-fg-4);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  letter-spacing:0.04em;
}
#ec-admin-elite-shell .ec-as-ticket-subj{
  color:var(--ap-fg-0);
  font-size:13.5px;
  font-weight:600;
  margin:1px 0 4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#ec-admin-elite-shell .ec-as-ticket-meta{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
}
#ec-admin-elite-shell .ec-as-ticket-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
#ec-admin-elite-shell .ec-as-ticket-when{
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
}
#ec-admin-elite-shell .ec-as-detail-head{ padding:18px 22px 16px; }
#ec-admin-elite-shell .ec-as-detail-top{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
#ec-admin-elite-shell .ec-as-detail-id{
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:11px;
}
#ec-admin-elite-shell .ec-as-detail-title{
  margin:0;
  color:var(--ap-fg-0);
  font-size:18px;
  font-weight:700;
  letter-spacing:-0.015em;
}
#ec-admin-elite-shell .ec-as-meta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  color:var(--ap-fg-3);
  font-size:12px;
  margin-top:10px;
}
#ec-admin-elite-shell .ec-as-meta-row .lbl{
  color:var(--ap-fg-4);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  letter-spacing:0.10em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:12px 22px;
  border-bottom:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.015);
}
#ec-admin-elite-shell .ec-as-toolbar .grow{ flex:1; }
#ec-admin-elite-shell .ec-as-toolbar .ec-ap-btn:disabled{
  opacity:.62;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
  filter:none;
}
#ec-admin-elite-shell .ec-as-toolbar .ec-ap-btn:disabled:hover{
  transform:none;
  box-shadow:none;
  filter:none;
}
#ec-admin-elite-shell .ec-as-body{
  flex:1;
  overflow:auto;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
#ec-admin-elite-shell .ec-as-section-label{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.16em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-block{
  border:1px solid var(--ap-hl-1);
  border-radius:12px;
  background:rgba(255,255,255,0.02);
  padding:14px 16px;
  color:var(--ap-fg-2);
  font-size:13px;
  line-height:1.6;
}
#ec-admin-elite-shell .ec-as-block.muted{
  background:repeating-linear-gradient(45deg, rgba(255,255,255,0.015), rgba(255,255,255,0.015) 8px, rgba(255,255,255,0.03) 8px, rgba(255,255,255,0.03) 16px);
}
#ec-admin-elite-shell .ec-as-block strong{ color:var(--ap-fg-0); font-weight:600; }
#ec-admin-elite-shell .ec-as-notes{
  width:100%;
  min-height:88px;
  resize:vertical;
  border:1px dashed var(--ap-hl-2);
  border-radius:10px;
  padding:10px 12px;
  background:rgba(0,0,0,0.20);
  color:var(--ap-fg-2);
  font-family:var(--ap-font-mono);
  font-size:12.5px;
}
#ec-admin-elite-shell .ec-as-notes::placeholder{ color:var(--ap-fg-4); }
#ec-admin-elite-shell .ec-as-timeline{
  position:relative;
  padding-left:28px;
}
#ec-admin-elite-shell .ec-as-timeline::before{
  content:"";
  position:absolute;
  left:9px;
  top:6px;
  bottom:6px;
  width:1px;
  background:var(--ap-hl-1);
}
#ec-admin-elite-shell .ec-as-tl-item{
  position:relative;
  padding:6px 0 14px;
}
#ec-admin-elite-shell .ec-as-tl-item:last-child{ padding-bottom:0; }
#ec-admin-elite-shell .ec-as-tl-marker{
  position:absolute;
  left:-27px;
  top:5px;
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:var(--ap-fg-3);
  background:var(--ap-ink-1);
  border:1px solid var(--ap-hl-2);
}
#ec-admin-elite-shell .ec-as-tl-item.cyan .ec-as-tl-marker{ color:var(--ap-cyan-300); border-color:rgba(56,227,255,0.35); background:rgba(56,227,255,0.10); }
#ec-admin-elite-shell .ec-as-tl-item.violet .ec-as-tl-marker{ color:var(--ap-violet-300); border-color:rgba(155,123,255,0.35); background:rgba(155,123,255,0.10); }
#ec-admin-elite-shell .ec-as-tl-item.warn .ec-as-tl-marker{ color:#FFC982; border-color:rgba(255,179,71,0.35); background:rgba(255,179,71,0.10); }
#ec-admin-elite-shell .ec-as-tl-title{ color:var(--ap-fg-1); font-size:13px; }
#ec-admin-elite-shell .ec-as-tl-title .who{ color:var(--ap-fg-0); font-weight:600; }
#ec-admin-elite-shell .ec-as-tl-when{
  display:block;
  margin-top:2px;
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:11px;
}
#ec-admin-elite-shell .ec-as-user-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px;
}
#ec-admin-elite-shell .ec-as-avatar{
  width:44px;
  height:44px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, var(--ap-cyan-500), var(--ap-violet-500));
  color:#fff;
  font-size:15px;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 4px 10px rgba(0,0,0,0.45);
}
#ec-admin-elite-shell .ec-as-user-name{ color:var(--ap-fg-0); font-size:15px; font-weight:700; }
#ec-admin-elite-shell .ec-as-user-id{ color:var(--ap-fg-3); font-family:var(--ap-font-mono); font-size:11px; margin-top:2px; }
#ec-admin-elite-shell .ec-as-user-body{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px 14px 16px;
}
#ec-admin-elite-shell .ec-as-user-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:9px;
  font-size:12.5px;
}
#ec-admin-elite-shell .ec-as-user-row:hover{ background:rgba(255,255,255,0.02); }
#ec-admin-elite-shell .ec-as-user-row .lbl{
  flex:0 0 106px;
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  letter-spacing:0.10em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-user-row .val{
  min-width:0;
  color:var(--ap-fg-1);
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
#ec-admin-elite-shell .ec-as-risk{
  padding:14px 16px;
  border-top:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.015);
}
#ec-admin-elite-shell .ec-as-risk .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
#ec-admin-elite-shell .ec-as-risk .lbl{ color:var(--ap-fg-2); font-size:12px; font-weight:600; }
#ec-admin-elite-shell .ec-as-risk .val{
  color:#6DEFC2;
  background:rgba(42,227,161,0.10);
  border:1px solid rgba(42,227,161,0.25);
  border-radius:999px;
  padding:2px 8px;
  font-family:var(--ap-font-mono);
  font-size:11px;
}
#ec-admin-elite-shell .ec-as-risk .bar{
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,0.05);
  overflow:hidden;
}
#ec-admin-elite-shell .ec-as-risk .bar span{
  display:block;
  height:100%;
  width:12%;
  border-radius:999px;
  background:linear-gradient(90deg,#2AE3A1,#FFB347,#FF5577);
}
#ec-admin-elite-shell .ec-as-card{
  background:rgba(10,14,24,0.55);
  border:1px solid var(--ap-hl-1);
  border-radius:16px;
  padding:20px 22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
}
#ec-admin-elite-shell .ec-as-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-as-card-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ap-fg-1);
  font-size:14px;
  font-weight:600;
}
#ec-admin-elite-shell .ec-as-card-title .eyebrow{
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10px;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-report-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
#ec-admin-elite-shell .ec-as-report-tile{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px;
  border-radius:12px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.02);
}
#ec-admin-elite-shell .ec-as-report-tile .row1{ display:flex; align-items:center; justify-content:space-between; }
#ec-admin-elite-shell .ec-as-report-tile .ic{
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:var(--ap-cyan-300);
  background:rgba(56,227,255,0.08);
  border:1px solid rgba(56,227,255,0.22);
}
#ec-admin-elite-shell .ec-as-report-tile.danger .ic{ color:#FF8FA6; background:rgba(255,85,119,0.08); border-color:rgba(255,85,119,0.25); }
#ec-admin-elite-shell .ec-as-report-tile.warn .ic{ color:#FFC982; background:rgba(255,179,71,0.08); border-color:rgba(255,179,71,0.25); }
#ec-admin-elite-shell .ec-as-report-tile.violet .ic{ color:var(--ap-violet-300); background:rgba(155,123,255,0.08); border-color:rgba(155,123,255,0.22); }
#ec-admin-elite-shell .ec-as-report-tile.success .ic{ color:#6DEFC2; background:rgba(42,227,161,0.08); border-color:rgba(42,227,161,0.25); }
#ec-admin-elite-shell .ec-as-report-tile .ct{
  color:var(--ap-fg-3);
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.02em;
}
#ec-admin-elite-shell .ec-as-report-tile .t{ color:var(--ap-fg-0); font-size:13px; font-weight:600; }
#ec-admin-elite-shell .ec-as-report-tile .s{ color:var(--ap-fg-3); font-size:11.5px; line-height:1.45; }
#ec-admin-elite-shell .ec-as-empty{
  margin-top:14px;
  padding:24px 20px;
  text-align:center;
  border:1px dashed var(--ap-hl-2);
  border-radius:14px;
  background:rgba(255,255,255,0.015);
}
#ec-admin-elite-shell .ec-as-empty .ic{
  width:48px;
  height:48px;
  margin:0 auto 12px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:var(--ap-cyan-300);
  background:rgba(56,227,255,0.06);
  border:1px solid rgba(56,227,255,0.18);
}
#ec-admin-elite-shell .ec-as-empty .t{ color:var(--ap-fg-0); font-size:14px; font-weight:600; margin-bottom:4px; }
#ec-admin-elite-shell .ec-as-empty .s{ max-width:520px; margin:0 auto; color:var(--ap-fg-2); font-size:13px; line-height:1.55; }
#ec-admin-elite-shell .ec-as-actions-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
#ec-admin-elite-shell .ec-as-action{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:86px;
  padding:14px;
  border-radius:12px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.02);
  color:var(--ap-fg-2);
  text-align:left;
  font-family:inherit;
  cursor:not-allowed;
  overflow:hidden;
}
#ec-admin-elite-shell .ec-as-action::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(155,123,255,0.04) 10px, rgba(155,123,255,0.04) 11px);
  pointer-events:none;
}
#ec-admin-elite-shell .ec-as-action .ic{
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  color:#FFC982;
  background:rgba(255,179,71,0.08);
  border:1px solid rgba(255,179,71,0.22);
}
#ec-admin-elite-shell .ec-as-action.danger .ic{ color:#FF8FA6; background:rgba(255,85,119,0.08); border-color:rgba(255,85,119,0.25); }
#ec-admin-elite-shell .ec-as-action .txt{ flex:1; min-width:0; position:relative; z-index:1; }
#ec-admin-elite-shell .ec-as-action .t{ display:block; color:var(--ap-fg-0); font-size:13.5px; font-weight:600; margin-bottom:3px; }
#ec-admin-elite-shell .ec-as-action .s{ display:block; color:var(--ap-fg-3); font-size:12px; line-height:1.45; }
#ec-admin-elite-shell .ec-as-action .lock{
  position:absolute;
  right:10px;
  top:10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border-radius:999px;
  color:var(--ap-violet-300);
  background:rgba(155,123,255,0.10);
  border:1px solid rgba(155,123,255,0.30);
  font-family:var(--ap-font-mono);
  font-size:9.5px;
  letter-spacing:0.10em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-key{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(155,123,255,0.30);
  padding:28px 32px;
  background:
    radial-gradient(80% 60% at 0% 0%, rgba(56,227,255,0.12) 0%, transparent 60%),
    radial-gradient(60% 50% at 100% 100%, rgba(155,123,255,0.18) 0%, transparent 60%),
    linear-gradient(180deg, rgba(16,22,42,0.85), rgba(10,14,24,0.85));
  box-shadow:0 30px 80px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.05);
}
#ec-admin-elite-shell .ec-as-key::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:radial-gradient(ellipse at top left, black, transparent 70%);
          mask-image:radial-gradient(ellipse at top left, black, transparent 70%);
  pointer-events:none;
}
#ec-admin-elite-shell .ec-as-key > *{ position:relative; }
#ec-admin-elite-shell .ec-as-key-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  padding:5px 10px;
  border-radius:999px;
  color:var(--ap-violet-300);
  background:rgba(155,123,255,0.10);
  border:1px solid rgba(155,123,255,0.35);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  letter-spacing:0.16em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-key h2{
  max-width:760px;
  margin:0 0 10px;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.15;
  font-weight:700;
  letter-spacing:-0.022em;
  background:linear-gradient(135deg,#FFFFFF 0%, var(--ap-cyan-400) 50%, var(--ap-violet-400) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
#ec-admin-elite-shell .ec-as-key .lead{
  max-width:720px;
  margin:0 0 22px;
  color:var(--ap-fg-2);
  font-size:14px;
  line-height:1.65;
}
#ec-admin-elite-shell .ec-as-key .lead strong{ color:var(--ap-fg-0); font-weight:600; }
#ec-admin-elite-shell .ec-as-key-grid{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:20px;
}
#ec-admin-elite-shell .ec-as-key-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
#ec-admin-elite-shell .ec-as-key-card{
  position:relative;
  overflow:hidden;
  min-height:142px;
  padding:16px;
  border-radius:14px;
  border:1px solid var(--ap-hl-2);
  background:rgba(255,255,255,0.03);
}
#ec-admin-elite-shell .ec-as-key-card .num{
  position:absolute;
  right:12px;
  top:10px;
  color:rgba(255,255,255,0.04);
  font-size:36px;
  font-weight:800;
  line-height:1;
}
#ec-admin-elite-shell .ec-as-key-card .ic{
  width:32px;
  height:32px;
  margin-bottom:12px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:var(--ap-cyan-300);
  background:rgba(56,227,255,0.10);
  border:1px solid rgba(56,227,255,0.25);
}
#ec-admin-elite-shell .ec-as-key-card.violet .ic{ color:var(--ap-violet-300); background:rgba(155,123,255,0.10); border-color:rgba(155,123,255,0.28); }
#ec-admin-elite-shell .ec-as-key-card .t{ color:var(--ap-fg-0); font-size:14px; font-weight:700; margin-bottom:6px; }
#ec-admin-elite-shell .ec-as-key-card .s{ color:var(--ap-fg-2); font-size:12.5px; line-height:1.55; }
#ec-admin-elite-shell .ec-as-key-mock{
  border:1px solid var(--ap-hl-2);
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(16,22,42,0.92), rgba(10,14,24,0.92));
  box-shadow:0 20px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
}
#ec-admin-elite-shell .ec-as-key-mock .bar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-bottom:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.025);
}
#ec-admin-elite-shell .ec-as-key-mock .dots{ display:flex; gap:6px; }
#ec-admin-elite-shell .ec-as-key-mock .dots span{ width:9px; height:9px; border-radius:999px; background:rgba(255,255,255,0.10); }
#ec-admin-elite-shell .ec-as-key-mock .dots span:nth-child(1){ background:#FF5577; }
#ec-admin-elite-shell .ec-as-key-mock .dots span:nth-child(2){ background:#FFB347; }
#ec-admin-elite-shell .ec-as-key-mock .dots span:nth-child(3){ background:#2AE3A1; }
#ec-admin-elite-shell .ec-as-key-mock .ttl{
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:11px;
  letter-spacing:0.10em;
}
#ec-admin-elite-shell .ec-as-key-mock .grow{ flex:1; }
#ec-admin-elite-shell .ec-as-key-mock .pin{
  color:var(--ap-cyan-300);
  background:rgba(56,227,255,0.08);
  border:1px solid rgba(56,227,255,0.25);
  border-radius:999px;
  padding:2px 7px;
  font-family:var(--ap-font-mono);
  font-size:10.5px;
}
#ec-admin-elite-shell .ec-as-key-mock .content{ display:flex; flex-direction:column; gap:12px; padding:16px 18px; }
#ec-admin-elite-shell .ec-as-key-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.025);
  font-size:12.5px;
}
#ec-admin-elite-shell .ec-as-key-row .lbl{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:10.5px;
  letter-spacing:0.10em;
  text-transform:uppercase;
}
#ec-admin-elite-shell .ec-as-key-row .val{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--ap-fg-0);
  font-weight:600;
  text-align:right;
}
#ec-admin-elite-shell .ec-as-duration-row{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
#ec-admin-elite-shell .ec-as-duration{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:56px;
  height:28px;
  border-radius:8px;
  border:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.03);
  color:var(--ap-fg-3);
  font-family:var(--ap-font-mono);
  font-size:11px;
  cursor:pointer;
}
#ec-admin-elite-shell .ec-as-duration.active{
  color:var(--ap-cyan-300);
  border-color:rgba(56,227,255,0.30);
  background:rgba(56,227,255,0.08);
}
#ec-admin-elite-shell .ec-as-key-foot{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-top:1px solid var(--ap-hl-1);
  background:rgba(255,255,255,0.015);
  color:var(--ap-fg-3);
  font-size:12px;
}
#ec-admin-elite-shell .ec-as-key-foot .grow{ flex:1; }
#ec-admin-elite-shell .ec-as-principles{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:20px;
}
#ec-admin-elite-shell .ec-as-principle{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,85,119,0.22);
  background:rgba(255,85,119,0.04);
  color:var(--ap-fg-1);
  font-size:12.5px;
}
#ec-admin-elite-shell .ec-as-principle.ok{
  border-color:rgba(42,227,161,0.22);
  background:rgba(42,227,161,0.04);
}
#ec-admin-elite-shell .ec-as-principle .ic{
  width:26px;
  height:26px;
  border-radius:7px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  color:#FF8FA6;
  background:rgba(255,85,119,0.10);
  border:1px solid rgba(255,85,119,0.25);
}
#ec-admin-elite-shell .ec-as-principle.ok .ic{
  color:#6DEFC2;
  background:rgba(42,227,161,0.10);
  border-color:rgba(42,227,161,0.30);
}
#ec-admin-elite-shell .ec-as-footer-note{
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(56,227,255,0.22);
  background:linear-gradient(180deg, rgba(56,227,255,0.07), rgba(155,123,255,0.03));
  color:var(--ap-fg-1);
  font-size:13px;
}
@media (max-width:1400px){
  #ec-admin-elite-shell .ec-as-grid{ grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,300px); }
  #ec-admin-elite-shell .ec-as-actions-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:1200px){
  #ec-admin-elite-shell .ec-as-grid,
  #ec-admin-elite-shell .ec-as-key-grid{ grid-template-columns:1fr; }
  #ec-admin-elite-shell .ec-as-report-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px){
  #ec-admin-elite-shell .ec-as-key{ padding:22px 18px; }
  #ec-admin-elite-shell .ec-as-key-cards,
  #ec-admin-elite-shell .ec-as-principles,
  #ec-admin-elite-shell .ec-as-actions-grid,
  #ec-admin-elite-shell .ec-as-report-grid{ grid-template-columns:1fr; }
  #ec-admin-elite-shell .ec-as-toolbar{ align-items:stretch; }
  #ec-admin-elite-shell .ec-as-toolbar .ec-ap-btn{ width:100%; }
}
@media (max-width:980px){
  #ec-admin-elite-shell .ec-ap-search-trigger{ display:none; }
  #ec-admin-elite-shell .ec-ap-content{ padding:20px 24px 40px; }
}

/* ─── Style Block 10 (original lines 42590–42858) ─── */
#aura-fab{
  position:fixed;bottom:24px;right:24px;z-index:9997;
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#7c6af7 0%,#9333ea 50%,#00ffff 100%);
  background-size:200% 200%;
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:26px;color:#fff;
  box-shadow:0 0 30px rgba(124,106,247,0.5),0 0 80px rgba(0,255,255,0.15),0 8px 24px rgba(0,0,0,0.4);
  animation:auraFabPulse 4s ease-in-out infinite;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
  -webkit-tap-highlight-color:transparent;
}
#aura-fab:hover{transform:scale(1.08) rotate(8deg)}
#aura-fab:active{transform:scale(0.92)}
@keyframes auraFabPulse{
  0%,100%{background-position:0% 50%;box-shadow:0 0 30px rgba(124,106,247,0.5),0 0 80px rgba(0,255,255,0.15),0 8px 24px rgba(0,0,0,0.4)}
  50%{background-position:100% 50%;box-shadow:0 0 45px rgba(147,51,234,0.7),0 0 100px rgba(0,255,255,0.25),0 12px 32px rgba(0,0,0,0.5)}
}
#aura-fab::before{
  content:'';position:absolute;inset:-3px;border-radius:50%;
  background:conic-gradient(from 0deg,#00ffff,#7c6af7,#9333ea,#00ffff);
  z-index:-1;opacity:0;animation:auraFabSpin 3s linear infinite;filter:blur(8px);
}
#aura-fab:hover::before{opacity:.6}
@keyframes auraFabSpin{to{transform:rotate(360deg)}}

#aura-chat-window{
  position:fixed;bottom:94px;right:24px;z-index:9998;
  width:380px;max-width:calc(100vw - 32px);
  height:560px;max-height:calc(100vh - 120px);
  background:rgba(10,10,18,0.75);
  backdrop-filter:blur(30px) saturate(180%);
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(138,43,226,0.3);
  border-radius:20px;
  display:none;flex-direction:column;overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,0.6),0 0 40px rgba(138,43,226,0.2),inset 0 1px 0 rgba(255,255,255,0.06);
  transform-origin:bottom right;
  animation:auraChatOpen .35s cubic-bezier(.34,1.56,.64,1) forwards;
}
#aura-chat-window.aura-active{display:flex}
@keyframes auraChatOpen{
  from{opacity:0;transform:scale(.85) translateY(20px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
.aura-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;
  background:linear-gradient(180deg,rgba(124,106,247,0.15) 0%,rgba(138,43,226,0.05) 100%);
  border-bottom:0.5px solid rgba(138,43,226,0.2);
}
.aura-avatar-holo{
  width:44px;height:44px;position:relative;
  border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at center, rgba(0,255,255,0.15) 0%, rgba(124,106,247,0.08) 40%, transparent 70%);
  box-shadow:0 0 24px rgba(0,255,255,0.4), inset 0 0 20px rgba(124,106,247,0.2);
  animation:auraHoloFloat 3s ease-in-out infinite;
}
@keyframes auraHoloFloat{
  0%,100%{transform:translateY(0);box-shadow:0 0 24px rgba(0,255,255,0.4), inset 0 0 20px rgba(124,106,247,0.2)}
  50%{transform:translateY(-3px);box-shadow:0 4px 32px rgba(0,255,255,0.6), inset 0 0 28px rgba(124,106,247,0.3)}
}
.aura-avatar-holo canvas{
  width:100%;height:100%;display:block;
}
.aura-holo-scan{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(0,255,255,0.15) 48%,
    rgba(0,255,255,0.25) 50%,
    rgba(0,255,255,0.15) 52%,
    transparent 100%);
  background-size:100% 300%;
  animation:auraScanLine 3s linear infinite;
  mix-blend-mode:screen;
}
@keyframes auraScanLine{
  0%{background-position:0% 0%}
  100%{background-position:0% -300%}
}
.aura-avatar-holo::after{
  content:'';position:absolute;bottom:-1px;right:-1px;
  width:10px;height:10px;border-radius:50%;
  background:#00ff88;border:2px solid rgba(10,10,18,0.95);
  animation:auraStatusPulse 1.5s ease-in-out infinite;
  z-index:2;
}
@keyframes auraStatusPulse{0%,100%{opacity:1;box-shadow:0 0 8px #00ff88}50%{opacity:.5;box-shadow:0 0 4px #00ff88}}

/* Hologram thinking state - faster rotation */
.aura-avatar-holo.thinking{
  animation:auraHoloThink 0.8s ease-in-out infinite;
}
@keyframes auraHoloThink{
  0%,100%{box-shadow:0 0 24px rgba(0,255,255,0.6), inset 0 0 28px rgba(124,106,247,0.4)}
  50%{box-shadow:0 0 36px rgba(147,51,234,0.7), inset 0 0 36px rgba(0,255,255,0.5);transform:scale(1.06)}
}

/* Chat Window Materialize Effect */
#aura-chat-window.aura-materializing{
  animation:auraMaterialize .7s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes auraMaterialize{
  0%{opacity:0;transform:scale(.7) translateY(60px);filter:blur(8px) brightness(3)}
  40%{opacity:0.6;filter:blur(2px) brightness(1.8)}
  100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0) brightness(1)}
}

/* Light beam on materialization */
.aura-beam{
  position:absolute;left:0;right:0;bottom:-40px;
  height:0px;pointer-events:none;
  background:linear-gradient(to top,rgba(0,255,255,0.8),rgba(124,106,247,0.4),transparent);
  filter:blur(4px);z-index:-1;
}
.aura-name{
  font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#fff 0%,#c0c8ff 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  letter-spacing:-0.01em;
}
.aura-status{font-size:11px;color:#00ff88;font-family:'JetBrains Mono',monospace;letter-spacing:0.05em}
.aura-close{
  background:rgba(255,255,255,0.06);border:none;border-radius:8px;
  width:30px;height:30px;color:#a0a0c0;font-size:16px;cursor:pointer;
  transition:all .2s;display:flex;align-items:center;justify-content:center;
}
.aura-close:hover{background:rgba(255,71,87,0.15);color:#ff6b7a}

#aura-messages{
  flex:1;overflow-y:auto;padding:18px;
  display:flex;flex-direction:column;gap:14px;
  scrollbar-width:thin;scrollbar-color:rgba(124,106,247,0.3) transparent;
}
#aura-messages::-webkit-scrollbar{width:6px}
#aura-messages::-webkit-scrollbar-thumb{background:rgba(124,106,247,0.3);border-radius:3px}
.aura-msg{display:flex;gap:10px;align-items:flex-start;animation:auraMsgIn .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes auraMsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.aura-msg.user{flex-direction:row-reverse}
.aura-msg-icon{
  width:28px;height:28px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:13px;flex-shrink:0;
}
.aura-msg.ai .aura-msg-icon{background:linear-gradient(135deg,#7c6af7,#00ffff);box-shadow:0 0 12px rgba(124,106,247,0.4)}
.aura-msg.user .aura-msg-icon{background:rgba(255,255,255,0.08);border:0.5px solid rgba(255,255,255,0.12)}
.aura-msg-bubble{
  max-width:78%;padding:10px 14px;border-radius:14px;
  font-size:13px;line-height:1.6;font-family:'Poppins',sans-serif;
}
.aura-msg.ai .aura-msg-bubble{
  background:rgba(124,106,247,0.08);
  border:0.5px solid rgba(124,106,247,0.2);
  color:#e8e8f2;border-top-left-radius:4px;
}
.aura-msg.user .aura-msg-bubble{
  background:linear-gradient(135deg,#7c6af7,#9333ea);
  color:#fff;border-top-right-radius:4px;
  box-shadow:0 4px 12px rgba(124,106,247,0.3);
}
.aura-typing{display:flex;gap:4px;padding:10px 14px;align-items:center;max-width:100%;overflow:hidden}
.aura-typing-label{
  font-size:11px;font-style:italic;color:#9b8fff;opacity:.75;
  font-family:'Poppins',sans-serif;
  margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:calc(100% - 40px);
}
.aura-typing span{
  width:6px;height:6px;border-radius:50%;background:#9b8fff;flex-shrink:0;
  animation:auraTypeBounce 1.2s ease-in-out infinite;
}
.aura-typing span:nth-child(2){animation-delay:.15s}
.aura-typing span:nth-child(3){animation-delay:.3s}
@keyframes auraTypeBounce{0%,100%{opacity:0.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}

.aura-input-area{
  padding:14px 16px;border-top:0.5px solid rgba(138,43,226,0.15);
  background:rgba(10,10,18,0.5);
}
.aura-quick-replies{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.aura-quick{
  background:rgba(124,106,247,0.08);border:0.5px solid rgba(124,106,247,0.2);
  color:#9b8fff;border-radius:14px;padding:5px 12px;
  font-size:11px;cursor:pointer;transition:all .2s;
  font-family:'Poppins',sans-serif;white-space:nowrap;
}
.aura-quick:hover{background:rgba(124,106,247,0.2);color:#c0c8ff}
.aura-input-wrap{display:flex;gap:8px;align-items:flex-end}
#aura-input{
  flex:1;background:rgba(0,0,0,0.3);border:0.5px solid rgba(138,43,226,0.2);
  color:#e8e8f2;border-radius:12px;padding:10px 14px;
  font-family:'Poppins',sans-serif;font-size:13px;resize:none;outline:none;
  min-height:40px;max-height:100px;transition:border-color .2s;
}
#aura-input:focus{border-color:rgba(138,43,226,0.5)}
#aura-send{
  background:linear-gradient(135deg,#7c6af7,#9333ea);
  border:none;border-radius:12px;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#fff;font-size:16px;transition:transform .2s;
  box-shadow:0 4px 12px rgba(124,106,247,0.3);flex-shrink:0;
}
#aura-send:hover{transform:scale(1.08)}
#aura-send:active{transform:scale(0.92)}
.aura-footer-note{
  font-size:10px;color:rgba(160,160,192,0.6);text-align:center;margin-top:8px;
  font-family:'JetBrains Mono',monospace;
}

@media(max-width:500px){
  #aura-fab{bottom:20px;right:20px;width:52px;height:52px;font-size:22px}
  #aura-chat-window{bottom:80px;right:12px;left:12px;width:auto;height:min(520px,70vh)}
}

/* ─── Aura Local Ticket Draft Panel (Phase 1, in-memory only) ─── */
#aura-draft-panel{
  display:none;
  margin:8px 14px 0;
  padding:12px 12px 10px;
  border:1px solid rgba(0,255,255,0.18);
  border-radius:10px;
  background:rgba(8,12,22,0.7);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:#cfd6ee;
  box-shadow:0 0 18px rgba(0,255,255,0.04) inset;
  max-height:40vh;
  overflow-y:auto;
}
.aura-safety-hints{
  display:flex;gap:6px;flex-wrap:wrap;margin:6px 14px 0;
  font-size:9px;color:rgba(160,160,192,0.75);font-family:'JetBrains Mono',monospace;
}
.aura-safety-hints .hint{
  padding:2px 7px;border-radius:6px;
  background:rgba(0,255,255,0.04);border:1px solid rgba(0,255,255,0.1);
  white-space:nowrap;
}
@media(max-width:500px){
  #aura-draft-panel{max-height:32vh;margin:6px 10px 0;font-size:10.5px;padding:10px}
  .aura-safety-hints{margin:6px 10px 0;font-size:8.5px}
  .aura-safety-hints .hint{padding:2px 5px}
}
#aura-draft-panel.aura-draft-visible{display:block}
.aura-draft-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.aura-draft-title{font-weight:600;color:#00ffff;letter-spacing:.3px}
.aura-draft-close{background:none;border:none;color:rgba(160,160,192,0.7);cursor:pointer;font-size:14px;padding:2px 6px;line-height:1}
.aura-draft-close:hover{color:#ff5577}
.aura-draft-chips{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.aura-draft-chip{padding:2px 8px;border-radius:999px;font-size:10px;border:1px solid rgba(0,255,255,0.25);background:rgba(0,255,255,0.06);color:#9be9ff;text-transform:uppercase;letter-spacing:.5px}
.aura-draft-chip.risk-CRITICAL{color:#ffb3b3;border-color:rgba(255,80,80,0.45);background:rgba(255,80,80,0.08)}
.aura-draft-chip.risk-HIGH{color:#ffd9a0;border-color:rgba(255,180,80,0.45);background:rgba(255,180,80,0.07)}
.aura-draft-chip.risk-NORMAL{color:#aedfff;border-color:rgba(0,180,255,0.4);background:rgba(0,180,255,0.06)}
.aura-draft-chip.risk-LOW,
.aura-draft-chip.risk-INFO{color:#a0b4d0;border-color:rgba(160,180,210,0.25);background:rgba(160,180,210,0.04)}
.aura-draft-section{margin:6px 0}
.aura-draft-label{color:rgba(160,160,192,0.7);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.aura-draft-summary{color:#e3e8f5;line-height:1.4;word-break:break-word}
.aura-draft-list{margin:2px 0 0 14px;padding:0;color:#cfd6ee}
.aura-draft-list li{margin:1px 0;list-style:disc}
.aura-draft-state{display:flex;gap:12px;font-size:10px;color:rgba(160,160,192,0.85);margin-top:4px;flex-wrap:wrap}
.aura-draft-state b{color:#9be9ff;font-weight:600}
.aura-draft-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.aura-draft-btn{flex:1;min-width:140px;padding:8px 10px;border-radius:8px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.3px;border:1px solid rgba(0,255,255,0.3);background:rgba(0,255,255,0.08);color:#9be9ff;transition:all .15s ease}
.aura-draft-btn:hover{background:rgba(0,255,255,0.14);color:#fff}
.aura-draft-btn[disabled]{cursor:not-allowed;opacity:.55;background:rgba(120,120,140,0.08);color:rgba(160,160,192,0.6);border-color:rgba(120,120,140,0.25)}
.aura-draft-safety{margin-top:8px;padding:6px 8px;border-radius:6px;background:rgba(255,180,80,0.06);border:1px solid rgba(255,180,80,0.18);color:#f0d8a0;font-size:10px;line-height:1.4}

/* ─── Style Block 11 [style id="cyber-dark-postlogin-theme"] (original lines 44643–45389) ─── */
/* ── Design tokens (scoped, additive — no break on existing vars) ── */
:root {
  --ec-neon: 55;
  --ec-bg-0: #060612;
  --ec-bg-1: #0b0b1c;
  --ec-bg-2: #12122a;
  --ec-bg-3: rgba(18,18,38,0.6);
  --ec-ink-0: #f4f3ff;
  --ec-ink-1: #c8c6e7;
  --ec-ink-2: #8a88b0;
  --ec-ink-3: #5a587a;
  --ec-line: rgba(138,136,176,0.12);
  --ec-line-strong: rgba(138,136,176,0.22);
  --ec-violet: #8a5bff;
  --ec-violet-glow: #a484ff;
  --ec-acid: #7affb0;
  --ec-cyan: #6beaff;
  --ec-magenta: #ff6bd0;
  --ec-amber: #ffb84a;
  --ec-red: #ff5a6a;
  --ec-font-sans: 'Space Grotesk','Poppins',ui-sans-serif,system-ui,sans-serif;
  --ec-font-mono: 'JetBrains Mono',ui-monospace,Menlo,monospace;
}

/* ── Ambient cyber grid — only under post-login screens ── */
#rooms-screen.screen.active::before,
#chat-screen.screen.active::before,
#vault-screen.screen.active::before {
  content:'';
  position: fixed; inset: 0;
  background-image:
    linear-gradient(rgba(138,136,176,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(138,136,176,0.05) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 75%);
          mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 75%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.6;
}
/* Violet + cyan glow veils */
#rooms-screen.screen.active,
#chat-screen.screen.active,
#vault-screen.screen.active {
  background:
    radial-gradient(ellipse at 20% -10%, rgba(138,91,255,0.18), transparent 55%),
    radial-gradient(ellipse at 95% 90%, rgba(107,234,255,0.08), transparent 50%),
    var(--ec-bg-0) !important;
  color: var(--ec-ink-0);
  font-family: var(--ec-font-sans);
  letter-spacing: -0.005em;
}

/* Keep room/chat/vault content above ambient layer */
#rooms-screen.screen.active > *,
#chat-screen.screen.active > *,
#vault-screen.screen.active > * { position: relative; z-index: 1; }

/* ══════════════════════════════════════════════════════════════════
   TOP BARS (rooms + chat + vault)
══════════════════════════════════════════════════════════════════ */
#rooms-screen .top-bar,
#vault-screen .top-bar,
#chat-screen .chat-top-bar {
  background: linear-gradient(180deg, rgba(20,20,42,0.72), rgba(12,12,28,0.78)) !important;
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  border-bottom: 1px solid var(--ec-line) !important;
  padding: 16px 22px;
}
#rooms-screen .top-bar-title,
#vault-screen .top-bar-title {
  font: 600 20px/1 var(--ec-font-sans);
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--ec-violet-glow), var(--ec-cyan));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Icon buttons in top-bars */
#rooms-screen .icon-btn,
#vault-screen .icon-btn,
#chat-screen .icon-btn {
  width: 38px; height: 38px;
  border-radius: 11px;
  border: 1px solid var(--ec-line);
  background: rgba(18,18,38,0.5);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: all 180ms ease;
  font-size: 15px;
  color: var(--ec-ink-1);
}
#rooms-screen .icon-btn:hover,
#vault-screen .icon-btn:hover,
#chat-screen .icon-btn:hover {
  border-color: rgba(164,132,255,0.35);
  background: rgba(138,91,255,0.1);
  color: var(--ec-violet-glow);
  transform: translateY(-1px);
}

/* User badge (rooms top-bar) */
#rooms-screen .user-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 4px 12px 4px 4px;
  border-radius: 999px;
  background: rgba(18,18,38,0.55);
  border: 1px solid var(--ec-line);
  transition: all 180ms ease;
}
#rooms-screen .user-badge:hover {
  border-color: rgba(164,132,255,0.4);
  box-shadow: 0 0 calc(16px * var(--ec-neon)/100) rgba(138,91,255,0.25);
}
#rooms-screen .user-badge .avatar {
  width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center;
  font: 600 13px/1 var(--ec-font-mono);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.1);
}
#rooms-screen .user-badge #user-display {
  font: 500 13px/1 var(--ec-font-sans);
  color: var(--ec-ink-1);
}

/* ══════════════════════════════════════════════════════════════════
   ROOMS LIST
══════════════════════════════════════════════════════════════════ */
#rooms-screen .rooms-list {
  padding: 20px;
  display: flex; flex-direction: column; gap: 10px;
}
#rooms-screen.screen.active .room-item {
  background: linear-gradient(180deg, rgba(20,20,42,0.6), rgba(12,12,28,0.65)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--ec-line) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  display: flex; align-items: center; gap: 14px;
  cursor: pointer;
  transition: all 200ms cubic-bezier(.16,1,.3,1);
  position: relative;
  overflow: hidden;
}
#rooms-screen.screen.active .room-item::before {
  content:''; position: absolute; inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(138,91,255,0.35), rgba(138,91,255,0) 30%, rgba(122,255,176,0.25));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: opacity 200ms;
  pointer-events: none;
}
#rooms-screen.screen.active .room-item:hover {
  transform: translateY(-1px);
  border-color: rgba(164,132,255,0.35) !important;
  background: linear-gradient(180deg, rgba(26,26,52,0.75), rgba(16,16,36,0.8)) !important;
  box-shadow: 0 10px 40px -10px rgba(138,91,255,0.25),
              0 0 calc(28px * var(--ec-neon)/100) rgba(138,91,255,0.18);
}
#rooms-screen.screen.active .room-item:hover::before { opacity: calc(var(--ec-neon) / 100); }
#rooms-screen.screen.active .room-item:active {
  transform: translateY(0) scale(0.99);
}
#rooms-screen.screen.active .room-item .room-icon,
#rooms-screen.screen.active .room-item .avatar {
  width: 46px !important; height: 46px !important;
  border-radius: 13px !important;
  display: grid !important; place-items: center;
  font-size: 22px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(138,91,255,0.2), rgba(107,234,255,0.08)) !important;
}
#rooms-screen.screen.active .room-item .room-name {
  font: 600 15px/1.2 var(--ec-font-sans) !important;
  color: var(--ec-ink-0) !important;
  letter-spacing: -0.01em;
}
#rooms-screen.screen.active .room-item .room-last,
#rooms-screen.screen.active .room-item .room-sub {
  font: 400 12px/1.4 var(--ec-font-sans) !important;
  color: var(--ec-ink-2) !important;
  margin-top: 4px;
}
#rooms-screen.screen.active .room-item .room-time {
  font: 500 10.5px/1 var(--ec-font-mono) !important;
  color: var(--ec-ink-3) !important;
  letter-spacing: 0.04em;
}

/* Empty state */
#rooms-screen .rooms-list:empty::after {
  content: 'Noch keine Räume · Tippe + um zu starten';
  display: block;
  text-align: center;
  padding: 80px 20px;
  color: var(--ec-ink-3);
  font: 400 13px/1.6 var(--ec-font-sans);
  letter-spacing: 0.02em;
}

/* Scrollbars in rooms list */
#rooms-screen .rooms-list::-webkit-scrollbar-thumb {
  background: rgba(164,132,255,0.22) !important;
  border-radius: 10px;
}

/* ══════════════════════════════════════════════════════════════════
   FAB (floating action button)
══════════════════════════════════════════════════════════════════ */
#rooms-screen .fab,
#chat-screen .fab {
  background: linear-gradient(135deg, var(--ec-violet) 0%, #b77bff 100%) !important;
  border: 1px solid rgba(180,160,255,0.4) !important;
  box-shadow: 0 0 0 1px rgba(180,160,255,0.2),
              0 12px 32px -8px rgba(138,91,255,0.6),
              0 0 calc(30px * var(--ec-neon)/100) rgba(138,91,255,0.35) !important;
  color: #fff !important;
  font-weight: 600;
  transition: all 200ms ease;
}
#rooms-screen .fab:hover,
#chat-screen .fab:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 0 0 1px rgba(180,160,255,0.3),
              0 16px 40px -8px rgba(138,91,255,0.7),
              0 0 calc(40px * var(--ec-neon)/100) rgba(138,91,255,0.5) !important;
}

/* ══════════════════════════════════════════════════════════════════
   CHAT SCREEN — header, bubbles, compose
══════════════════════════════════════════════════════════════════ */
#chat-screen .chat-top-bar {
  display: flex; align-items: center; gap: 12px;
}
#chat-screen .back-btn {
  width: 38px; height: 38px;
  border-radius: 11px;
  border: 1px solid var(--ec-line);
  background: rgba(18,18,38,0.5);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  color: var(--ec-ink-1);
  font-size: 18px;
  transition: all 180ms ease;
}
#chat-screen .back-btn:hover {
  border-color: rgba(164,132,255,0.35);
  background: rgba(138,91,255,0.1);
  color: var(--ec-violet-glow);
}
#chat-screen #chat-room-icon {
  width: 42px !important; height: 42px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(138,91,255,0.25), rgba(107,234,255,0.1)) !important;
  border: 1px solid rgba(164,132,255,0.25) !important;
}
#chat-screen .chat-room-name {
  font: 600 16px/1.2 var(--ec-font-sans) !important;
  color: var(--ec-ink-0) !important;
  letter-spacing: -0.01em;
}
#chat-screen .chat-room-sub {
  font: 500 10.5px/1 var(--ec-font-mono) !important;
  color: var(--ec-acid) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 4px;
  display: inline-flex; align-items: center; gap: 6px;
}
#chat-screen .chat-room-sub::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: var(--ec-acid);
  box-shadow: 0 0 calc(8px * var(--ec-neon)/100) var(--ec-acid);
  display: inline-block;
}
#chat-screen .expire-timer {
  font: 500 11px/1 var(--ec-font-mono) !important;
  color: var(--ec-violet-glow) !important;
  letter-spacing: 0.08em;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(138,91,255,0.08);
  border: 1px solid rgba(164,132,255,0.22);
}

/* Encryption indicator bar */
#chat-screen .enc-indicator,
#chat-screen #onion-bar {
  background: linear-gradient(90deg, rgba(122,255,176,0.08), rgba(107,234,255,0.06)) !important;
  border-bottom: 1px solid rgba(122,255,176,0.15) !important;
  color: var(--ec-acid) !important;
  font: 500 11px/1 var(--ec-font-mono) !important;
  letter-spacing: 0.06em;
  padding: 8px 18px;
  display: flex; align-items: center; gap: 8px;
}
#chat-screen .pulse-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--ec-acid) !important;
  box-shadow: 0 0 calc(10px * var(--ec-neon)/100) var(--ec-acid);
  animation: ec-pulse-glow 2s ease-in-out infinite;
}
@keyframes ec-pulse-glow {
  0%,100% { opacity: 0.55; transform: scale(1); }
  50%     { opacity: 1;    transform: scale(1.2); }
}

/* Message bubbles — generic selectors that will catch existing markup */
#chat-screen .msg-bubble,
#chat-screen .message-bubble,
#chat-screen .chat-msg-card,
#chat-screen .msg {
  background: rgba(22,22,46,0.6) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 14px !important;
  color: var(--ec-ink-0) !important;
  font: 400 13.5px/1.55 var(--ec-font-sans) !important;
  padding: 10px 14px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px -8px rgba(0,0,0,0.4);
}
/* Outgoing (me) — various possible classes in your app */
#chat-screen .msg.me,
#chat-screen .msg-bubble.me,
#chat-screen .msg-bubble.outgoing,
#chat-screen .msg-bubble.sent,
#chat-screen .message-bubble.me,
#chat-screen .message-bubble.outgoing,
#chat-screen .chat-msg-card.me,
#chat-screen .chat-msg-card.outgoing {
  background: linear-gradient(135deg, rgba(138,91,255,0.28), rgba(107,234,255,0.18)) !important;
  border-color: rgba(164,132,255,0.3) !important;
  box-shadow: 0 4px 20px -8px rgba(138,91,255,0.4),
              0 0 calc(20px * var(--ec-neon)/100) rgba(138,91,255,0.2);
}
/* Burn-on-read */
#chat-screen .msg.burn,
#chat-screen .msg-bubble.burn,
#chat-screen .message-bubble.burn,
#chat-screen .chat-msg-card.burn {
  background: linear-gradient(135deg, rgba(255,138,122,0.14), rgba(22,22,46,0.5)) !important;
  border-color: rgba(255,138,122,0.28) !important;
}
/* Timestamp / meta */
#chat-screen .msg-time,
#chat-screen .msg-meta,
#chat-screen .bubble-foot,
#chat-screen .message-time {
  font: 400 10px/1 var(--ec-font-mono) !important;
  color: var(--ec-ink-3) !important;
  letter-spacing: 0.04em;
  margin-top: 6px !important;
}

/* Compose bar (selectors forgiving of your markup) */
#chat-screen .compose,
#chat-screen .chat-compose,
#chat-screen .chat-input,
#chat-screen .chat-bottom {
  background: linear-gradient(180deg, rgba(10,10,24,0.6), rgba(10,10,24,0.8)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid var(--ec-line) !important;
  padding: 14px 18px !important;
}
#chat-screen .compose input,
#chat-screen .compose textarea,
#chat-screen .chat-compose input,
#chat-screen .chat-input input,
#chat-screen .chat-input textarea,
#chat-screen #msg-input,
#chat-screen #message-input {
  background: rgba(18,18,38,0.65) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 999px !important;
  padding: 11px 18px !important;
  color: var(--ec-ink-0) !important;
  font: 400 13.5px/1.3 var(--ec-font-sans) !important;
  outline: 0 !important;
  transition: all 180ms ease;
}
#chat-screen .compose input:focus,
#chat-screen .compose textarea:focus,
#chat-screen .chat-compose input:focus,
#chat-screen #msg-input:focus,
#chat-screen #message-input:focus {
  border-color: rgba(164,132,255,0.45) !important;
  box-shadow: 0 0 0 3px rgba(138,91,255,0.08) !important;
}
#chat-screen .send-btn,
#chat-screen #send-btn,
#chat-screen button.send {
  background: linear-gradient(90deg, #7a48ff, #b77bff) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font: 600 13px/1 var(--ec-font-sans) !important;
  padding: 10px 18px !important;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(180,160,255,0.25),
              0 10px 28px -10px rgba(138,91,255,0.55);
  transition: all 180ms ease;
}
#chat-screen .send-btn:hover,
#chat-screen #send-btn:hover,
#chat-screen button.send:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(180,160,255,0.35),
              0 14px 32px -10px rgba(138,91,255,0.7);
}

/* ══════════════════════════════════════════════════════════════════
   VAULT SCREEN
══════════════════════════════════════════════════════════════════ */
#vault-screen #vault-quota-display {
  font-family: var(--ec-font-mono) !important;
  color: var(--ec-violet-glow) !important;
  letter-spacing: 0.08em;
}

/* Tab bar */
#vault-screen #vault-tab-files,
#vault-screen #vault-tab-passwords,
#vault-screen #vault-tab-notes {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--ec-ink-2) !important;
  font: 500 13px/1 var(--ec-font-sans) !important;
  padding: 14px !important;
  transition: all 180ms ease;
}
#vault-screen #vault-tab-files[style*="--accent"],
#vault-screen #vault-tab-files[onclick*="files"]:not([style*="color:var(--text2)"]),
#vault-screen button[id^="vault-tab-"][style*="color:var(--accent)"] {
  color: var(--ec-violet-glow) !important;
  border-bottom-color: var(--ec-violet-glow) !important;
  text-shadow: 0 0 calc(8px * var(--ec-neon)/100) rgba(138,91,255,0.4);
}

/* Storage bar */
#vault-screen #vault-storage-bar {
  background: linear-gradient(90deg, var(--ec-cyan), var(--ec-violet-glow), var(--ec-magenta)) !important;
  box-shadow: 0 0 calc(12px * var(--ec-neon)/100) rgba(138,91,255,0.4);
}
#vault-screen #vault-storage-text {
  font-family: var(--ec-font-mono) !important;
  color: var(--ec-ink-2) !important;
  letter-spacing: 0.04em;
  font-size: 11px !important;
}

/* Filter pills */
#vault-screen [id^="vault-filter-"] {
  font: 500 11.5px/1 var(--ec-font-sans) !important;
  letter-spacing: 0.02em;
  transition: all 180ms ease;
}
#vault-screen [id^="vault-filter-"]:hover {
  transform: translateY(-1px);
}

/* Vault file grid — card look */
#vault-screen #vault-files-grid > * {
  background: linear-gradient(180deg, rgba(20,20,42,0.6), rgba(12,12,28,0.7)) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 14px !important;
  transition: all 200ms cubic-bezier(.16,1,.3,1);
  overflow: hidden;
  position: relative;
}
#vault-screen #vault-files-grid > *:hover {
  transform: translateY(-2px);
  border-color: rgba(164,132,255,0.35) !important;
  box-shadow: 0 10px 30px -10px rgba(138,91,255,0.3),
              0 0 calc(20px * var(--ec-neon)/100) rgba(138,91,255,0.15);
}

/* Vault passwords + notes list items */
#vault-screen #vault-passwords-list > *,
#vault-screen #vault-notes-list > * {
  background: linear-gradient(180deg, rgba(20,20,42,0.6), rgba(12,12,28,0.7)) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  transition: all 180ms ease;
}
#vault-screen #vault-passwords-list > *:hover,
#vault-screen #vault-notes-list > *:hover {
  border-color: rgba(164,132,255,0.3) !important;
  background: linear-gradient(180deg, rgba(26,26,52,0.75), rgba(16,16,36,0.8)) !important;
  transform: translateY(-1px);
}

/* Vault empty states */
#vault-screen [id$="-empty"] {
  color: var(--ec-ink-3) !important;
  font: 400 13px/1.6 var(--ec-font-sans) !important;
}

/* ══════════════════════════════════════════════════════════════════
   SETTINGS MODAL — Cyber-Dark treatment
══════════════════════════════════════════════════════════════════ */
#settings-modal.active .modal,
#settings-modal.active > div {
  background: linear-gradient(180deg, rgba(20,20,42,0.92), rgba(12,12,28,0.96)) !important;
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid var(--ec-line-strong) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6),
              0 0 60px rgba(138,91,255,0.15) !important;
  color: var(--ec-ink-0);
}
#settings-modal h1,
#settings-modal h2,
#settings-modal h3 {
  font-family: var(--ec-font-sans);
  letter-spacing: -0.01em;
  color: var(--ec-ink-0);
}
#settings-modal .setting-label,
#settings-modal label {
  color: var(--ec-ink-0) !important;
}
#settings-modal .setting-desc,
#settings-modal .muted,
#settings-modal .hint {
  color: var(--ec-ink-2) !important;
  font-size: 12.5px;
}

/* Toggle switches in settings */
#settings-modal .switch,
#settings-modal .toggle-switch {
  width: 42px !important; height: 24px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--ec-line) !important;
  position: relative;
  cursor: pointer;
  transition: all 200ms ease;
}
#settings-modal .switch::after,
#settings-modal .toggle-switch::after {
  content: ''; position: absolute; top: 2px; left: 2px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--ec-ink-1);
  transition: all 200ms ease;
}
#settings-modal .switch.on,
#settings-modal .switch.active,
#settings-modal .toggle-switch.on,
#settings-modal .toggle-switch.active {
  background: rgba(122,255,176,0.18) !important;
  border-color: rgba(122,255,176,0.4) !important;
}
#settings-modal .switch.on::after,
#settings-modal .switch.active::after,
#settings-modal .toggle-switch.on::after,
#settings-modal .toggle-switch.active::after {
  left: 20px;
  background: var(--ec-acid);
  box-shadow: 0 0 10px rgba(122,255,176,0.6);
}

/* Theme cards */
#settings-modal .theme-card,
#settings-modal [onclick*="setTheme"],
#settings-modal [data-theme] {
  background: linear-gradient(180deg, rgba(18,18,38,0.7), rgba(12,12,28,0.8)) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 16px !important;
  transition: all 200ms ease;
  padding: 16px !important;
}
#settings-modal .theme-card:hover,
#settings-modal [onclick*="setTheme"]:hover {
  transform: translateY(-2px);
  border-color: rgba(164,132,255,0.35) !important;
  box-shadow: 0 10px 28px -10px rgba(138,91,255,0.3);
}
#settings-modal .theme-card.active,
#settings-modal .theme-card.selected {
  border-color: rgba(164,132,255,0.55) !important;
  background: linear-gradient(180deg, rgba(26,26,52,0.85), rgba(18,18,38,0.9)) !important;
  box-shadow: 0 0 0 1px rgba(164,132,255,0.3),
              0 0 calc(28px * var(--ec-neon)/100) rgba(138,91,255,0.25) !important;
}

/* Settings buttons */
#settings-modal button,
#settings-modal .btn {
  font-family: var(--ec-font-sans);
  letter-spacing: 0.01em;
  transition: all 180ms ease;
}
#settings-modal .btn-primary,
#settings-modal button.primary {
  background: linear-gradient(90deg, #7a48ff, #b77bff) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(180,160,255,0.25),
              0 10px 28px -10px rgba(138,91,255,0.55) !important;
}
#settings-modal .btn-danger,
#settings-modal button.danger {
  background: rgba(255,90,106,0.08) !important;
  border: 1px solid rgba(255,90,106,0.3) !important;
  color: #ffc0c4 !important;
}

/* Security info box */
#settings-modal .security-box,
#settings-modal [class*="crypto"],
#settings-modal [class*="encryption"] {
  background: rgba(122,255,176,0.04) !important;
  border: 1px solid rgba(122,255,176,0.18) !important;
  border-radius: 14px !important;
  font-family: var(--ec-font-mono);
  color: var(--ec-acid);
  padding: 14px 16px;
  letter-spacing: 0.02em;
}

/* Profile color picker modal */
#profile-color-modal.active .modal,
#profile-color-modal.active > div {
  background: linear-gradient(180deg, rgba(20,20,42,0.94), rgba(12,12,28,0.97)) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--ec-line-strong) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.7),
              0 0 40px rgba(138,91,255,0.2) !important;
}

/* ══════════════════════════════════════════════════════════════════
   CHIPS + STATUS DOTS (rooms, chat, vault)
   Makes your existing small tags feel consistent
══════════════════════════════════════════════════════════════════ */
#rooms-screen .chip,
#chat-screen .chip,
#vault-screen .chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font: 500 10.5px/1 var(--ec-font-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ec-ink-1);
  border: 1px solid var(--ec-line);
  background: rgba(255,255,255,0.02);
}

/* ══════════════════════════════════════════════════════════════════
   LEGAL FOOTER (if visible on post-login)
══════════════════════════════════════════════════════════════════ */
body.ec-chat-open .legal-footer,
#rooms-screen.screen.active ~ .legal-footer,
.legal-footer {
  color: var(--ec-ink-3);
  font: 300 11px/1 var(--ec-font-sans);
  letter-spacing: 0.06em;
}
.legal-footer a { color: var(--ec-violet-glow); }

/* ══════════════════════════════════════════════════════════════════
   SCROLLBARS in all post-login containers
══════════════════════════════════════════════════════════════════ */
#rooms-screen ::-webkit-scrollbar,
#chat-screen ::-webkit-scrollbar,
#vault-screen ::-webkit-scrollbar {
  width: 8px; height: 8px;
}
#rooms-screen ::-webkit-scrollbar-thumb,
#chat-screen ::-webkit-scrollbar-thumb,
#vault-screen ::-webkit-scrollbar-thumb {
  background: rgba(164,132,255,0.22);
  border-radius: 10px;
}
#rooms-screen ::-webkit-scrollbar-thumb:hover,
#chat-screen ::-webkit-scrollbar-thumb:hover,
#vault-screen ::-webkit-scrollbar-thumb:hover {
  background: rgba(164,132,255,0.4);
}

/* ══════════════════════════════════════════════════════════════════
   SAFE-AREA + VIEWPORT (Capacitor / notch)
══════════════════════════════════════════════════════════════════ */
@supports (padding: max(0px)) {
  #rooms-screen .top-bar,
  #vault-screen .top-bar,
  #chat-screen .chat-top-bar {
    padding-top: max(16px, env(safe-area-inset-top));
    padding-left: max(22px, env(safe-area-inset-left));
    padding-right: max(22px, env(safe-area-inset-right));
  }
  #chat-screen .compose,
  #chat-screen .chat-compose,
  #chat-screen .chat-input,
  #chat-screen .chat-bottom {
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }
}

/* ══════════════════════════════════════════════════════════════════
   REDUCED MOTION
══════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  #rooms-screen *,
  #chat-screen *,
  #vault-screen * {
    animation: none !important;
    transition: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   MOBILE TWEAKS
══════════════════════════════════════════════════════════════════ */
@media (max-width: 560px) {
  #rooms-screen .rooms-list { padding: 14px; gap: 8px; }
  #rooms-screen.screen.active .room-item { padding: 12px 14px !important; border-radius: 14px !important; }
  #rooms-screen.screen.active .room-item .room-icon,
  #rooms-screen.screen.active .room-item .avatar { width: 42px !important; height: 42px !important; font-size: 20px !important; }
  #rooms-screen .top-bar,
  #vault-screen .top-bar,
  #chat-screen .chat-top-bar { padding: 12px 16px; }
  #rooms-screen .top-bar-title,
  #vault-screen .top-bar-title { font-size: 17px; }
  #rooms-screen .icon-btn,
  #chat-screen .icon-btn,
  #vault-screen .icon-btn { width: 34px; height: 34px; font-size: 14px; }
}

/* ─── Style Block 12 [style id="cyber-dark-postlogin-refine"] (original lines 45392–45615) ─── */
/* ── feature-row in settings (Self-Destruct, Screenshot, Blur, PIN-Lock) ── */
#settings-modal .feature-row {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 16px !important;
  margin: 6px 0 !important;
  background: linear-gradient(180deg, rgba(20,20,42,0.55), rgba(12,12,28,0.65)) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 14px !important;
  transition: all 180ms ease;
}
#settings-modal .feature-row:hover {
  border-color: rgba(164,132,255,0.28) !important;
  background: linear-gradient(180deg, rgba(24,24,48,0.7), rgba(14,14,32,0.75)) !important;
}
#settings-modal .feature-row > div:first-child > div:first-child {
  color: var(--ec-ink-0) !important;
  font-family: var(--ec-font-sans) !important;
  letter-spacing: -0.005em;
}
#settings-modal .feature-row > div:first-child > div:last-child {
  color: var(--ec-ink-2) !important;
}

/* ── .toggle (pill toggle used by toggle-destruct/screenshot/blur/pin) ── */
#settings-modal .toggle {
  width: 44px !important; height: 24px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--ec-line) !important;
  position: relative;
  cursor: pointer;
  transition: all 220ms ease;
  flex-shrink: 0;
}
#settings-modal .toggle::after {
  content: ''; position: absolute; top: 2px; left: 2px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--ec-ink-1);
  transition: all 220ms cubic-bezier(.16,1,.3,1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
#settings-modal .toggle.active,
#settings-modal .toggle.on {
  background: linear-gradient(90deg, rgba(122,255,176,0.22), rgba(107,234,255,0.18)) !important;
  border-color: rgba(122,255,176,0.45) !important;
}
#settings-modal .toggle.active::after,
#settings-modal .toggle.on::after {
  left: 22px;
  background: var(--ec-acid);
  box-shadow: 0 0 12px rgba(122,255,176,0.7),
              0 2px 6px rgba(0,0,0,0.3);
}

/* ── modal title + handle ── */
#settings-modal .modal-title,
#profile-modal .modal-title,
#profile-color-modal .modal-title,
#notes-modal .modal-title {
  font: 600 18px/1.2 var(--ec-font-sans) !important;
  letter-spacing: -0.015em !important;
  color: var(--ec-ink-0) !important;
  background: linear-gradient(135deg, var(--ec-violet-glow) 0%, var(--ec-cyan) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--ec-line);
  margin-bottom: 12px !important;
}
#settings-modal .modal-handle,
#profile-modal .modal-handle,
#profile-color-modal .modal-handle,
#notes-modal .modal-handle {
  width: 40px; height: 4px;
  background: rgba(164,132,255,0.35) !important;
  border-radius: 2px;
  margin: 0 auto 14px;
  box-shadow: 0 0 calc(8px * var(--ec-neon)/100) rgba(164,132,255,0.4);
}

/* ── Section eyebrow labels (🎨 Design & Farben, 🔐 Sicherheit) ── */
#settings-modal > .modal > div > div[style*="text-transform:uppercase"],
#settings-modal > .modal > div[style*="text-transform:uppercase"] {
  color: var(--ec-violet-glow) !important;
  font-family: var(--ec-font-mono) !important;
  letter-spacing: 0.18em !important;
  opacity: 0.85;
  text-shadow: 0 0 calc(6px * var(--ec-neon)/100) rgba(138,91,255,0.3);
}

/* ── Theme-cards override (the inline-styled theme previews) ── */
#settings-modal .theme-card {
  border-width: 1px !important;
  border-color: var(--ec-line-strong) !important;
  transition: all 220ms cubic-bezier(.16,1,.3,1) !important;
  box-shadow: 0 4px 16px -8px rgba(0,0,0,0.5);
}
#settings-modal .theme-card:hover {
  transform: translateY(-2px) scale(1.02) !important;
  border-color: rgba(164,132,255,0.5) !important;
  box-shadow: 0 12px 32px -10px rgba(138,91,255,0.4),
              0 0 calc(28px * var(--ec-neon)/100) rgba(138,91,255,0.25) !important;
}
#settings-modal .theme-card.selected,
#settings-modal .theme-card.active {
  border-color: var(--ec-violet-glow) !important;
  border-width: 2px !important;
  box-shadow: 0 0 0 1px rgba(164,132,255,0.4),
              0 0 calc(36px * var(--ec-neon)/100) rgba(138,91,255,0.35) !important;
}

/* ── Button.secondary — used throughout settings (Profil, Notizen, QR, Sitzungen) ── */
#settings-modal .btn.secondary,
#profile-modal .btn.secondary,
#profile-color-modal .btn.secondary,
#notes-modal .btn.secondary {
  background: rgba(18,18,38,0.6) !important;
  border: 1px solid var(--ec-line-strong) !important;
  color: var(--ec-ink-0) !important;
  font-family: var(--ec-font-sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  border-radius: 999px !important;
  transition: all 180ms ease !important;
}
#settings-modal .btn.secondary:hover,
#profile-modal .btn.secondary:hover,
#profile-color-modal .btn.secondary:hover,
#notes-modal .btn.secondary:hover {
  background: rgba(138,91,255,0.1) !important;
  border-color: rgba(164,132,255,0.5) !important;
  color: var(--ec-violet-glow) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px -6px rgba(138,91,255,0.3);
}

/* ── Primary save/action button (e.g. "Speichern" in profile-color-modal) ── */
#profile-color-modal .btn:not(.secondary),
#settings-modal .btn:not(.secondary):not(.danger),
#profile-modal .btn:not(.secondary):not(.danger) {
  background: linear-gradient(90deg, var(--ec-acid) 0%, var(--ec-cyan) 100%) !important;
  color: #061020 !important;
  border: 0 !important;
  font: 600 13px/1 var(--ec-font-sans) !important;
  letter-spacing: 0.01em;
  border-radius: 999px !important;
  box-shadow: 0 0 0 1px rgba(122,255,176,0.3),
              0 10px 28px -10px rgba(122,255,176,0.55),
              0 0 calc(20px * var(--ec-neon)/100) rgba(122,255,176,0.3) !important;
  transition: all 180ms ease !important;
}
#profile-color-modal .btn:not(.secondary):hover,
#settings-modal .btn:not(.secondary):not(.danger):hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(122,255,176,0.4),
              0 14px 32px -10px rgba(122,255,176,0.7),
              0 0 calc(30px * var(--ec-neon)/100) rgba(122,255,176,0.45) !important;
}

/* ── Input groups (PIN setup, etc.) ── */
#settings-modal .input-group label {
  color: var(--ec-ink-2) !important;
  font: 500 11px/1 var(--ec-font-mono) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  margin-bottom: 8px !important;
  display: block;
}
#settings-modal .input-group input,
#settings-modal input[type="number"],
#settings-modal input[type="text"],
#settings-modal input[type="password"] {
  background: rgba(10,10,24,0.7) !important;
  border: 1px solid var(--ec-line) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  color: var(--ec-ink-0) !important;
  font: 500 14px/1 var(--ec-font-mono) !important;
  letter-spacing: 0.04em;
  outline: 0 !important;
  transition: all 180ms ease !important;
  width: 100%;
}
#settings-modal .input-group input:focus,
#settings-modal input:focus {
  border-color: rgba(164,132,255,0.5) !important;
  background: rgba(10,10,24,0.9) !important;
  box-shadow: 0 0 0 3px rgba(138,91,255,0.1),
              0 0 calc(18px * var(--ec-neon)/100) rgba(138,91,255,0.15) !important;
}

/* ── Modal-overlay backdrop blur for post-login modals ── */
#settings-modal.active,
#profile-modal.active,
#profile-color-modal.active,
#notes-modal.active,
#link-warning-modal.active,
#report-modal.active {
  background: rgba(6,6,18,0.72) !important;
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}

/* ── Modal container shell (only applies when post-login modal is active) ── */
#settings-modal.active > .modal,
#profile-modal.active > .modal,
#profile-color-modal.active > .modal,
#notes-modal.active > .modal {
  background: linear-gradient(180deg, rgba(22,22,46,0.95), rgba(12,12,28,0.97)) !important;
  border: 1px solid var(--ec-line-strong) !important;
  border-radius: 22px !important;
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  box-shadow: 0 40px 90px -20px rgba(0,0,0,0.75),
              0 0 80px rgba(138,91,255,0.18),
              inset 0 1px 0 rgba(255,255,255,0.04) !important;
  color: var(--ec-ink-0);
}

/* ─── Style Block 13 [style id="premium-ui-final-pass-lastwin"] (original lines 45616–49361) ─── */
@import url('/assets/css/claude-loggedin.css');
@import url('/assets/css/landing-premium-extended.css');
@import url('/assets/css/aura-premium.css');
@import url('/assets/css/responsive-polish.css');
#landing-screen #lp-hero .lp-hero-inner {
  position: relative;
  padding: clamp(26px, 4vw, 48px) !important;
  border-radius: 34px !important;
  background: linear-gradient(180deg, rgba(6, 10, 20, 0.52), rgba(10, 14, 24, 0.76)) !important;
  border: 1px solid rgba(124, 106, 247, 0.16) !important;
  box-shadow:
    0 38px 90px -54px rgba(0, 0, 0, 0.9),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 0 90px rgba(0, 255, 255, 0.06) !important;
  backdrop-filter: blur(30px) saturate(150%);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
}

#landing-screen #lp-hero .lp-hero-inner::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 0%, rgba(94, 242, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(147, 51, 234, 0.18), transparent 34%);
  opacity: 0.9;
}

#landing-screen #lp-hero .lp-h1,
#landing-screen #lp-hero .lp-hero-sub,
#landing-screen #lp-hero .lp-ctas,
#landing-screen #lp-hero .lp-terminal,
#landing-screen #lp-hero .lp-hero-badge {
  position: relative;
  z-index: 1;
}

#landing-screen #lp-hero .lp-hero-badge {
  background: rgba(8, 14, 24, 0.72) !important;
  border: 1px solid rgba(94, 242, 255, 0.16) !important;
  box-shadow: 0 14px 36px -28px rgba(0, 255, 255, 0.4);
}

#landing-screen #lp-hero .lp-hero-sub {
  max-width: 64ch;
  margin-inline: auto;
  color: rgba(232, 236, 248, 0.78) !important;
}

#landing-screen #lp-hero .lp-terminal {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(7, 12, 22, 0.9), rgba(4, 7, 14, 0.96)) !important;
  box-shadow:
    0 26px 70px -44px rgba(0, 0, 0, 0.9),
    0 0 30px rgba(123, 86, 255, 0.08);
}

#landing-screen .lp-btn-primary,
#landing-screen .lp-btn-secondary,
#landing-screen .lp-mobile-cta {
  min-height: 54px;
  border-radius: 999px !important;
  box-shadow: 0 18px 38px -24px rgba(123, 86, 255, 0.45);
}

#landing-screen .lp-btn-secondary {
  background: rgba(7, 12, 22, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

#rooms-screen,
#chat-screen,
#vault-screen {
  background:
    radial-gradient(circle at top left, rgba(0, 255, 255, 0.06), transparent 26%),
    radial-gradient(circle at top right, rgba(147, 51, 234, 0.1), transparent 24%),
    linear-gradient(180deg, #050812 0%, #05070d 100%) !important;
}

#rooms-screen .top-bar,
#chat-screen .chat-top-bar {
  width: min(1180px, calc(100% - 20px));
  margin: max(12px, env(safe-area-inset-top, 12px)) auto 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.78), rgba(10, 14, 24, 0.94)) !important;
  box-shadow: 0 28px 80px -54px rgba(0, 0, 0, 0.94);
}

#rooms-screen .rooms-list,
#chat-screen #messages,
#vault-screen #vault-content {
  width: min(1180px, calc(100% - 20px));
  margin-left: auto !important;
  margin-right: auto !important;
}

#rooms-screen .rooms-list {
  padding-top: 18px !important;
  padding-bottom: 120px !important;
}

#rooms-screen .room-card,
#rooms-screen .room-item {
  border-radius: 20px !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 20px 46px -34px rgba(0, 0, 0, 0.94) !important;
}

#rooms-screen .room-card.active-room,
#rooms-screen .room-item.active-room,
#rooms-screen .room-card[style*="var(--accent)"] {
  border-color: rgba(94, 242, 255, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 22px 56px -30px rgba(123, 86, 255, 0.36),
    0 0 0 1px rgba(94, 242, 255, 0.08) !important;
}

#rooms-screen #v16-welcome-card .v16-card,
#chat-screen #room-welcome-overlay > div {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.88), rgba(8, 12, 22, 0.94)) !important;
  box-shadow:
    0 32px 84px -42px rgba(0, 0, 0, 0.85),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 28px 90px -58px rgba(124, 106, 247, 0.42) !important;
}

#chat-screen #messages {
  padding: 18px 0 144px !important;
}

#chat-screen .msg-bubble,
#chat-screen .message-bubble,
#chat-screen .chat-msg-card {
  max-width: min(82%, 560px) !important;
  border-radius: 20px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 18px 40px -32px rgba(0, 0, 0, 0.94) !important;
}

#chat-screen .msg-bubble.mine,
#chat-screen .mine .msg-bubble,
#chat-screen .message-bubble.mine,
#chat-screen .chat-msg-card.mine {
  background: linear-gradient(145deg, rgba(126, 90, 255, 0.94), rgba(62, 207, 255, 0.74)) !important;
  border-color: rgba(179, 202, 255, 0.16) !important;
  color: #fbfcff !important;
}

#chat-screen .msg-bubble.theirs,
#chat-screen .theirs .msg-bubble,
#chat-screen .message-bubble.theirs,
#chat-screen .chat-msg-card.theirs {
  background: linear-gradient(180deg, rgba(18, 22, 38, 0.96), rgba(10, 14, 26, 0.92)) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
}

#chat-screen .msg-bubble.system {
  background: rgba(94, 242, 255, 0.08) !important;
  border-color: rgba(94, 242, 255, 0.18) !important;
  color: rgba(220, 246, 255, 0.88) !important;
}

#chat-screen .input-bar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto;
  padding: 10px 0 max(18px, env(safe-area-inset-bottom, 18px)) !important;
  background: transparent !important;
  border-top: 0 !important;
}

#chat-screen .input-wrap {
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(11, 16, 28, 0.84), rgba(7, 10, 19, 0.94)) !important;
  box-shadow: 0 24px 54px -40px rgba(0, 0, 0, 0.96);
  padding: 8px 10px 8px 12px !important;
}

#chat-screen #msg-input {
  min-height: 48px;
  padding: 12px 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#chat-screen .attach-btn,
#chat-screen .destruct-toggle,
#chat-screen #attach-btn,
#chat-screen #mic-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--text2) !important;
}

#chat-screen .send-btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: 18px !important;
  padding: 0 !important;
}

#reply-bar {
  width: min(1180px, calc(100% - 20px));
  margin: 0 auto 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(14, 20, 34, 0.86), rgba(8, 12, 22, 0.96));
  box-shadow: 0 18px 38px -30px rgba(0, 0, 0, 0.92);
}

#vault-screen > div:nth-child(1),
#vault-screen > div:nth-child(2),
#vault-screen > div:nth-child(3) {
  width: min(1180px, calc(100% - 20px));
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.82), rgba(8, 12, 22, 0.94)) !important;
  box-shadow: 0 26px 64px -48px rgba(0, 0, 0, 0.94);
}

#vault-screen > div:nth-child(1) {
  margin-top: max(12px, env(safe-area-inset-top, 12px));
  border-radius: 24px !important;
}

#vault-screen > div:nth-child(2),
#vault-screen > div:nth-child(3) {
  margin-top: 10px;
  border-radius: 20px !important;
}

#vault-screen #vault-content {
  padding-top: 18px !important;
  padding-bottom: 34px !important;
}

#vault-screen #vault-files-grid > *,
#vault-screen #vault-passwords-list > *,
#vault-screen #vault-notes-list > *,
.safe-item {
  border-radius: 18px !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.02),
    0 18px 40px -30px rgba(0, 0, 0, 0.92) !important;
}

#vault-screen #vault-files-grid > *:hover,
#vault-screen #vault-passwords-list > *:hover,
#vault-screen #vault-notes-list > *:hover,
.safe-item:hover {
  border-color: rgba(94, 242, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 24px 56px -30px rgba(123, 86, 255, 0.28) !important;
}

.modal-overlay.active {
  background: rgba(3, 6, 14, 0.74) !important;
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

#settings-modal > .modal,
#profile-modal > .modal,
#profile-sub-modal > .modal,
#notes-modal > .modal,
#sessions-modal > .modal,
#admin-modal > .modal,
#room-picker-modal > .modal,
#create-room-modal > .modal,
#join-room-modal > .modal,
#room-options-modal > .modal,
#twofa-setup-modal > .modal,
#twofa-login-modal > .modal,
#vault-upload-modal > .modal,
#vault-pw-modal > .modal,
#vault-note-modal > .modal,
#webauthn-modal > .modal,
#qr-login-gen-modal > .modal,
#qr-scan-modal > .modal,
#report-modal > .modal,
#link-warning-modal > .modal,
#legal-modal > .modal,
#impressum-modal > .modal,
#datenschutz-modal > .modal,
#tos-modal > .modal,
#premium-modal > .modal {
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0.94), rgba(8, 12, 22, 0.98)) !important;
  box-shadow:
    0 40px 100px -48px rgba(0, 0, 0, 0.96),
    0 0 0 1px rgba(255, 255, 255, 0.02),
    0 20px 70px -56px rgba(123, 86, 255, 0.45) !important;
}

#profile-modal .prof-cat-item,
#profile-sub-modal #profile-sub-content > *,
#admin-content > *,
#sessions-list > *,
#notes-list > * {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: linear-gradient(180deg, rgba(17, 21, 35, 0.76), rgba(10, 12, 24, 0.94)) !important;
  box-shadow: 0 18px 44px -36px rgba(0, 0, 0, 0.96);
}

#profile-modal .prof-cat-item {
  margin: 10px 14px 0 !important;
  border-bottom: 0 !important;
}

#profile-modal .prof-cat-item:hover,
#profile-sub-modal #profile-sub-content > *:hover,
#admin-content > *:hover,
#sessions-list > *:hover,
#notes-list > *:hover {
  border-color: rgba(94, 242, 255, 0.16) !important;
  transform: translateY(-1px);
}

#admin-modal .btn,
#sessions-modal .btn,
#room-picker-modal .btn,
#create-room-modal .btn,
#join-room-modal .btn,
#room-options-modal .btn {
  max-width: none;
}

@media (min-width: 900px) {
  .modal-overlay.active {
    align-items: center !important;
    padding: 28px;
  }

  .modal {
    border-radius: 28px !important;
    max-height: min(88vh, 920px) !important;
  }
}

@media (max-width: 640px) {
  #landing-screen #lp-hero .lp-hero-inner {
    padding: 24px 18px 22px !important;
    border-radius: 26px !important;
  }

  #rooms-screen .top-bar,
  #chat-screen .chat-top-bar,
  #vault-screen > div:nth-child(1),
  #vault-screen > div:nth-child(2),
  #vault-screen > div:nth-child(3),
  #rooms-screen .rooms-list,
  #chat-screen #messages,
  #chat-screen .input-bar,
  #reply-bar,
  #vault-screen #vault-content {
    width: calc(100% - 12px) !important;
  }

  #chat-screen #messages {
    padding-bottom: 132px !important;
  }

  #chat-screen .msg-bubble,
  #chat-screen .message-bubble,
  #chat-screen .chat-msg-card {
    max-width: 88% !important;
  }
}
@media (min-width: 900px) {
  body.auth-ready {
    --pc-shell-pad: 22px;
    --pc-rail-w: 92px;
    --pc-sidebar-w: 430px;
    --pc-shell-gap: 20px;
    --pc-shell-radius: 32px;
    --pc-line: rgba(184, 198, 255, 0.12);
    --pc-glass: linear-gradient(180deg, rgba(14, 17, 31, 0.9), rgba(8, 10, 20, 0.94));
    --pc-glass-soft: linear-gradient(180deg, rgba(17, 20, 36, 0.76), rgba(10, 12, 24, 0.88));
    --pc-violet: rgba(138, 91, 255, 0.72);
    --pc-cyan: rgba(107, 234, 255, 0.68);
  }

  body.auth-ready #rooms-screen.screen.active {
    display: block !important;
    overflow: hidden !important;
    min-height: 100dvh;
    position: relative;
  }

  body.auth-ready #rooms-screen .pc-shell {
    display: grid !important;
    grid-template-columns: var(--pc-rail-w) minmax(380px, var(--pc-sidebar-w)) minmax(540px, 1fr);
    gap: var(--pc-shell-gap);
    height: 100dvh;
    padding: var(--pc-shell-pad);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }

  body.auth-ready #rooms-screen .pc-sidebar {
    display: flex !important;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    position: relative;
    border-radius: var(--pc-shell-radius);
    border: 1px solid var(--pc-line);
    background: var(--pc-glass);
    box-shadow:
      0 36px 88px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 0 34px rgba(138, 91, 255, 0.14);
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
    overflow: hidden;
  }

  body.auth-ready #rooms-screen .pc-sidebar-head,
  body.auth-ready #rooms-screen .pc-stage-shell {
    display: flex !important;
  }

  body.auth-ready #rooms-screen .top-bar {
    grid-column: 1;
    grid-row: 1;
    width: auto !important;
    min-height: calc(100dvh - (var(--pc-shell-pad) * 2)) !important;
    margin: 0 !important;
    padding: 18px 10px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    border-radius: 28px !important;
    border: 1px solid var(--pc-line) !important;
    background: linear-gradient(180deg, rgba(16, 18, 34, 0.94), rgba(8, 10, 18, 0.92)) !important;
    box-shadow:
      0 30px 70px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 0 28px rgba(138, 91, 255, 0.12) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  }

  body.auth-ready #rooms-screen .top-bar::before {
    content: 'EC';
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.16);
    background: linear-gradient(135deg, rgba(107, 234, 255, 0.24), rgba(138, 91, 255, 0.32));
    color: #f5f7ff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.18em;
    box-shadow:
      0 16px 32px rgba(138, 91, 255, 0.24),
      0 0 20px rgba(107, 234, 255, 0.12);
  }

  body.auth-ready #rooms-screen .top-bar-title {
    display: none !important;
  }

  body.auth-ready #rooms-screen .top-bar > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(190, 204, 255, 0.1) !important;
    background: rgba(255,255,255,0.04) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn:hover,
  body.auth-ready #chat-screen .chat-top-bar .icon-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(138, 91, 255, 0.26) !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,0.18),
      0 0 18px rgba(138, 91, 255, 0.15) !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn[title^='Vault'] {
    display: none !important;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge {
    order: 20;
    margin-top: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: rgba(255,255,255,0.04) !important;
  }

  body.auth-ready #rooms-screen .top-bar .user-badge span {
    display: block !important;
    text-align: center;
    font-size: 11px !important;
  }

  body.auth-ready #rooms-screen .top-bar .icon-btn[onclick*='logout'] {
    order: 21;
  }

  body.auth-ready #rooms-screen .pc-sidebar-head {
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 28px 28px 0;
  }

  body.auth-ready #rooms-screen .pc-sidebar-copy {
    display: grid;
    gap: 8px;
  }

  body.auth-ready #rooms-screen .pc-sidebar-kicker,
  body.auth-ready #rooms-screen .pc-stage-kicker,
  body.auth-ready #rooms-screen .pc-stage-dock-kicker {
    color: rgba(176, 191, 255, 0.62);
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
  }

  body.auth-ready #rooms-screen .pc-sidebar-title,
  body.auth-ready #rooms-screen .pc-stage-title {
    color: #f3f6ff;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -0.04em;
  }

  body.auth-ready #rooms-screen .pc-sidebar-sub,
  body.auth-ready #rooms-screen .pc-stage-sub {
    color: rgba(190, 201, 228, 0.8);
    font-size: 14px;
    line-height: 1.7;
    max-width: 34ch;
  }

  body.auth-ready #rooms-screen .pc-status-chip,
  body.auth-ready #rooms-screen .pc-meta-pill,
  body.auth-ready #rooms-screen .pc-stage-chip,
  body.auth-ready #rooms-screen .pc-stage-dock-chip,
  body.auth-ready #rooms-screen .pc-preview-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(184, 198, 255, 0.14);
    background: rgba(255,255,255,0.04);
    color: #f2f6ff;
    font-size: 11px;
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body.auth-ready #rooms-screen .pc-status-dot,
  body.auth-ready #rooms-screen .pc-preview-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #7affb0;
    box-shadow: 0 0 14px #7affb0;
    flex-shrink: 0;
  }

  body.auth-ready #rooms-screen .pc-sidebar-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 28px 0;
  }

  body.auth-ready #rooms-screen .pc-meta-pill-cyan,
  body.auth-ready #rooms-screen .pc-stage-chip,
  body.auth-ready #rooms-screen .pc-stage-dock-chip {
    border-color: rgba(107, 234, 255, 0.18);
    color: #baf7ff;
    background: rgba(107, 234, 255, 0.06);
  }

  body.auth-ready #rooms-screen .rooms-list {
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
    flex: 1 1 auto;
    min-height: 0;
    padding: 26px 28px 108px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    align-content: start;
  }

  body.auth-ready #rooms-screen .rooms-list::before {
    content: none !important;
    display: none !important;
  }

  body.auth-ready #rooms-screen .rooms-list > div:not(.room-card):not(.pc-empty-shell),
  body.auth-ready #rooms-screen .rooms-list > section,
  body.auth-ready #rooms-screen .rooms-list > button:not(.pc-placeholder-card) {
    grid-column: 1 / -1;
  }

  body.auth-ready #rooms-screen .room-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 14px !important;
    align-items: center;
    border-radius: 22px !important;
    border: 1px solid rgba(184, 198, 255, 0.08) !important;
    background: linear-gradient(180deg, rgba(20, 22, 38, 0.86), rgba(12, 14, 26, 0.92)) !important;
    padding: 16px 16px !important;
    box-shadow:
      0 16px 44px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    position: relative;
    overflow: hidden;
  }

  body.auth-ready #rooms-screen .room-card::before,
  body.auth-ready #rooms-screen .pc-placeholder-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(138, 91, 255, 0.14), transparent 42%);
    opacity: 0.9;
    pointer-events: none;
  }

  body.auth-ready #rooms-screen .room-card:hover,
  body.auth-ready #rooms-screen .pc-placeholder-card:hover {
    transform: translateY(-2px);
    border-color: rgba(138, 91, 255, 0.28) !important;
    box-shadow:
      0 22px 52px rgba(0, 0, 0, 0.24),
      0 0 22px rgba(138, 91, 255, 0.16) !important;
  }

  body.auth-ready #rooms-screen .room-card.active-room,
  body.auth-ready #rooms-screen .room-card.selected,
  body.auth-ready #rooms-screen .pc-placeholder-card.active {
    border-color: rgba(138, 91, 255, 0.46) !important;
    background: linear-gradient(135deg, rgba(138, 91, 255, 0.16), rgba(15, 18, 32, 0.94)) !important;
    box-shadow:
      0 24px 56px rgba(0, 0, 0, 0.26),
      0 0 26px rgba(138, 91, 255, 0.24) !important;
  }

  body.auth-ready #rooms-screen .room-card .room-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 18px 32px rgba(0,0,0,0.26);
  }

  body.auth-ready #rooms-screen .room-card .room-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  body.auth-ready #rooms-screen .room-card .room-meta {
    min-width: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    z-index: 1;
  }

  body.auth-ready #rooms-screen .room-card .room-name,
  body.auth-ready #rooms-screen .pc-placeholder-name {
    color: #f4f6ff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.01em;
  }

  body.auth-ready #rooms-screen .room-card .room-preview,
  body.auth-ready #rooms-screen .room-card .room-last,
  body.auth-ready #rooms-screen .room-card .room-sub,
  body.auth-ready #rooms-screen .pc-placeholder-meta {
    color: rgba(186, 195, 222, 0.76) !important;
    font-size: 11px !important;
    line-height: 1.6;
  }

  body.auth-ready #rooms-screen .room-card .expire-badge {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  body.auth-ready #rooms-screen .room-card .room-meta [style*='#2ecc71'],
  body.auth-ready #rooms-screen .room-card .room-meta [style*='#4ade80'],
  body.auth-ready #rooms-screen .room-card .room-meta [style*='orange'] {
    font-weight: 700;
    filter: saturate(0.9);
  }

  body.auth-ready #rooms-screen .pc-empty-shell {
    grid-column: 1 / -1;
    display: grid;
    gap: 16px;
  }

  body.auth-ready #rooms-screen .pc-empty-copy {
    display: grid;
    gap: 8px;
    padding: 18px 20px;
    border-radius: 22px;
    border: 1px solid rgba(184, 198, 255, 0.08);
    background: rgba(255,255,255,0.03);
    color: rgba(186, 195, 222, 0.82);
    font-size: 13px;
    line-height: 1.65;
  }

  body.auth-ready #rooms-screen .pc-empty-copy strong {
    color: #f3f6ff;
    font-size: 14px;
  }

  body.auth-ready #rooms-screen .pc-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  body.auth-ready #rooms-screen .pc-shell-btn {
    border: 1px solid rgba(138, 91, 255, 0.28);
    background: linear-gradient(135deg, rgba(138, 91, 255, 0.2), rgba(107, 234, 255, 0.08));
    color: #f5f7ff;
    border-radius: 999px;
    padding: 11px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
  }

  body.auth-ready #rooms-screen .pc-shell-btn-secondary {
    background: rgba(255,255,255,0.04);
    border-color: rgba(184, 198, 255, 0.12);
  }

  body.auth-ready #rooms-screen .pc-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
  }

  body.auth-ready #rooms-screen .pc-placeholder-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(184, 198, 255, 0.08);
    background: linear-gradient(180deg, rgba(20, 22, 38, 0.86), rgba(12, 14, 26, 0.92));
    text-align: left;
    cursor: pointer;
    color: inherit;
    box-shadow: 0 16px 44px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.03);
  }

  body.auth-ready #rooms-screen .pc-placeholder-avatar {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: radial-gradient(circle at 30% 30%, var(--pc-card-accent), rgba(255,255,255,0.04) 74%);
    border: 1px solid rgba(255,255,255,0.08);
    color: #f5f7ff;
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow: 0 18px 32px rgba(0,0,0,0.24);
    position: relative;
    z-index: 1;
  }

  body.auth-ready #rooms-screen .pc-placeholder-copy {
    display: grid;
    gap: 6px;
    min-width: 0;
    position: relative;
    z-index: 1;
    flex: 1;
  }

  body.auth-ready #rooms-screen .pc-placeholder-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
  }

  body.auth-ready #rooms-screen .pc-placeholder-unread {
    min-width: 26px;
    height: 26px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,0.05);
    color: #edf4ff;
    font-size: 11px;
    font-family: var(--font-mono);
    position: relative;
    z-index: 1;
  }

  body.auth-ready #rooms-screen .fab {
    position: absolute !important;
    right: 28px !important;
    top: 28px !important;
    left: auto !important;
    bottom: auto !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(184, 198, 255, 0.14) !important;
    background: linear-gradient(135deg, rgba(138, 91, 255, 0.3), rgba(107, 234, 255, 0.12)) !important;
    box-shadow: 0 18px 30px rgba(0,0,0,0.2), 0 0 18px rgba(138, 91, 255, 0.18) !important;
    font-size: 0 !important;
  }

  body.auth-ready #rooms-screen .fab::before {
    content: '+';
    font-size: 26px;
    font-weight: 700;
    color: #f5f7ff;
  }

  body.auth-ready #rooms-screen .pc-stage-shell {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    padding: 22px;
    overflow: hidden;
    border-radius: var(--pc-shell-radius);
    border: 1px solid var(--pc-line);
    background: var(--pc-glass);
    box-shadow:
      0 36px 88px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 0 34px rgba(107, 234, 255, 0.1);
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
  }

  body.auth-ready #rooms-screen .pc-stage-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 4px 4px 18px;
  }

  body.auth-ready #rooms-screen .pc-stage-body {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 18px;
    min-height: 0;
    flex: 1;
  }

  body.auth-ready #rooms-screen .pc-preview-shell {
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-radius: 28px;
    border: 1px solid rgba(184, 198, 255, 0.08);
    background:
      radial-gradient(circle at top right, rgba(138, 91, 255, 0.14), transparent 34%),
      linear-gradient(180deg, rgba(17, 20, 36, 0.78), rgba(10, 12, 24, 0.92));
    box-shadow: 0 18px 48px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.03);
    overflow: hidden;
  }

  body.auth-ready #rooms-screen .pc-preview-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 24px 18px;
  }

  body.auth-ready #rooms-screen .pc-preview-avatar {
    width: 56px;
    height: 56px;
    min-width: 56px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    border: 1px solid rgba(138, 91, 255, 0.22);
    background: radial-gradient(circle at 30% 30%, rgba(138, 91, 255, 0.42), rgba(107, 234, 255, 0.12) 72%);
    color: #f4f7ff;
    font-weight: 800;
    letter-spacing: 0.08em;
  }

  body.auth-ready #rooms-screen .pc-preview-copy {
    display: grid;
    gap: 6px;
    min-width: 0;
    flex: 1;
  }

  body.auth-ready #rooms-screen .pc-preview-name {
    color: #f5f7ff;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
  }

  body.auth-ready #rooms-screen .pc-preview-presence {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(186, 195, 222, 0.78);
    font-size: 12px;
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  body.auth-ready #rooms-screen .pc-preview-transcript {
    flex: 1;
    min-height: 0;
    padding: 12px 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: auto;
  }

  body.auth-ready #rooms-screen .pc-preview-bubble {
    display: grid;
    gap: 8px;
    max-width: min(78%, 420px);
    padding: 16px 18px;
    border-radius: 20px;
    color: #edf4ff;
    font-size: 14px;
    line-height: 1.65;
    box-shadow: 0 16px 36px rgba(0,0,0,0.18);
  }

  body.auth-ready #rooms-screen .pc-preview-bubble small {
    color: rgba(206, 212, 232, 0.58);
    font-size: 10px;
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  body.auth-ready #rooms-screen .pc-preview-bubble.them {
    align-self: flex-start;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(184, 198, 255, 0.08);
  }

  body.auth-ready #rooms-screen .pc-preview-bubble.me {
    align-self: flex-end;
    background: linear-gradient(135deg, rgba(138, 91, 255, 0.2), rgba(107, 234, 255, 0.08));
    border: 1px solid rgba(138, 91, 255, 0.18);
  }

  body.auth-ready #rooms-screen .pc-preview-composer {
    margin: 0 22px 22px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(184, 198, 255, 0.08);
    background: rgba(255,255,255,0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  body.auth-ready #rooms-screen .pc-preview-composer-label {
    color: rgba(186, 195, 222, 0.66);
    font-size: 13px;
  }

  body.auth-ready #rooms-screen .pc-preview-composer button {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    border: 1px solid rgba(138, 91, 255, 0.22);
    background: linear-gradient(135deg, rgba(138, 91, 255, 0.24), rgba(107, 234, 255, 0.08));
    color: #f5f7ff;
    font-size: 0;
  }

  body.auth-ready #rooms-screen .pc-preview-composer button::before {
    content: '>';
    font-size: 16px;
  }

  body.auth-ready #rooms-screen .pc-stage-dock {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(184, 198, 255, 0.08);
    background: var(--pc-glass-soft);
    box-shadow: 0 18px 38px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.03);
  }

  body.auth-ready #rooms-screen .pc-stage-dock-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  body.auth-ready #rooms-screen .pc-stage-dock-title {
    color: #f5f7ff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
  }

  body.auth-ready #rooms-screen #v16-welcome-card {
    display: block !important;
    align-items: stretch;
    justify-content: stretch;
    min-height: 0;
    width: 100%;
    padding: 0 !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-card {
    min-height: 0;
    padding: 18px;
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    border-radius: 22px;
    border: 1px solid rgba(184, 198, 255, 0.08);
    background: rgba(255,255,255,0.03);
    box-shadow: none;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-qr-wrap {
    width: 132px;
    height: 132px;
    min-width: 132px;
    margin: 0;
    padding: 12px;
    border-radius: 18px;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-qr-wrap canvas,
  body.auth-ready #rooms-screen #v16-welcome-card .v16-qr-wrap svg,
  body.auth-ready #rooms-screen #v16-welcome-card .v16-qr-wrap img {
    width: 100% !important;
    height: 100% !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-title {
    margin: 0;
    font-size: 18px;
    letter-spacing: -0.02em;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-sub {
    margin: 0;
    grid-column: 2 / 3;
    font-size: 12px;
    line-height: 1.65;
    max-width: 40ch;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-download-btn {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    min-width: 108px;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-download-btn span {
    display: none !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-lang-row {
    grid-column: 2 / 4;
    justify-content: flex-start;
    gap: 10px;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-lang-pill > span:first-child:not([id]),
  body.auth-ready #rooms-screen #v16-welcome-card .v16-lang-pill > span[style*='opacity:.6'] {
    display: none !important;
  }

  body.auth-ready #rooms-screen #v16-welcome-card .v16-3d-bg {
    opacity: 0.38;
  }

  body.ec-chat-open #rooms-screen .pc-stage-shell {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(10px);
  }

  body.auth-ready.ec-chat-open #chat-screen.screen.active {
    position: fixed !important;
    top: var(--pc-shell-pad) !important;
    right: var(--pc-shell-pad) !important;
    bottom: var(--pc-shell-pad) !important;
    left: calc(var(--pc-shell-pad) + var(--pc-rail-w) + var(--pc-shell-gap) + var(--pc-sidebar-w) + var(--pc-shell-gap)) !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 44 !important;
  }

  body.auth-ready #chat-screen .chat-top-bar .back-btn {
    display: none !important;
  }

  body.auth-ready #chat-screen .chat-top-bar {
    margin: 0 !important;
    padding: 20px 22px !important;
    border: 1px solid var(--pc-line) !important;
    border-bottom: none !important;
    border-radius: var(--pc-shell-radius) var(--pc-shell-radius) 0 0 !important;
    background: var(--pc-glass) !important;
    box-shadow: 0 22px 52px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
  }

  body.auth-ready #chat-screen #chat-room-icon {
    border: 1px solid rgba(184, 198, 255, 0.1);
    box-shadow: 0 16px 28px rgba(0,0,0,0.24);
  }

  body.auth-ready #chat-screen #onion-bar {
    margin: 0 0 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(184, 198, 255, 0.08) !important;
    background: rgba(255,255,255,0.04) !important;
  }

  body.auth-ready #chat-screen #messages {
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 1px solid var(--pc-line);
    border-right: 1px solid var(--pc-line);
    background:
      radial-gradient(circle at top right, rgba(138, 91, 255, 0.12), transparent 32%),
      linear-gradient(180deg, rgba(10, 12, 22, 0.92), rgba(8, 10, 18, 0.98)) !important;
    padding: 26px 24px 18px !important;
  }

  body.auth-ready #chat-screen .input-bar {
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--pc-line) !important;
    border-top: none !important;
    border-radius: 0 0 var(--pc-shell-radius) var(--pc-shell-radius) !important;
    background: var(--pc-glass) !important;
    box-shadow: 0 22px 52px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.04);
  }

  body.auth-ready #lp-footer {
    display: none !important;
  }

  body.auth-ready #aura-fab {
    right: 24px !important;
    bottom: max(28px, calc(env(safe-area-inset-bottom, 0px) + 28px)) !important;
    transform: scale(0.92);
  }

  body.auth-ready #aura-fab .aura-fab-copy {
    display: none !important;
  }

  body.auth-ready.ec-chat-open #aura-fab {
    bottom: max(118px, calc(env(safe-area-inset-bottom, 0px) + 118px)) !important;
  }

  body.auth-ready #vault-screen.screen.active {
    background:
      radial-gradient(circle at 20% -10%, rgba(138, 91, 255, 0.16), transparent 34%),
      radial-gradient(circle at 88% 110%, rgba(107, 234, 255, 0.12), transparent 32%),
      linear-gradient(180deg, #04050a 0%, #05060d 45%, #020308 100%) !important;
  }
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  body.ec-mobile-shell-active,
  body.ec-mobile-shell-active #cd-shell {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  /* Keep the legacy desktop/mobile hybrid shell inert while the dedicated mobile shell is active. */
  body.ec-mobile-shell-active #cd-shell > #ec-claude-shell-final {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.ec-mobile-shell-active #cd-shell > #ec-mobile-shell {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 90 !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-app {
    min-height: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: max(8px, env(safe-area-inset-top, 0px)) 12px max(8px, env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-topbar,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-screen-head,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chat-head {
    min-height: 0 !important;
    margin: 0 !important;
    gap: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-status,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-icon-btn,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chat-menu-btn,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chat-plus,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chat-filter-plus,
  body.ec-mobile-shell-active #ec-mobile-shell .ecm-primary,
  body.ec-mobile-shell-active #ec-mobile-shell .ecm-secondary,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-composer button {
    min-height: 36px !important;
    padding: 0 13px !important;
    border-radius: 15px !important;
    font-size: 12px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-brand strong,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chats-title h1,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-screen-head h1,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chat-meta strong {
    font-size: 17px !important;
    letter-spacing: -0.02em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-brand small,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chats-title p,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-screen-head p,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chat-meta small {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-logo-mark img {
    width: 40px !important;
    height: 40px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="chats"] .ec-mobile-topbar {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="chats"] .ec-mobile-app {
    gap: 8px !important;
    padding-top: max(10px, env(safe-area-inset-top, 0px)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-panel[data-ecm-panel="rooms"],
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"].ec-mobile-panel.active {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    gap: 7px !important;
    padding: 12px 12px 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-home-hero,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="vault"] .ec-mobile-vault-summary,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-profile-card,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-empty-card,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chats-empty {
    border-radius: 22px !important;
    padding: 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-home-hero {
    gap: 12px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-hero-logo-img {
    width: 72px !important;
    height: 72px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-home-kicker,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-section-title,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-legal-note {
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-home-copy h2 {
    font-size: 21px !important;
    line-height: 1.08 !important;
    margin-bottom: 5px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-home-copy p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-security-grid {
    gap: 8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-security-card,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-plan-card {
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-security-card strong,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-plan-card strong {
    font-size: 12px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-security-card small,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-plan-card small {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-trust-strip,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filters,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-filter-row {
    gap: 6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-search,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-search,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="vault"] .ec-mobile-search {
    min-height: 40px !important;
    padding: 0 13px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-search input {
    font-size: 13px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filters button,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-filter-row button {
    min-height: 30px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-list,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-room-list {
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-room {
    min-height: 54px !important;
    gap: 10px !important;
    padding: 8px 11px !important;
    border-radius: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-room > span {
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
    font-size: 11px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-room strong {
    font-size: 13.2px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-room small,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-room b {
    font-size: 10.4px !important;
    line-height: 1.35 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="rooms"] .ec-mobile-topbar {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="rooms"] .ec-mobile-app {
    gap: 8px !important;
    padding-top: max(10px, env(safe-area-inset-top, 0px)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"].ec-mobile-panel.active {
    overflow: hidden !important;
    gap: 8px !important;
    padding: 8px 0 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-head {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 30px 30px 24px 24px !important;
    border: 1px solid rgba(93, 226, 255, 0.16) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(38, 212, 255, 0.12), transparent 40%),
      radial-gradient(circle at 82% 100%, rgba(119, 74, 255, 0.18), transparent 44%),
      linear-gradient(180deg, rgba(10, 16, 34, 0.96), rgba(5, 9, 22, 0.94)) !important;
    box-shadow:
      0 22px 52px rgba(0, 0, 0, 0.3),
      0 0 28px rgba(44, 214, 255, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    overflow: visible !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-brand {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-mark {
    width: 58px !important;
    height: 58px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 20px !important;
    border: 1px solid rgba(74, 226, 255, 0.18) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(44, 219, 255, 0.18), transparent 64%),
      linear-gradient(180deg, rgba(11, 23, 46, 0.96), rgba(7, 13, 30, 0.96)) !important;
    color: #42e3ff !important;
    box-shadow:
      0 14px 26px rgba(0, 0, 0, 0.24),
      0 0 18px rgba(32, 214, 255, 0.08) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-mark svg,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-icon svg,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-search-icon svg,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-subicon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-copy h1 {
    margin: 0 !important;
    font-size: 16.8px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    color: #f6f8ff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-copy p {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11.8px !important;
    line-height: 1.35 !important;
    color: rgba(183, 194, 225, 0.86) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-subicon {
    width: 16px !important;
    height: 16px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #38deff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contacts-subicon svg {
    width: 16px !important;
    height: 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-shell {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-btn {
    width: 116px !important;
    min-width: 116px !important;
    min-height: 108px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 12px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(108, 223, 255, 0.18) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(43, 219, 255, 0.16), transparent 58%),
      linear-gradient(180deg, rgba(12, 20, 40, 0.94), rgba(8, 12, 28, 0.94)) !important;
    color: #61e6ff !important;
    box-shadow:
      0 18px 34px rgba(0, 0, 0, 0.28),
      0 0 22px rgba(32, 214, 255, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-btn strong {
    font-size: 13px !important;
    line-height: 1.05 !important;
    color: #46e5ff !important;
    letter-spacing: -0.01em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-icon {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] [data-ecm-contact-add-menu][hidden] {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-menu {
    position: absolute !important;
    top: 88px !important;
    right: 0 !important;
    width: min(74vw, 308px) !important;
    padding: 8px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(104, 216, 255, 0.18) !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(50, 218, 255, 0.14), transparent 42%),
      linear-gradient(180deg, rgba(13, 20, 40, 0.98), rgba(8, 12, 28, 0.96)) !important;
    box-shadow:
      0 26px 56px rgba(0, 0, 0, 0.38),
      0 0 28px rgba(35, 214, 255, 0.09),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    z-index: 9 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-menu button {
    width: 100% !important;
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 14px !important;
    border: none !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: #f1f5ff !important;
    box-shadow: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-menu button + button {
    border-top: 1px solid rgba(158, 176, 229, 0.12) !important;
    border-radius: 0 0 16px 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-menu button span {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    color: #45e3ff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-menu button span svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-add-menu button strong {
    font-size: 14.1px !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-search {
    gap: 10px !important;
    padding: 0 15px !important;
    border-radius: 18px !important;
    border-color: rgba(96, 217, 255, 0.14) !important;
    background: rgba(8, 14, 30, 0.9) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 12px 24px rgba(0, 0, 0, 0.2) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-search-icon {
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    color: rgba(166, 178, 214, 0.76) !important;
    flex-shrink: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-search-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-filters {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-filters button {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(146, 164, 214, 0.16) !important;
    background: rgba(16, 23, 44, 0.86) !important;
    color: rgba(210, 218, 240, 0.84) !important;
    font-size: 11.1px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-filters button.active {
    border-color: rgba(70, 222, 255, 0.32) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(40, 219, 255, 0.22), transparent 60%),
      linear-gradient(135deg, rgba(16, 139, 188, 0.3), rgba(14, 28, 56, 0.9)) !important;
    color: #73efff !important;
    box-shadow:
      0 0 0 1px rgba(76, 225, 255, 0.08),
      0 16px 28px rgba(0, 0, 0, 0.2),
      0 0 18px rgba(32, 214, 255, 0.1) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-pill-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #22ef98 !important;
    box-shadow: 0 0 10px rgba(34, 239, 152, 0.38) !important;
    flex-shrink: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 4px 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(93, 226, 255, 0.14) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(28, 219, 255, 0.05), transparent 28%),
      linear-gradient(180deg, rgba(8, 14, 30, 0.96), rgba(4, 9, 22, 0.95)) !important;
    box-shadow:
      0 26px 58px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-row {
    min-height: 88px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(144, 163, 214, 0.1) !important;
    background: transparent !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-row:last-of-type {
    border-bottom: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-avatar {
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, var(--ecm-avatar-start), var(--ecm-avatar-end)) !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.2),
      0 0 20px var(--ecm-avatar-glow) !important;
    overflow: visible !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-avatar u {
    text-decoration: none !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #f7fbff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-avatar i {
    position: absolute !important;
    right: -2px !important;
    bottom: -1px !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(5, 12, 25, 0.96) !important;
    background: #838ba0 !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.12) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-row[data-ecm-contact-presence="online"] .ecm-contact-avatar i {
    background: #12f0bb !important;
    box-shadow: 0 0 14px rgba(18, 240, 187, 0.4) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-row[data-ecm-contact-presence="away"] .ecm-contact-avatar i {
    background: #ffd646 !important;
    box-shadow: 0 0 14px rgba(255, 214, 70, 0.34) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-title-row strong {
    min-width: 0 !important;
    font-size: 14.1px !important;
    font-weight: 700 !important;
    color: #f4f7ff !important;
    letter-spacing: -0.01em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-copy small {
    font-size: 11.1px !important;
    line-height: 1.35 !important;
    color: rgba(173, 185, 217, 0.86) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-status {
    font-size: 11.2px !important;
    font-weight: 600 !important;
    color: rgba(158, 172, 204, 0.74) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-status.online {
    color: #1df09a !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-status.away {
    color: #ffc94c !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge {
    width: 19px !important;
    height: 19px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge.trust-violet {
    color: #8f76ff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge.trust-cyan {
    color: #42dcff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge.trust-green {
    color: #65ea8d !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge.trust-amber {
    color: #ffbe53 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-trust-badge.trust-magenta {
    color: #ea72ff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-icon-btn,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-favorite-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(92, 127, 255, 0.16) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(42, 216, 255, 0.08), transparent 68%),
      rgba(14, 24, 49, 0.88) !important;
    color: rgba(106, 227, 255, 0.94) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 10px 18px rgba(0, 0, 0, 0.18) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-icon-btn svg,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-favorite-btn svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-favorite-btn {
    color: rgba(175, 184, 214, 0.72) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ecm-contact-favorite-btn.active {
    color: #ffc93f !important;
    border-color: rgba(255, 201, 63, 0.26) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 10px 20px rgba(255, 190, 70, 0.18),
      0 0 16px rgba(255, 201, 63, 0.14) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="rooms"] .ec-mobile-contact-list .ec-mobile-contacts-empty {
    margin: 12px 14px 0 !important;
    align-self: stretch !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"].ec-mobile-panel.active {
    overflow: hidden !important;
    gap: 6px !important;
    padding: 8px 0 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-search {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-head {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 14px 12px !important;
    border-radius: 30px 30px 0 0 !important;
    border: 1px solid rgba(93, 226, 255, 0.16) !important;
    border-bottom: none !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(38, 212, 255, 0.12), transparent 40%),
      radial-gradient(circle at 82% 100%, rgba(119, 74, 255, 0.18), transparent 44%),
      linear-gradient(180deg, rgba(10, 16, 34, 0.96), rgba(5, 9, 22, 0.94)) !important;
    box-shadow:
      0 22px 52px rgba(0, 0, 0, 0.3),
      0 0 28px rgba(44, 214, 255, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    overflow: visible !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-title {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-logo,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-secure {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-title h1 {
    font-size: 16.4px !important;
    line-height: 1.1 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-title p {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chats-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-menu-btn,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-plus,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filter-plus {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(108, 223, 255, 0.18) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(43, 219, 255, 0.16), transparent 58%),
      linear-gradient(180deg, rgba(12, 20, 40, 0.94), rgba(8, 12, 28, 0.94)) !important;
    color: #70ebff !important;
    box-shadow:
      0 16px 30px rgba(0, 0, 0, 0.26),
      0 0 20px rgba(32, 214, 255, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-plus,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filter-plus {
    border-color: rgba(136, 104, 255, 0.22) !important;
    color: #96a3ff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-chat-menu-panel][hidden] {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-action-menu {
    position: absolute !important;
    top: 66px !important;
    left: 0 !important;
    width: min(70vw, 276px) !important;
    padding: 6px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(104, 216, 255, 0.18) !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(50, 218, 255, 0.14), transparent 42%),
      linear-gradient(180deg, rgba(13, 20, 40, 0.98), rgba(8, 12, 28, 0.96)) !important;
    box-shadow:
      0 26px 56px rgba(0, 0, 0, 0.38),
      0 0 28px rgba(35, 214, 255, 0.09),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    z-index: 8 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-action-menu button {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 14px 0 16px !important;
    border: none !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: #f1f5ff !important;
    box-shadow: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-action-menu button + button {
    border-top: 1px solid rgba(158, 176, 229, 0.12) !important;
    border-radius: 0 0 18px 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-action-menu strong {
    order: 1 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-action-menu span {
    order: 2 !important;
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: radial-gradient(circle at 50% 0%, rgba(68, 227, 255, 0.26), transparent 72%) !important;
    color: #63dcff !important;
    font-size: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filters {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 14px 16px !important;
    margin-top: -1px !important;
    border-radius: 0 0 30px 30px !important;
    border: 1px solid rgba(93, 226, 255, 0.16) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(32, 214, 255, 0.08), transparent 42%),
      linear-gradient(180deg, rgba(10, 16, 34, 0.95), rgba(5, 9, 22, 0.93)) !important;
    box-shadow:
      0 22px 52px rgba(0, 0, 0, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filters button {
    min-height: 44px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(146, 164, 214, 0.16) !important;
    background: rgba(16, 23, 44, 0.86) !important;
    color: rgba(210, 218, 240, 0.84) !important;
    font-size: 11.2px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filters button.active {
    border-color: rgba(70, 222, 255, 0.32) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(40, 219, 255, 0.3), transparent 60%),
      linear-gradient(135deg, rgba(16, 139, 188, 0.36), rgba(14, 28, 56, 0.9)) !important;
    color: #73efff !important;
    box-shadow:
      0 0 0 1px rgba(76, 225, 255, 0.08),
      0 16px 28px rgba(0, 0, 0, 0.22),
      0 0 20px rgba(32, 214, 255, 0.12) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-filter-plus {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 0 max(10px, env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 30px !important;
    border: 1px solid rgba(93, 226, 255, 0.14) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(28, 219, 255, 0.05), transparent 28%),
      linear-gradient(180deg, rgba(8, 14, 30, 0.96), rgba(4, 9, 22, 0.95)) !important;
    box-shadow:
      0 26px 58px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(144, 163, 214, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row:last-of-type {
    border-bottom: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row.active {
    background: linear-gradient(90deg, rgba(95, 66, 255, 0.14), rgba(10, 18, 36, 0)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row .ecm-chat-avatar {
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, var(--ecm-avatar-start), var(--ecm-avatar-end)) !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08),
      0 14px 28px rgba(0, 0, 0, 0.2),
      0 0 20px var(--ecm-avatar-glow) !important;
    font-size: 17px !important;
    overflow: visible !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row .ecm-chat-avatar u {
    text-decoration: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: #f7fbff !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row .ecm-chat-avatar i {
    position: absolute !important;
    right: -2px !important;
    bottom: -1px !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(5, 12, 25, 0.96) !important;
    background: #6e788f !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.12) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row[data-ecm-presence="online"] .ecm-chat-avatar i {
    background: #12f0bb !important;
    box-shadow: 0 0 14px rgba(18, 240, 187, 0.4) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row[data-ecm-presence="warn"] .ecm-chat-avatar i {
    background: #ffd646 !important;
    box-shadow: 0 0 14px rgba(255, 214, 70, 0.34) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row[data-ecm-presence="secure"] .ecm-chat-avatar i {
    background: #3b7cff !important;
    box-shadow: 0 0 14px rgba(59, 124, 255, 0.34) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-row strong {
    font-size: 13.9px !important;
    font-weight: 700 !important;
    color: #f4f7ff !important;
    letter-spacing: -0.01em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-preview {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    font-size: 10.9px !important;
    line-height: 1.35 !important;
    color: rgba(185, 195, 222, 0.8) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-preview mark {
    padding: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    font-size: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-preview span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-preview.warning {
    color: #ffbf56 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-preview.secure {
    color: #9db7df !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-meta {
    min-width: 46px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-meta b {
    font-size: 10.5px !important;
    font-weight: 500 !important;
    color: rgba(176, 186, 214, 0.78) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-meta em {
    min-width: 24px !important;
    height: 24px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #3d96ff, #1c66ff) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 18px rgba(34, 108, 255, 0.3) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ecm-chat-meta em[hidden] {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ecm-empty.compact,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-empty-card.ecm-empty,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chats-empty.ecm-empty {
    min-height: 0 !important;
    padding: 18px 16px !important;
    gap: 8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="chats"] .ec-mobile-chat-list .ec-mobile-chats-empty {
    margin: 10px 12px 0 !important;
    align-self: stretch !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ecm-empty.compact h2,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-empty-card.ecm-empty h2,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chats-empty.ecm-empty h2 {
    font-size: 17px !important;
    margin: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ecm-empty.compact p,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-empty-card.ecm-empty p,
  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-chats-empty.ecm-empty p {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-empty-actions {
    gap: 8px !important;
    margin-top: 8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] {
    padding: 12px 12px 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-profile-card {
    gap: 12px !important;
    margin-bottom: 2px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-profile-card > span:first-child {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-profile-card > div strong {
    font-size: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-profile-card > div small {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-profile-card > b {
    font-size: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-settings {
    gap: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-settings-section {
    margin: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-section-title {
    margin: 0 0 7px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-setting-row,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="vault"] .ec-mobile-setting-row {
    min-height: 50px !important;
    gap: 10px !important;
    padding: 9px 11px !important;
    border-radius: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-setting-icon,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="vault"] .ec-mobile-setting-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-setting-title,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="vault"] .ec-mobile-setting-title {
    font-size: 12.8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-setting-subtitle,
  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="vault"] .ec-mobile-setting-subtitle {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell [data-ecm-panel="more"] .ec-mobile-legal-note {
    line-height: 1.45 !important;
    margin-top: 6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-bottom-nav {
    width: 100% !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin: auto 0 0 !important;
    flex-shrink: 0 !important;
    padding: 5px !important;
    position: relative !important;
    z-index: 6 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(117, 237, 255, 0.16) !important;
    background: radial-gradient(circle at 18% 0%, rgba(34, 224, 255, 0.16), transparent 38%), radial-gradient(circle at 82% 100%, rgba(124, 76, 255, 0.18), transparent 42%), linear-gradient(180deg, rgba(14, 20, 40, 0.9), rgba(4, 7, 19, 0.88)) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42), 0 0 28px rgba(32, 218, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
    backdrop-filter: blur(22px) saturate(150%) !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-bottom-nav button {
    min-width: 0 !important;
    min-height: 45px !important;
    height: 45px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    padding: 4px 2px !important;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: rgba(205, 214, 236, 0.68) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
    box-shadow: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-bottom-nav button span {
    width: 20px !important;
    height: 20px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: currentColor !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell .ec-mobile-bottom-nav button.active {
    border-color: rgba(57, 224, 255, 0.3) !important;
    background: radial-gradient(circle at 50% 0%, rgba(54, 224, 255, 0.3), transparent 50%), linear-gradient(135deg, rgba(27, 208, 255, 0.16), rgba(115, 67, 255, 0.28)) !important;
    color: #7ff4ff !important;
    text-shadow: 0 0 16px rgba(45, 224, 255, 0.65) !important;
    box-shadow: 0 0 0 1px rgba(85, 255, 255, 0.09), 0 12px 32px rgba(42, 220, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    transform: scale(0.975) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] .ec-mobile-topbar {
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] .ec-mobile-status {
    min-height: 52px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(67, 232, 181, 0.22) !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 16% 50%, rgba(73, 255, 198, 0.18), transparent 32%), linear-gradient(135deg, rgba(10, 39, 47, 0.95), rgba(7, 20, 34, 0.98)) !important;
    color: #66f5bc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 0 20px rgba(67, 232, 181, 0.08) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] .ec-mobile-status::before {
    width: 10px !important;
    height: 10px !important;
    margin-right: 10px !important;
    background: #49f5ba !important;
    box-shadow: 0 0 14px rgba(73, 245, 186, 0.7) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"].ec-mobile-panel.active {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-shell {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 4px 12px calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-shell::-webkit-scrollbar {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-frame {
    position: relative !important;
    display: grid !important;
    gap: 10px !important;
    padding: 18px 14px 14px !important;
    border: 1px solid rgba(94, 114, 217, 0.18) !important;
    border-radius: 30px !important;
    background: radial-gradient(circle at 12% 0%, rgba(39, 222, 255, 0.12), transparent 28%), radial-gradient(circle at 88% 10%, rgba(124, 84, 255, 0.16), transparent 30%), linear-gradient(180deg, rgba(14, 21, 46, 0.98), rgba(8, 13, 31, 0.99) 48%, rgba(5, 8, 22, 0.995)) !important;
    box-shadow: 0 28px 58px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(28, 214, 255, 0.02) !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgba(255, 255, 255, 0.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.013) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: 0.22;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-frame::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 12px;
    height: 14px;
    border-top: 1px solid rgba(93, 111, 198, 0.22);
    border-bottom: 1px solid rgba(93, 111, 198, 0.12);
    border-radius: 999px;
    opacity: 0.45;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-head,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-search,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-eyebrow,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote {
    position: relative !important;
    z-index: 1 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-head-copy {
    min-width: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-head h1 {
    margin: 0 !important;
    color: #f7f8ff !important;
    font-size: clamp(22px, 6.3vw, 26px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.065em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-head p {
    margin: 6px 0 0 !important;
    max-width: 210px !important;
    color: rgba(182, 194, 225, 0.78) !important;
    font-size: 11.1px !important;
    line-height: 1.38 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-head-actions {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-add {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border: 1px solid rgba(69, 146, 255, 0.28) !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 30% 22%, rgba(55, 221, 255, 0.16), transparent 28%), linear-gradient(135deg, rgba(18, 45, 90, 0.96), rgba(69, 23, 109, 0.92)) !important;
    color: #7fe6ff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 14px 26px rgba(31, 21, 92, 0.24) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-search {
    min-height: 60px !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid rgba(86, 103, 198, 0.26) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(13, 19, 41, 0.98), rgba(9, 13, 32, 0.985)), rgba(255, 255, 255, 0.02) !important;
    color: rgba(162, 177, 224, 0.82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-search-icon {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    color: rgba(154, 167, 217, 0.84) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-search-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-search input {
    color: #f4f7ff !important;
    font-size: 12.4px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-search input::placeholder {
    color: rgba(162, 177, 224, 0.72) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary {
    min-height: 116px !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(34, 200, 164, 0.22) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 0% 0%, rgba(32, 223, 182, 0.18), transparent 38%), linear-gradient(135deg, rgba(7, 47, 46, 0.95), rgba(7, 31, 44, 0.98) 56%, rgba(8, 16, 30, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 20px 44px rgba(0, 0, 0, 0.26) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary-icon {
    width: 56px !important;
    height: 56px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 30% 22%, rgba(88, 255, 213, 0.28), transparent 28%), linear-gradient(135deg, rgba(22, 122, 94, 0.7), rgba(14, 66, 74, 0.92)) !important;
    color: #5dffcb !important;
    box-shadow: inset 0 0 0 1px rgba(93, 255, 203, 0.16), 0 16px 26px rgba(2, 35, 33, 0.28) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary-icon svg {
    width: 28px !important;
    height: 28px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary strong {
    display: block !important;
    color: #f4fbff !important;
    font-size: 14.2px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary small {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(177, 208, 205, 0.84) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary > div {
    min-width: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary-badge {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border: 1px solid rgba(70, 241, 186, 0.18) !important;
    border-radius: 999px !important;
    background: rgba(17, 116, 87, 0.34) !important;
    color: #55f1b8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-eyebrow {
    padding: 2px 4px 0 !important;
    color: rgba(176, 178, 220, 0.74) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories {
    display: grid !important;
    gap: 8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-row {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(76, 93, 177, 0.24) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 0% 0%, rgba(39, 222, 255, 0.08), transparent 34%), linear-gradient(180deg, rgba(18, 24, 51, 0.98), rgba(9, 14, 34, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 28px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    color: #eaf9ff !important;
    background: rgba(18, 30, 68, 0.96) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 22px rgba(0, 0, 0, 0.18) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] [data-vault-kind="documents"] .ec-mobile-setting-icon {
    color: #40c7ff !important;
    background: linear-gradient(135deg, rgba(18, 91, 169, 0.4), rgba(18, 40, 96, 0.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(82, 195, 255, 0.2), 0 14px 24px rgba(8, 31, 75, 0.28) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] [data-vault-kind="images"] .ec-mobile-setting-icon {
    color: #b182ff !important;
    background: linear-gradient(135deg, rgba(103, 46, 176, 0.42), rgba(44, 23, 97, 0.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(182, 129, 255, 0.18), 0 14px 24px rgba(48, 18, 83, 0.3) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] [data-vault-kind="videos"] .ec-mobile-setting-icon {
    color: #2fe4ff !important;
    background: linear-gradient(135deg, rgba(14, 102, 166, 0.42), rgba(10, 35, 94, 0.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(47, 228, 255, 0.18), 0 14px 24px rgba(9, 36, 81, 0.3) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] [data-vault-kind="notes"] .ec-mobile-setting-icon {
    color: #ffba53 !important;
    background: linear-gradient(135deg, rgba(142, 84, 17, 0.42), rgba(76, 38, 17, 0.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 186, 83, 0.18), 0 14px 24px rgba(66, 30, 8, 0.28) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] [data-vault-kind="passwords"] .ec-mobile-setting-icon {
    color: #ff73c9 !important;
    background: linear-gradient(135deg, rgba(124, 27, 101, 0.42), rgba(70, 22, 72, 0.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 115, 201, 0.18), 0 14px 24px rgba(62, 13, 50, 0.28) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-title,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-subtitle {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-title {
    color: #f5f7ff !important;
    font-size: 14.2px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-subtitle {
    color: rgba(183, 194, 224, 0.84) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-chevron {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: end !important;
    border-radius: 12px !important;
    color: rgba(180, 181, 255, 0.86) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    background: radial-gradient(circle, rgba(124, 85, 255, 0.12) 1px, transparent 1.5px), rgba(15, 18, 44, 0.98) !important;
    background-size: 5px 5px, auto !important;
    box-shadow: inset 0 0 0 1px rgba(77, 88, 160, 0.18) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 2px 0 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(76, 93, 177, 0.22) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 100% 0%, rgba(123, 98, 255, 0.14), transparent 32%), linear-gradient(180deg, rgba(16, 21, 46, 0.98), rgba(8, 12, 30, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 30px rgba(0, 0, 0, 0.2) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote strong {
    color: #eef3ff !important;
    font-size: 14.2px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote small {
    display: block !important;
    color: rgba(188, 198, 226, 0.84) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote-icon {
    width: 56px !important;
    height: 56px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: end !important;
    border-radius: 18px !important;
    color: #77d0ff !important;
    background: radial-gradient(circle at 34% 22%, rgba(171, 137, 255, 0.24), transparent 24%), linear-gradient(135deg, rgba(63, 95, 255, 0.44), rgba(58, 27, 133, 0.94)) !important;
    box-shadow: inset 0 0 0 1px rgba(119, 208, 255, 0.18), 0 16px 26px rgba(30, 31, 102, 0.28) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] * {
    max-width: 100% !important;
  }
}

@media (max-width: 390px) {
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-frame {
    padding: 16px 12px 13px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary-icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary strong {
    font-size: 13.8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary small {
    margin-top: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-summary-badge {
    grid-column: 2 !important;
    justify-self: start !important;
    min-height: 32px !important;
    margin-top: 2px !important;
    padding: 0 13px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-row {
    grid-template-columns: 46px minmax(0, 1fr) 32px !important;
    min-height: 68px !important;
    gap: 10px !important;
    padding: 10px 11px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-title {
    font-size: 13.6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-subtitle {
    font-size: 10.7px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-chevron {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 10px !important;
    padding: 13px 12px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-footnote-icon svg {
    width: 24px !important;
    height: 24px !important;
  }
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] .ec-mobile-topbar {
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] .ec-mobile-status {
    min-height: 52px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(67, 232, 181, 0.22) !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 16% 50%, rgba(73, 255, 198, 0.18), transparent 32%), linear-gradient(135deg, rgba(10, 39, 47, 0.95), rgba(7, 20, 34, 0.98)) !important;
    color: #66f5bc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 0 20px rgba(67, 232, 181, 0.08) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] .ec-mobile-status::before {
    width: 10px !important;
    height: 10px !important;
    margin-right: 10px !important;
    background: #49f5ba !important;
    box-shadow: 0 0 14px rgba(73, 245, 186, 0.7) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"].ec-mobile-panel.active {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-shell {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 6px 12px calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-shell::-webkit-scrollbar {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-frame {
    position: relative !important;
    display: grid !important;
    gap: 10px !important;
    padding: 18px 14px 14px !important;
    border: 1px solid rgba(94, 114, 217, 0.18) !important;
    border-radius: 30px !important;
    background: radial-gradient(circle at 12% 0%, rgba(39, 222, 255, 0.11), transparent 28%), radial-gradient(circle at 88% 10%, rgba(124, 84, 255, 0.15), transparent 30%), linear-gradient(180deg, rgba(14, 21, 46, 0.98), rgba(8, 13, 31, 0.99) 48%, rgba(5, 8, 22, 0.995)) !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(28, 214, 255, 0.02) !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgba(255, 255, 255, 0.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.013) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: 0.2;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-frame::after {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 14px;
    height: 16px;
    border-top: 1px solid rgba(93, 111, 198, 0.2);
    border-bottom: 1px solid rgba(93, 111, 198, 0.1);
    border-radius: 999px;
    opacity: 0.42;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-eyebrow,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout {
    position: relative !important;
    z-index: 1 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head-copy {
    min-width: 0 !important;
    padding-right: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head h1 {
    margin: 0 !important;
    color: #f7f8ff !important;
    font-size: clamp(20px, 6.1vw, 24px) !important;
    line-height: 1.01 !important;
    font-weight: 950 !important;
    letter-spacing: -0.05em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head p {
    margin: 6px 0 0 !important;
    max-width: 100% !important;
    color: rgba(182, 194, 225, 0.78) !important;
    font-size: 11.3px !important;
    line-height: 1.4 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head-actions,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-out {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card {
    min-height: 94px !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(74, 93, 184, 0.2) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 0% 0%, rgba(39, 222, 255, 0.08), transparent 36%), linear-gradient(180deg, rgba(15, 23, 48, 0.98), rgba(9, 14, 34, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 28px rgba(0, 0, 0, 0.2) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > span:first-child {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(34, 133, 255, 0.7), rgba(119, 84, 255, 0.86)) !important;
    color: #f8fbff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
    box-shadow: inset 0 0 0 1px rgba(177, 220, 255, 0.12), 0 12px 22px rgba(24, 40, 97, 0.24) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > div {
    min-width: 0 !important;
    padding-right: 4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > div strong {
    display: block !important;
    color: #f5f8ff !important;
    font-size: 14.2px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    white-space: normal !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > div small {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(183, 194, 224, 0.82) !important;
    font-size: 10.8px !important;
    line-height: 1.36 !important;
    white-space: normal !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > b {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border: 1px solid rgba(70, 241, 186, 0.18) !important;
    border-radius: 999px !important;
    background: rgba(17, 116, 87, 0.18) !important;
    color: #55f1b8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-eyebrow {
    padding: 2px 2px 0 !important;
    color: rgba(176, 178, 220, 0.74) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories {
    display: grid !important;
    gap: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-row {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(74, 93, 184, 0.2) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 0% 0%, rgba(39, 222, 255, 0.08), transparent 36%), linear-gradient(180deg, rgba(15, 23, 48, 0.98), rgba(9, 14, 34, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 28px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 214, 255, 0.02) !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    color: #ebf9ff !important;
    background: linear-gradient(135deg, rgba(25, 56, 118, 0.68), rgba(76, 50, 151, 0.88)) !important;
    box-shadow: inset 0 0 0 1px rgba(177, 220, 255, 0.12), 0 12px 22px rgba(24, 40, 97, 0.22) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="account"] .ec-mobile-setting-icon {
    color: #a6cfff !important;
    background: linear-gradient(135deg, rgba(30, 95, 184, 0.68), rgba(69, 49, 154, 0.9)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="security"] .ec-mobile-setting-icon {
    color: #d6f6ff !important;
    background: linear-gradient(135deg, rgba(22, 98, 170, 0.66), rgba(67, 48, 150, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="privacy"] .ec-mobile-setting-icon {
    color: #cfe6ff !important;
    background: linear-gradient(135deg, rgba(25, 87, 160, 0.66), rgba(68, 51, 145, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="notifications"] .ec-mobile-setting-icon {
    color: #eff4ff !important;
    background: linear-gradient(135deg, rgba(30, 89, 164, 0.66), rgba(79, 52, 156, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="chats"] .ec-mobile-setting-icon {
    color: #ecf6ff !important;
    background: linear-gradient(135deg, rgba(26, 97, 176, 0.66), rgba(88, 52, 153, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="devices"] .ec-mobile-setting-icon {
    color: #e7f4ff !important;
    background: linear-gradient(135deg, rgba(28, 92, 166, 0.66), rgba(76, 48, 148, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="support"] .ec-mobile-setting-icon {
    color: #eff8ff !important;
    background: linear-gradient(135deg, rgba(28, 99, 166, 0.66), rgba(94, 54, 160, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="legal"] .ec-mobile-setting-icon {
    color: #eef7ff !important;
    background: linear-gradient(135deg, rgba(27, 90, 166, 0.66), rgba(79, 51, 152, 0.88)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] [data-settings-kind="premium"] .ec-mobile-setting-icon {
    color: #f0fbff !important;
    background: linear-gradient(135deg, rgba(30, 104, 175, 0.66), rgba(97, 55, 166, 0.9)) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout {
    width: 100% !important;
    min-height: 72px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 2px 0 0 !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(224, 96, 142, 0.18) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 0% 0%, rgba(255, 95, 144, 0.11), transparent 30%), radial-gradient(circle at 100% 100%, rgba(124, 84, 255, 0.14), transparent 34%), linear-gradient(180deg, rgba(27, 18, 42, 0.98), rgba(14, 11, 31, 0.99)) !important;
    color: #ffe8f4 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 30px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(255, 95, 144, 0.03) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    color: #ffb8d4 !important;
    background: linear-gradient(135deg, rgba(124, 35, 83, 0.72), rgba(84, 36, 124, 0.88)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 188, 220, 0.12), 0 12px 22px rgba(50, 17, 53, 0.26) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
    text-align: left !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-copy strong {
    display: block !important;
    color: #fff1f7 !important;
    font-size: 14.2px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-copy small {
    display: block !important;
    color: rgba(223, 193, 214, 0.8) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-title,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-subtitle {
    display: block !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-title {
    color: #f5f7ff !important;
    font-size: 14.2px !important;
    line-height: 1.12 !important;
    font-weight: 760 !important;
    letter-spacing: -0.03em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-subtitle {
    color: rgba(183, 194, 224, 0.84) !important;
    font-size: 11.1px !important;
    line-height: 1.16 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-chevron {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: end !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #55d6ff !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-chevron svg {
    width: 16px !important;
    height: 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-subpage {
    position: relative !important;
    z-index: 1 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-subpage[hidden] {
    display: none !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-frame.is-subpage {
    min-height: 100% !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-subhead {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-sub-content {
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-sub-card,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-sub-row {
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid rgba(74, 93, 184, 0.2) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 0% 0%, rgba(39, 222, 255, 0.08), transparent 36%), linear-gradient(180deg, rgba(15, 23, 48, 0.98), rgba(9, 14, 34, 0.99)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 28px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 214, 255, 0.02) !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-sub-card {
    display: grid !important;
    gap: 5px !important;
    padding: 14px 16px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-sub-card strong {
    color: #f5f7ff !important;
    font-size: 14.2px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-sub-card small {
    color: rgba(183, 194, 224, 0.84) !important;
    font-size: 11.1px !important;
    line-height: 1.35 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-sub-row {
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] * {
    max-width: 100% !important;
  }
}

@media (max-width: 390px) {
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-frame {
    padding: 16px 12px 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-head p {
    margin-top: 6px !important;
    font-size: 10.9px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 13px 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > span:first-child {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > div strong {
    font-size: 13.4px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-profile-card > b {
    min-height: 32px !important;
    padding: 0 12px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-row {
    grid-template-columns: 46px minmax(0, 1fr) 18px !important;
    min-height: 60px !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 22px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-title {
    font-size: 13.6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-subtitle {
    font-size: 10.7px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout {
    min-height: 66px !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 11px 12px !important;
    border-radius: 22px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-copy strong {
    font-size: 13.6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-logout-copy small {
    font-size: 10.7px !important;
  }
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories {
    gap: 8px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-row,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-row {
    min-height: 64px !important;
    grid-template-columns: 44px minmax(0, 1fr) 28px !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    align-items: center !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    align-self: center !important;
    justify-self: start !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon svg,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon svg [stroke],
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon svg [stroke] {
    stroke-width: 2.15 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-copy,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-copy {
    gap: 2px !important;
    align-content: center !important;
    padding-right: 2px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-title,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-title {
    font-size: 14px !important;
    line-height: 1.08 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-subtitle,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-subtitle {
    font-size: 10.9px !important;
    line-height: 1.18 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-chevron,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-chevron {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-chevron svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }
}

@media (max-width: 390px) {
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories {
    gap: 7px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-row,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-row {
    min-height: 60px !important;
    grid-template-columns: 42px minmax(0, 1fr) 26px !important;
    gap: 9px !important;
    padding: 10px 11px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-icon svg,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-title,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-title {
    font-size: 13.6px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-subtitle,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-subtitle {
    font-size: 10.7px !important;
  }

  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="vault"] [data-ecm-panel="vault"] .ec-mobile-vault-categories .ec-mobile-setting-chevron,
  body.ec-mobile-shell-active #ec-mobile-shell[data-ecm-view="more"] [data-ecm-panel="more"] .ec-mobile-settings-categories .ec-mobile-setting-chevron {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }
}

#chat-screen .ec-image-message {
  max-width: min(360px, 78vw);
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(10, 14, 26, 0.72);
  overflow: hidden;
}

#chat-screen .ec-image-message .msg-media {
  display: block;
  width: 100%;
  max-height: 360px;
  object-fit: contain;
  border-radius: 14px;
}

#chat-screen .ec-image-caption,
#chat-screen .ec-image-fallback {
  margin-top: 7px;
  color: var(--text2);
  font-size: 11px;
  line-height: 1.35;
  word-break: break-word;
}