/* PSNV.app – Backend-Theme (Filament v5), abgestimmt auf die Frontend-Designsprache.
   Ruhige, desktop-optimierte Koordinationsoberfläche in PSNV-Lila. */

:root {
  --psnv-primary: #5E2E8C;
  --psnv-primary-dark: #46216B;
  --psnv-tint: #F1EBF8;
  --psnv-ink: #241C36;
  --psnv-muted: #6E6685;
  --psnv-bg: #FAF8FC;
  --psnv-line: rgba(94, 46, 140, .14);
}

/* ---------- Grundflächen ---------- */
.fi-body,
.fi-simple-layout {
  background-color: var(--psnv-bg);
}

/* ---------- Marken-Signet (Sidebar / Login) ---------- */
.psnv-brand {
  display: inline-flex;
  flex-direction: column;
  line-height: 1;
}
.psnv-brand-mark {
  font-family: 'Barlow Semi Condensed', system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--psnv-primary);
}
.psnv-brand-sub {
  font-family: 'Barlow Semi Condensed', system-ui, sans-serif;
  font-weight: 500;
  font-size: .7rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--psnv-muted);
  margin-top: 2px;
}
:is(.dark) .psnv-brand-mark { color: #C9B3E6; }
:is(.dark) .psnv-brand-sub { color: #A99FBF; }

/* ---------- Überschriften in Barlow (wie Frontend) ---------- */
.fi-topbar-heading,
.fi-header-heading,
.fi-section-header-heading,
.fi-wi-stats-overview-stat-value,
.fi-modal-heading,
.fi-ta-header-heading {
  font-family: 'Barlow Semi Condensed', system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--psnv-primary-dark);
}
:is(.dark) .fi-header-heading,
:is(.dark) .fi-section-header-heading,
:is(.dark) .fi-modal-heading { color: #EDE8F5; }

.fi-header-heading { font-size: 1.6rem; letter-spacing: .02em; }

/* ---------- Sidebar ---------- */
.fi-sidebar {
  background-color: #fff;
  border-right: 1px solid var(--psnv-line);
}
.fi-sidebar-header {
  background-color: #fff;
  box-shadow: 0 1px 0 var(--psnv-line);
}
.fi-sidebar-group-label {
  font-family: 'Barlow Semi Condensed', system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .68rem;
  color: var(--psnv-muted);
}
.fi-sidebar-item-button {
  border-radius: 10px;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-sidebar-item-button[aria-current="page"] {
  background-color: var(--psnv-tint);
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label {
  color: var(--psnv-primary-dark);
  font-weight: 600;
}

/* ---------- Topbar ---------- */
.fi-topbar > nav {
  background-color: rgba(255, 255, 255, .95);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--psnv-line);
}

/* ---------- Karten / Panels ---------- */
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn,
.fi-fo-field-wrp {
  border-radius: 14px;
}
.fi-section {
  border: 1px solid var(--psnv-line);
  box-shadow: 0 1px 3px rgba(70, 33, 107, .05);
}

/* ---------- Buttons: ruhige, runde PSNV-Optik ---------- */
.fi-btn {
  border-radius: 11px;
  font-weight: 600;
}

/* ---------- Kennzahl-Kacheln (Dashboard) ---------- */
.fi-wi-stats-overview-stat {
  border: 1px solid var(--psnv-line);
  box-shadow: 0 1px 3px rgba(70, 33, 107, .05);
}
.fi-wi-stats-overview-stat-value {
  font-size: 1.9rem;
}

/* ---------- Login-Seite ---------- */
.fi-simple-layout .fi-logo {
  justify-content: center;
  margin-bottom: .5rem;
}
.fi-simple-main {
  border: 1px solid var(--psnv-line);
  border-radius: 18px;
  box-shadow: 0 8px 40px rgba(70, 33, 107, .12);
}

/* ---------- Dark-Mode-Flächen etwas wärmer ---------- */
:is(.dark) .fi-body { background-color: #17121F; }
:is(.dark) .fi-sidebar,
:is(.dark) .fi-sidebar-header { background-color: #211A2E; border-color: rgba(185,155,225,.16); }
:is(.dark) .fi-topbar > nav { background-color: rgba(33,26,46,.95); }