/* Nyra Dark Theme — compat.css
   Zweck: Kleine, versionsbezogene Fixes nach Sngine-Updates.
   Vorgehen:
   - Pro Sngine-Release einen Kommentarblock ergänzen.
   - Nur punktuelle Overrides hier pflegen, Kern-CSS sauber lassen.
*/

/* --- Sngine vX.Y.Z — 2025-09-23 ---
   Beispiel (ersetzen/löschen, wenn nicht gebraucht):
   .dropdown-item { padding-top:.5rem; padding-bottom:.5rem; }
   .btn-primary { border-width:1px; }
*/
/* =========================
   Nyra – Icon & Sidebar-Finish
   ========================= */

/* 1) Feather-Icons: mehr Kontrast */
:root{
  --nyra-icon: #d5def0;            /* Standard-Strichfarbe der Icons */
  --nyra-icon-hover: #eaf2ff;      /* Hover */
  --nyra-accent: #8b5cf6;          /* Akzent (passt zu deinem Violett) */
  --nyra-border: #202736;
  --nyra-surface:#0f141a;
}

/* Feather nutzt stroke="currentColor" → wir steuern über 'color' */
.fi{
  color: var(--nyra-icon);
  stroke: currentColor;
  width:18px; height:18px; vertical-align:-.125em;
}
a:hover .fi, button:hover .fi, .nav-link:hover .fi { color: var(--nyra-icon-hover); }

/* 2) Sidebar-Panel-Header: horizontaler Verlauf in Akzenttönen */
.sidebar .card-header,
.widget .card-header,
.panel-heading,                          /* Fallback für ältere Markup-Stellen */
.sidebar .panel .panel-heading{
  /* Basis */
  background: var(--nyra-surface);
  color:#eaf2ff;
  border-bottom:1px solid var(--nyra-border);
  border-top-left-radius:12px; border-top-right-radius:12px;
  padding-top:.75rem; padding-bottom:.65rem;

  /* Verlauf-Overlay (links kräftiger → rechts ausfaden) */
  background-image:
    linear-gradient(90deg,
      rgba(139, 92, 246, .24) 0%,        /* #8b5cf6 @ 24% */
      rgba(124, 58, 237, .10) 45%,       /* dunkleres Violett @ 10% */
      rgba(15, 20, 26, 0) 100%);         /* sauber ins Panel auslaufen */
  background-blend-mode: overlay;
}

/* Icons im Header mitziehen */
.sidebar .card-header .fi,
.widget .card-header .fi,
.panel-heading .fi{ color:#eaf2ff; }

/* Wenn dir der Verlauf zu präsent ist → „dezente“ Variante aktivieren:
.sidebar .card-header,
.widget .card-header,
.panel-heading{
  background-image: linear-gradient(90deg,
    rgba(139, 92, 246, .14) 0%,
    rgba(124, 58, 237, .06) 45%,
    rgba(15, 20, 26, 0) 100%);
}
*/

/* 3) Aktive/hovernde Sidebar-Einträge optisch anbinden (optional) */
.sidebar .list-group-item.active,
.sidebar .nav .nav-link.active{
  background-image: linear-gradient(90deg,
    rgba(139, 92, 246, .15), rgba(139, 92, 246, .05));
  color:#eaf2ff;
}

/* =========================
   Nyra – Safe Extras
   ========================= */
/* 0) System-Darkmode anmelden */
:root{ color-scheme: dark; }

/* Muted-Kontexte: Icons nicht „verschlucken“ */
.text-muted .fi, .small .fi, .meta .fi { color: var(--nyra-icon); }

/* Sidebar Hover leicht anheben */
.sidebar .list-group-item:hover,
.sidebar .nav .nav-link:hover{
  background-image: linear-gradient(90deg,
    rgba(139,92,246,.10), rgba(139,92,246,.03));
  color:#eaf2ff;
}


/* Nyra – Frontpage 2/7/3 ab lg, nur im Dark/Night */
@media (min-width: 992px){
  body.night-mode .nyra-left,  [data-bs-theme="dark"] .nyra-left  { flex: 0 0 auto; width: 16.666667% !important; } /* 2/12 */
  body.night-mode .nyra-main,  [data-bs-theme="dark"] .nyra-main  { flex: 0 0 auto; width: 58.333333% !important; } /* 7/12 */
  body.night-mode .nyra-right, [data-bs-theme="dark"] .nyra-right { flex: 0 0 auto; width: 25%        !important; } /* 3/12 */
}

/* Icons baseline alignment */
.fi{width:18px;height:18px;vertical-align:-.125em}