/* ============================================================
   ZoF TicketBot Dashboard – Angleichung an zockerfreunde.at
   Wird NACH dashboard.css geladen. Zum Zurückschalten auf den
   alten Look einfach den <link> auf diese Datei entfernen.
   ============================================================ */
:root{
  --bg-card3:#1c2027;--border-hi:#3a3f48;--accent-2:#d99b00;--discord:#5865f2;
  --gold-grad:linear-gradient(180deg,#fff8e1 0%,#ffe14d 40%,#ffd700 60%,#d99b00 100%);
}

/* Hintergrund wie die Website: goldener Schimmer oben + Partikel (bgfx.js) statt Raster */
body{background:var(--bg);background-image:radial-gradient(circle at 50% 0,rgba(255,215,0,0.05),transparent 45%);background-attachment:fixed}
.pbg{display:none}
#bgfx{position:fixed;inset:0;z-index:0;pointer-events:none}
.app{position:relative;z-index:1}

/* Seitenleiste: halbtransparent mit Unschärfe wie die Website-Navigation */
.sb{background:rgba(17,20,24,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.logo img,#sidebar-logo{filter:drop-shadow(0 0 10px rgba(57,217,138,.35))}
.sb-glabel{opacity:.7;color:var(--accent);font-size:7.5px}
.nb.ac{box-shadow:inset 0 0 0 1px rgba(255,215,0,.35),var(--glow)}

/* Seitentitel als Gold-Überschrift (wie .gold auf der Website) */
.pt{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 22px rgba(255,215,0,0.32));letter-spacing:.08em;line-height:1.15}
.ps{letter-spacing:.16em}

/* Karten: etwas mehr Tiefe, Rahmen hebt sich beim Überfahren */
.card{background:rgba(17,20,24,.92);transition:border-color .15s}
.card:hover{border-color:var(--border-hi)}

/* Buttons wie auf der Website */
.btn{transition:.15s}
.bp{border:1px solid var(--accent);box-shadow:0 6px 24px rgba(255,215,0,0.22)}
.bp:hover{box-shadow:0 10px 30px rgba(255,215,0,0.38)}
.bg2:hover{border-color:var(--accent);color:var(--accent)}

/* Login-Seite: Partikel sichtbar, Gold-Titel */
#login{background:transparent}
.lc{background:rgba(17,20,24,.88);border:1px solid var(--border);border-radius:var(--rl);box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lt{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  text-shadow:none;filter:drop-shadow(0 0 22px rgba(255,215,0,0.32))}

/* Meldungen wie die Flash-Hinweise der Website */
.toast{border-left-width:4px!important;box-shadow:var(--shadow);font-family:var(--fb);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.toast.ok,.toast.er{color:var(--text-bright)}

/* Modals: gleiche Unschärfe */
.mo{background:rgba(17,20,24,.97)}

@media (prefers-reduced-motion: reduce){ *{transition:none!important;scroll-behavior:auto!important} }

/* Login-Emblem wie das Logo auf der Startseite */
.li img{width:96px;height:96px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 0 26px rgba(57,217,138,0.4))}