/* assets/theme.css
   NCR Portal — Custom DaisyUI v4 Theme + Shared Utilities
   WICHTIG: DaisyUI v4 gepinnt auf @4.12.14 — KEIN Update auf v5 ohne Migrations-Schritt.
   DaisyUI v4 verwendet oklch() intern — alle Farb-Token müssen oklch-Format (L C H) haben.
*/

[data-theme="ncr-dark"] {
  color-scheme: dark;
  /* Base backgrounds (oklch L C H) — neutral dark, kein Blaustich */
  --b1: 0.112 0 0;   /* #121212 — reines Dunkel */
  --b2: 0.142 0 0;   /* #181818 */
  --b3: 0.168 0 0;   /* #1e1e1e */
  --bc: 0.920 0.008 80;   /* leicht warmes Weiß */
  /* Neutral */
  --n:  0.205 0 0;   /* #262626 */
  --nc: 0.920 0.008 80;
  /* Functional */
  --in:  0.6233 0.1883 259.6;  /* #3b82f6 — info blau */
  --inc: 0.98 0 0;
  --su:  0.7235 0.1935 149.7;  /* #22c55e — success grün */
  --suc: 0.13 0 0;
  --wa:  0.7693 0.1646 71.1;   /* #f59e0b — warning gelb */
  --wac: 0.13 0 0;
  --er:  0.6371 0.2070 25.4;   /* #ef4444 — error rot */
  --erc: 0.98 0 0;
  /* Structural */
  --rounded-box: 0.5rem;
  --rounded-btn: 0.375rem;
  --rounded-badge: 0.25rem;
  --animation-btn: 0.15s;
  --animation-input: 0.15s;
  --tab-radius: 0.4rem;
  /* --p, --pc, --s, --sc, --a, --ac werden durch renderAccentCssVariables() gesetzt */
}

/* Glassmorphism — nur für Hero-Cards und Modals */
.glass-card {
  background: rgba(20, 20, 20, 0.70);
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

/* Discord OAuth Button */
.btn-discord {
  background-color: #5865f2;
  color: #fff;
  border: none;
}
.btn-discord:hover {
  background-color: #4752c4;
  color: #fff;
}

/* Stellt sicher, dass das HTML-Attribut [hidden] nicht durch DaisyUI-Komponenten
   (z.B. .card { display:flex }) überschrieben wird. DaisyUI-Komponenten liegen in
   @layer components und überschreiben sonst das Tailwind-Preflight in @layer base. */
[hidden] { display: none !important; }

/* Aktiver Nav-Link in der Sidebar */
.nav-link-active {
  border-left: 2px solid oklch(var(--p));
  background: oklch(var(--p) / 0.10);
  color: oklch(var(--p));
  font-weight: 500;
}

/* ── MOTD-Ticker (Mitarbeiterportal Navbar) ───────────────────────────── */
.motd-bar {
  background: oklch(var(--p) / 0.11);
  border-top: 1px solid oklch(var(--p) / 0.25);
  padding: 5px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 28px;
}
.motd-bar.is-ticker-mode {
  justify-content: flex-start;
}
.motd-bar-icon {
  flex-shrink: 0;
  font-size: 0.7rem;
}
.motd-bar-label {
  flex-shrink: 0;
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: oklch(var(--p));
}
.motd-bar-divider {
  flex-shrink: 0;
  width: 1px;
  height: 12px;
  background: oklch(var(--p) / 0.35);
}
.motd-bar-track {
  overflow: hidden;
  min-width: 0;
}
.motd-bar.is-ticker-mode .motd-bar-track {
  flex: 1;
}
.motd-bar-text {
  font-size: 0.75rem;
  font-weight: 500;
  color: oklch(var(--bc) / 0.90);
  white-space: nowrap;
}
/* Laufschrift */
.motd-bar-track.is-ticker .motd-bar-inner {
  display: inline-flex;
  width: max-content;
  animation: motd-ticker 28s linear infinite;
}
.motd-bar-track.is-ticker .motd-bar-inner:hover {
  animation-play-state: paused;
}
.motd-bar-track.is-ticker .motd-bar-text {
  padding-right: 4rem;
}
@keyframes motd-ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}