/* Dark-Mode - App-Widgets (Suche, Counter, Stat-Cards, Kalender, Notifications). Ausgegliedert aus dark_mode.css; Ladereihenfolge beibehalten. */

body.dark-mode .dark-mode-select {
    background-color: var(--theme-secondary, #333) !important;
    color: var(--theme-text, #fff) !important;
    border: 1px solid var(--theme-border, #555) !important;
}

body.dark-mode .dark-mode-input {
    background-color: var(--theme-secondary, #333) !important;
    color: var(--theme-text, #fff) !important;
    border: 1px solid var(--theme-border, #555) !important;
}

body.dark-mode .counter {
    color: rgba(248, 249, 250, 0.72);
}

body.dark-mode .counter.limit {
    color: #ff6b6b;
}
/* Anzeige Gesamtzeit Stundenzettel */
body.dark-mode #totalTimeDisplay {
    color: #dddddd !important; /* Heller Gelbton für bessere Lesbarkeit */
    font-weight: bold; /* Macht den Text deutlicher */
}

body.dark-mode input.dark-mode-input::placeholder {
    color: #adb5bd; /* Etwas heller für den dunklen Modus */
    opacity: 0.8; /* Leicht transparent */
}

.highlight-row-calendar {
        background-color: rgba(144, 238, 144, 0.5) !important;
    }