/*
 * Farbe für die Verwaltung. Ohne CSS-Build (auf dem Hosting gibt es kein npm):
 * alles leitet sich aus den Variablen --primary-50 … --primary-950 ab, die
 * Filament aus ZEIT_BETRIEB_AKZENT erzeugt. Eine andere Praxisfarbe in der
 * .env färbt also die ganze Oberfläche um, ohne hier etwas anzufassen.
 *
 * Filament-4-Variablen sind fertige Farben (oklch), also var(--primary-600),
 * nie rgb(var(--primary-600)) wie in Filament 3.
 */

/* ---------- Seitenleiste: dunkles Praxisgrün ---------- */
.fi-sidebar {
    background: linear-gradient(180deg, var(--primary-800) 0%, var(--primary-950) 100%);
}
.fi-sidebar .fi-sidebar-header,
.fi-sidebar .fi-sidebar-footer {
    background: transparent;
    border-color: rgba(255, 255, 255, .08);
}
.fi-sidebar .fi-logo,
.fi-sidebar .fi-sidebar-header a {
    color: #fff;
}
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group-btn {
    color: var(--primary-200);
}
.fi-sidebar .fi-sidebar-group-collapse-btn,
.fi-sidebar .fi-sidebar-group-collapse-btn svg {
    color: var(--primary-300);
}
.fi-sidebar .fi-sidebar-item-btn {
    color: rgba(255, 255, 255, .86);
}
.fi-sidebar .fi-sidebar-item-btn .fi-sidebar-item-label {
    color: inherit;
}
.fi-sidebar .fi-sidebar-item-icon {
    color: var(--primary-300);
}
.fi-sidebar .fi-sidebar-item-btn:hover,
.fi-sidebar .fi-sidebar-item-btn:focus-visible {
    background: rgba(255, 255, 255, .09);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: #fff;
    color: var(--primary-800);
    box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .55);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label {
    color: var(--primary-800);
    font-weight: 600;
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon {
    color: var(--primary-600);
}
.fi-sidebar .fi-sidebar-item-grouped-border-part {
    background: rgba(255, 255, 255, .25);
}

/* ---------- Kopfzeile: weiß mit Akzentlinie ---------- */
.fi-topbar {
    border-bottom: 3px solid var(--primary-600);
    box-shadow: 0 2px 12px -8px var(--primary-900);
}
.fi-topbar .fi-logo {
    color: var(--primary-700);
    font-weight: 800;
    letter-spacing: -.01em;
}

/* ---------- Seiten: leicht getönter Grund, farbige Überschriften ---------- */
html:not(.dark) .fi-body {
    background:
        radial-gradient(1200px 500px at 85% -10%, color-mix(in oklab, var(--primary-100) 70%, transparent), transparent 70%),
        color-mix(in oklab, var(--primary-50) 45%, #fff);
}
html:not(.dark) .fi-header-heading {
    color: var(--primary-900);
}
html:not(.dark) .fi-section,
html:not(.dark) .fi-ta-ctn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px -18px var(--primary-900);
}
html:not(.dark) .fi-section-header-heading {
    color: var(--primary-900);
}