/* Jobler Voice Portal: Marken-Feinschliff nach Dossier, Abschnitt 6 (Hellblau #0284C7, weiße Schrift auf Hauptknöpfen) */

:root:not(.dark) .fi-btn.fi-color-primary.fi-bg-color-400 {
    background-color: var(--primary-600);
    color: #fff;
}

:root:not(.dark) .fi-btn.fi-color-primary.fi-bg-color-400:hover {
    background-color: var(--primary-700);
}

/* Dashboard: dunkle Kontrastkarten fuer Kennzahlen (Dossier, Abschnitt 6) */
:root:not(.dark) .fi-wi-stats-overview-stat {
    background-color: #0f172a;
    --tw-ring-color: #1e293b;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.08);
}

:root:not(.dark) .fi-wi-stats-overview-stat-label {
    color: #94a3b8;
}

:root:not(.dark) .fi-wi-stats-overview-stat-value {
    color: #ffffff;
}

:root:not(.dark) .fi-wi-stats-overview-stat-description {
    color: #38bdf8;
}

/* ===== Dunkelmodus: Navy-Töne, deutlich lesbare Symbole und Kontraste (Ziel: WCAG AA) ===== */

/* Symbolknöpfe (Menü-Symbol mit den drei Strichen, Suche, Benutzermenü) */
.dark .fi-icon-btn,
.dark .fi-topbar-open-sidebar-btn,
.dark .fi-topbar-close-sidebar-btn,
.dark .fi-sidebar-close-collapse-sidebar-btn,
.dark .fi-sidebar-open-collapse-sidebar-btn {
    color: #e2e8f0; /* slate-200 */
}

.dark .fi-icon-btn:hover,
.dark .fi-topbar-open-sidebar-btn:hover,
.dark .fi-topbar-close-sidebar-btn:hover {
    color: #ffffff;
    background-color: rgb(56 189 248 / 0.16);
}

.dark .fi-icon-btn svg,
.dark .fi-topbar-open-sidebar-btn svg {
    stroke-width: 1.9;
}

/* Hauptmenü links */
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #cbd5e1; /* slate-300 */
}

.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon {
    color: #94a3b8; /* slate-400 */
}

.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-btn:hover {
    background-color: rgb(148 163 184 / 0.12);
}

.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-label,
.dark .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-btn:hover .fi-sidebar-item-icon {
    color: #ffffff;
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: rgb(2 132 199 / 0.22);
}

.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #7dd3fc; /* sky-300 */
}

/* Karten, Tabellen, Abschnitte: klare Kanten und etwas hellerer Grund als die Seite */
.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-table,
.dark .fi-modal-window {
    --tw-ring-color: rgb(71 85 105 / 0.7); /* slate-600 */
}

.dark .fi-ta-header-cell-label,
.dark .fi-ta-header-cell {
    color: #cbd5e1;
}

.dark .fi-ta-row:hover {
    background-color: rgb(148 163 184 / 0.08);
}

/* Eingabefelder: sichtbarer Rand, klar lesbare Platzhalter */
.dark .fi-input-wrp {
    --tw-ring-color: rgb(100 116 139 / 0.7); /* slate-500 */
}

.dark .fi-input::placeholder,
.dark input::placeholder,
.dark textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.dark .fi-fo-field-label-content {
    color: #e2e8f0;
}

/* Kennzahlen-Karten im Dunkelmodus: heben sich vom Seitenhintergrund ab */
.dark .fi-wi-stats-overview-stat {
    background-color: #111c33;
    --tw-ring-color: rgb(56 189 248 / 0.28);
}

.dark .fi-wi-stats-overview-stat-label {
    color: #cbd5e1;
}

.dark .fi-wi-stats-overview-stat-value {
    color: #ffffff;
}

.dark .fi-wi-stats-overview-stat-description {
    color: #7dd3fc;
}

/* Links und Hervorhebungen in Primärfarbe: im Dunkeln heller */
.dark .fi-link,
.dark .fi-ta-text-item a {
    color: #7dd3fc;
}