/* Sitex Studio · Sitex-Look über Filament (Briefing Teil 2).
   Marke #DB001B, Überschriften #323232, Text #565656, Flächen #F7F7F7/#EFEFEF,
   Rahmen #D1D1D1/#EAEAEA, Sidebar dunkel #050505/#2B2B2B. */
:root { --sx-rot: #DB001B; --sx-rot-hover: #C40018; --sx-head: #323232; --sx-text: #565656;
        --sx-flaeche: #F7F7F7; --sx-rahmen: #EAEAEA; --sx-nacht: #050505; --sx-nacht-2: #2B2B2B; }

html:not(.dark) body.fi-body { background: var(--sx-flaeche); color: var(--sx-text); }
.fi-header-heading, .fi-section-header-heading, .fi-ta-header-heading { color: var(--sx-head); letter-spacing: -.01em; }

/* Sidebar dunkel */
.fi-sidebar, .fi-sidebar-header, .fi-topbar-with-navigation .fi-sidebar { background: var(--sx-nacht) !important; }
.fi-sidebar-header { border-bottom: 1px solid var(--sx-nacht-2); box-shadow: none !important; }
.fi-sidebar-nav { background: var(--sx-nacht); }
.fi-sidebar-group-label { color: #9A9A9A !important; text-transform: uppercase; font-size: .7rem; letter-spacing: .08em; }
.fi-sidebar-group-collapse-btn, .fi-sidebar-group-dropdown-trigger-btn { color: #9A9A9A !important; }
.fi-sidebar-item-btn { border-radius: 999px !important; }
.fi-sidebar-item-btn .fi-sidebar-item-label, .fi-sidebar-item-btn .fi-icon { color: #E9E9E9 !important; }
.fi-sidebar-item-btn:hover { background: var(--sx-nacht-2) !important; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background: var(--sx-rot) !important; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-icon { color: #fff !important; }
.fi-sidebar-item-grouped-border-part, .fi-sidebar-item-grouped-border-part-not-first, .fi-sidebar-item-grouped-border-part-not-last { background: var(--sx-nacht-2) !important; }
.fi-sidebar .fi-logo { color: #fff; }

/* Karten, Tabellen, Felder */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat { border-radius: 22px !important; box-shadow: 0 8px 24px rgba(20,28,36,.06), 0 2px 6px rgba(20,28,36,.04) !important; }
.fi-ta-header-cell { background: #050505 !important; }
.fi-ta-header-cell, .fi-ta-header-cell .fi-ta-header-cell-label, .fi-ta-header-cell button { color: #fff !important; }
.fi-ta-row:nth-child(even) { background: #FAFAFA; }
.fi-input-wrp { border-radius: 14px !important; }
.fi-btn { border-radius: 999px !important; }
.fi-wi-stats-overview-stat-value { color: var(--sx-rot); }

/* Anmeldeseite */
.fi-simple-layout { background: linear-gradient(180deg, #fff 0%, var(--sx-flaeche) 100%); }
.fi-simple-main { border-radius: 22px !important; }

/* Logo */
.sx-logo { display: inline-flex; align-items: center; gap: .6rem; }
.sx-logo img { height: 2.1rem; width: 2.1rem; }
.sx-logo-text { font-size: 1.2rem; line-height: 1; color: var(--sx-head); white-space: nowrap; }
.fi-sidebar .sx-logo-text, .fi-topbar .sx-logo-text { color: #fff; }
.fi-topbar { background: var(--sx-nacht) !important; }
.fi-topbar .fi-icon-btn, .fi-topbar .fi-icon { color: #E9E9E9; }

/* Primär-Buttons voll in Sitex-Rot (Filament wählt für #DB001B sonst die helle Stufe) */
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link) { background: var(--sx-rot) !important; color: #fff !important; }
.fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link):hover { background: var(--sx-rot-hover) !important; }
.fi-btn.fi-color-primary:not(.fi-outlined) .fi-icon { color: #fff !important; }
.fi-ac-btn-action.fi-color-gray, .fi-btn.fi-color-gray:not(.fi-outlined) { border-radius: 999px; }
/* Tabellenkopf durchgehend schwarz, auch über der Aktionsspalte */
.fi-ta-table thead tr, .fi-ta-table thead th { background: #050505 !important; }
.fi-ta-table thead th .fi-checkbox-input { border-color: #777; }