/* ==========================================================================
   Deck dunkel (Owner 2026-09-07: "passe bitte auch das ganze UI an den Style
   der Loginpage an, also dunklere Farbtoene usw.").

   Die Loginpage v2 gibt die Farbwelt vor: Flaechen fast schwarz
   (#04030a-#0c0816), Rahmen weiss-transparent statt violett, Violett nur
   noch als Akzent (aktiver Zustand, Knoepfe, Leuchtlinien), weniger Glow.
   Diese Datei wird als LETZTES Stylesheet geladen und ueberschreibt nur
   Farben, Rahmen und Schatten - Layout, Bewegung und Typografie bleiben.
   Zurueck zum alten Look: die Zeile in index.html entfernen.
   ========================================================================== */

/* Owner 2026-09-07 spaeter: "das Haupt-UI ist jetzt zu dunkel" - Mittelweg:
   Karten eine Stufe heller als die Login-Karte, aber weiter unter dem alten
   Violett (30,15,55); Rahmen etwas sichtbarer. */
:root {
  --dk-bg: #060414;
  --dk-card: linear-gradient(165deg, rgba(30, 18, 54, 0.87), rgba(13, 8, 25, 0.91));
  --dk-card-solid: linear-gradient(165deg, #1a102f, #0b0716);
  --dk-border: rgba(196, 181, 253, 0.26);
  --dk-border-soft: rgba(255, 255, 255, 0.15);
  --dk-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(216, 180, 254, 0.22), 0 0 0 1px rgba(168, 85, 247, 0.06), 0 0 28px rgba(124, 58, 237, 0.08);
  --dk-input: rgba(22, 16, 38, 0.9);
}

/* 2026-09-09 abends, Owner: "das ganze UI ein bisschen heller" - alle Toene eine
   Stufe angehoben, dann "wieder ein bisschen dunkler, mit schoenen Neon-Effekten,
   keine billigen Glows": Grund 060414, Karten 30,18,54 -> 13,8,25, Rahmen .26,
   Neon = heller Lichtsaum an der Oberkante (inset 1px 216,180,254 .22) plus
   hauchduenner violetter Rand und weicher Aussenschein (.08) - kein Blur-Glow.
   Nicht ungefragt weiter drehen. */
/* ---- Buehne & Hintergrund ---- */
.l3d-root { background: var(--dk-bg); }
.l3d-glow {
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(124, 58, 237, 0.24), transparent 60%),
    radial-gradient(70% 40% at 50% 100%, rgba(168, 85, 247, 0.15), transparent 70%);
}
.l3d-root:not(.lg2-root) .l3d-candles { opacity: 0.75; }
.l3d-hexworld { opacity: 0.85; }
.l3d-header { background: linear-gradient(180deg, rgba(6, 4, 20, 0.92), rgba(6, 4, 20, 0)); }

/* ---- Karten ---- */
.l3d-card,
.l3d-hero,
.l3d-log-card,
.l3d-bubbles,
.l3d-user-card,
.lg-invite,
.lg-boot,
.gt-chartpage .signal-card,
.panel,
.signal-card,
.status-strip,
.news-card {
  background: var(--dk-card);
  border-color: var(--dk-border);
  box-shadow: var(--dk-shadow);
}
.l3d-signal {
  background: var(--dk-card);
  border-color: rgba(109, 255, 191, 0.22);
  box-shadow: var(--dk-shadow);
}
.l3d-signal.short { border-color: rgba(255, 109, 138, 0.24); }
.chat-msg { background: rgba(26, 17, 44, 0.85); border-color: var(--dk-border); }

/* Positionskarten: Richtung bleibt am Rahmen und im Pfeil, die Fuellung wird
   dunkel wie die Karte daneben - die satten Gruen-/Rot-Flaechen waren das
   Hellste im Deck. */
.l3d-mini {
  background: linear-gradient(165deg, rgba(16, 44, 34, 0.82), rgba(9, 20, 18, 0.9));
  border-color: rgba(109, 255, 191, 0.26);
}
.l3d-mini.short {
  background: linear-gradient(165deg, rgba(52, 16, 28, 0.82), rgba(24, 9, 15, 0.9));
  border-color: rgba(255, 109, 138, 0.28);
}

/* ---- Navigation ---- */
.l3d-nav {
  background: rgba(16, 10, 30, 0.9);
  border-color: rgba(196, 181, 253, 0.18);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65), 0 0 24px rgba(124, 58, 237, 0.12);
}
.l3d-nav button { color: rgba(255, 255, 255, 0.5); }
.l3d-nav button.active {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.45), rgba(124, 58, 237, 0.22));
  color: #f5f3ff;
  box-shadow: 0 0 16px rgba(124, 58, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.l3d-logout { border-color: rgba(255, 255, 255, 0.12); }

/* ---- Eingaben, Chips, Modals ---- */
.lg-field input,
.lg-field textarea,
.l3d-scan-search input,
.l3d-user-form input {
  background: var(--dk-input);
  border-color: var(--dk-border-soft);
}
.lg-field input:focus,
.lg-field textarea:focus,
.l3d-scan-search input:focus,
.l3d-user-form input:focus { border-color: rgba(168, 85, 247, 0.7); }
.l3d-scan-search .search-results { background: rgba(20, 13, 38, 0.97); border-color: var(--dk-border); }
.l3d-chips button { background: rgba(255, 255, 255, 0.04); border-color: var(--dk-border-soft); }
.l3d-chips button.active { background: rgba(124, 58, 237, 0.32); border-color: rgba(168, 85, 247, 0.55); }
.lane-modal-backdrop { background: rgba(4, 3, 10, 0.86); }
.lane-modal { background: var(--dk-card-solid); border-color: var(--dk-border); }
.gt-confirm { background: var(--dk-card-solid); border-color: var(--dk-border); }
.l3d-bubble-tip, .l3d-bubble-pop { background: rgba(20, 13, 38, 0.96); border-color: var(--dk-border); }
.lg-seats { background: var(--dk-card); border-color: var(--dk-border); }
.memory-pre { background: rgba(20, 13, 38, 0.7); border-color: var(--dk-border-soft); }

/* ---- Chartseite ---- */
.gt-chartpage .chart-frame {
  border-color: var(--dk-border);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, 0.08), transparent 60%),
    repeating-linear-gradient(90deg, rgba(196, 181, 253, 0.02) 0, rgba(196, 181, 253, 0.02) 1px, transparent 1px, transparent 64px),
    linear-gradient(180deg, #120c22, #08061a);
}
.gt-chartpage .chart-stats,
.gt-chartpage .gt-tf-row,
.gt-chartpage .position-levels div,
.gt-chartpage .chart-live-pill { background: rgba(20, 13, 38, 0.6); border-color: var(--dk-border-soft); }

/* ---- KI-Kern-Kacheln und Pills: gleiche Ruhe wie die Login-Karte ---- */
.l3d-core-tile { border-color: var(--dk-border-soft); background: linear-gradient(160deg, rgba(124, 58, 237, 0.12), rgba(124, 58, 237, 0.03)); }
.l3d-core-sys span { border-color: var(--dk-border-soft); }