/* ───────── Light/Dark Theme — Modern Graphit-Palette ─────────
 * Dark Mode: warme dunkelgraue Töne (kein reines Schwarz),
 * klare Surface-Hierarchie, hohe Textkontraste.
 */

:root {
    --ct-bg-page:      #f4f6f9;
    --ct-bg-surface:   #ffffff;
    --ct-bg-elevated:  #ffffff;
    --ct-bg-input:     #ffffff;
    --ct-bg-soft:      #f8f9fa;
    --ct-bg-nav:       #1a1a2e;
    --ct-text:         #1a1a2e;
    --ct-text-muted:   #6c757d;
    --ct-text-faint:   #adb5bd;
    --ct-border:       #e9ecef;
    --ct-border-soft:  #dee2e6;
    --ct-shadow:       rgba(0,0,0,0.08);
    --ct-accent:       #5b9bd5;
    --ct-success:      #1e8449;
    --ct-danger:       #c0392b;
}

[data-theme="dark"] {
    --ct-bg-page:      #1f242c;
    --ct-bg-surface:   #2a2f37;
    --ct-bg-elevated:  #343a44;
    --ct-bg-input:     #252a32;
    --ct-bg-soft:      #262b33;
    --ct-bg-nav:       #14171c;
    --ct-text:         #f0f3f8;
    --ct-text-muted:   #b8c0cc;
    --ct-text-faint:   #8590a2;
    --ct-border:       #4a5260;
    --ct-border-soft:  #5a6473;
    --ct-shadow:       rgba(0,0,0,0.5);
    --ct-accent:       #6ab0e8;
    --ct-success:      #4ade80;
    --ct-danger:       #f87171;
    color-scheme: dark;
}

/* Sanfter Übergang beim Umschalten */
body, .tx-card, .member-card, .club-row, .modal-content, .modal-header, .modal-footer,
.form-control, .form-select, .list-group-item, .card, .dropdown-menu, .alert,
.search-bar input, .search-bar select, .tx-filter input, .table, .btn-light,
.notif-card, .evt-card, .sp-card, .filter-card, .item-row, .group-header,
.group-block, .log-table, .log-sheet, .balance-chip, .saldo-chip,
.detail-grid, .detail-group, .chip, .bottom-nav, #admin-popup {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* ═════════════════════════════════════════════════
   DARK MODE OVERRIDES
   ═════════════════════════════════════════════════ */

[data-theme="dark"] body {
    background: var(--ct-bg-page) !important;
    color: var(--ct-text) !important;
}

/* ───── Bottom-Nav (etwas dunkler als die Page für klare Trennung) ───── */
[data-theme="dark"] .bottom-nav {
    background: var(--ct-bg-nav) !important;
    border-top-color: var(--ct-border) !important;
}
[data-theme="dark"] #admin-popup {
    background: var(--ct-bg-nav) !important;
    border-color: var(--ct-border) !important;
}
[data-theme="dark"] .admin-popup-divider {
    background: rgba(255,255,255,0.12) !important;
}

/* ───── Surface-Elemente (Cards & Panels) ───── */
[data-theme="dark"] .tx-card,
[data-theme="dark"] .member-card,
[data-theme="dark"] .notif-card,
[data-theme="dark"] .evt-card,
[data-theme="dark"] .sp-card,
[data-theme="dark"] .filter-card,
[data-theme="dark"] .filter-bar,
[data-theme="dark"] .item-row,
[data-theme="dark"] .balance-chip,
[data-theme="dark"] .saldo-chip,
[data-theme="dark"] .chip,
[data-theme="dark"] .log-sheet,
[data-theme="dark"] .log-table-wrap,
[data-theme="dark"] .card,
[data-theme="dark"] .card-body,
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer,
[data-theme="dark"] .list-group-item,
[data-theme="dark"] .action-btn,
[data-theme="dark"] .pay-btn,
[data-theme="dark"] .form-card,
[data-theme="dark"] .btn-logout {
    background: var(--ct-bg-surface) !important;
    border: 1px solid var(--ct-border) !important;
    color: var(--ct-text) !important;
    box-shadow: 0 2px 6px var(--ct-shadow);
}

/* ───── Consumptions-Page (consumptions.php) ───── */
[data-theme="dark"] .cons-table-outer thead tr:first-child th,
[data-theme="dark"] #cons-sticky-header tr:first-child th,
[data-theme="dark"] #cons-sticky-header { background: var(--ct-bg-nav) !important; color: var(--ct-text) !important; }
[data-theme="dark"] .cons-table-outer thead tr:nth-child(2) th,
[data-theme="dark"] #cons-sticky-header tr:last-child th {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-text) !important;
    border-bottom-color: var(--ct-border) !important;
}
[data-theme="dark"] .cons-table-outer tbody tr { border-color: var(--ct-border) !important; }
[data-theme="dark"] .cons-table-outer tbody td:first-child { color: var(--ct-text) !important; }
[data-theme="dark"] .btn-group .btn-secondary {
    background: var(--ct-bg-elevated) !important;
    border-color: var(--ct-border) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .btn-group .btn-secondary:hover {
    background: #404652 !important;
    color: var(--ct-text) !important;
}

/* ───── Events-Page (events.php) — Bootstrap Accordion + List-Group ───── */
[data-theme="dark"] .accordion-item {
    background: var(--ct-bg-surface) !important;
    border-color: var(--ct-border) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .accordion-button {
    background: var(--ct-bg-surface) !important;
    color: var(--ct-text) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-accent) !important;
}
[data-theme="dark"] .accordion-button::after {
    filter: invert(0.9) brightness(1.2);
}
[data-theme="dark"] .accordion-body { background: var(--ct-bg-surface) !important; color: var(--ct-text) !important; }
[data-theme="dark"] .accordion-flush .accordion-item { background: var(--ct-bg-page) !important; }
[data-theme="dark"] .accordion-flush .accordion-button { background: var(--ct-bg-surface) !important; }

[data-theme="dark"] .list-group-item-success {
    background: rgba(46,204,113,0.15) !important;
    color: var(--ct-success) !important;
    border-color: rgba(46,204,113,0.3) !important;
}
[data-theme="dark"] .list-group-item-danger {
    background: rgba(233,69,96,0.15) !important;
    color: var(--ct-danger) !important;
    border-color: rgba(233,69,96,0.3) !important;
}
[data-theme="dark"] .badge.bg-dark { background: var(--ct-bg-nav) !important; color: var(--ct-text) !important; }
[data-theme="dark"] .col-form-label,
[data-theme="dark"] .form-label { color: var(--ct-text) !important; }

/* ───── Members-Page (members.php) — Accordion-Banner ───── */
[data-theme="dark"] .inactive-toggle {
    background: var(--ct-bg-surface) !important;
    border: 1px solid var(--ct-border) !important;
    color: var(--ct-text-muted) !important;
    box-shadow: 0 2px 6px var(--ct-shadow);
}
[data-theme="dark"] .inactive-toggle:hover { background: var(--ct-bg-elevated) !important; }
[data-theme="dark"] .inactive-toggle .badge {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-text-muted) !important;
}
[data-theme="dark"] .chip-role {
    background: rgba(233,69,96,0.18) !important;
    color: var(--ct-danger) !important;
}
[data-theme="dark"] .member-name small { color: var(--ct-text-muted) !important; }

/* Logfile-Page (log.php) */
[data-theme="dark"] .log-table thead tr { background: var(--ct-bg-nav) !important; color: var(--ct-text) !important; }
[data-theme="dark"] .log-table tbody tr { border-bottom-color: var(--ct-border) !important; }
[data-theme="dark"] .log-table tbody tr:hover { background: rgba(255,255,255,0.04) !important; }
[data-theme="dark"] .log-table td { color: var(--ct-text-muted) !important; }
[data-theme="dark"] .path-cell { color: var(--ct-text) !important; }
[data-theme="dark"] .time-cell { color: var(--ct-text-faint) !important; }
[data-theme="dark"] .ua-cell { color: var(--ct-text-muted) !important; }
[data-theme="dark"] .member-chip {
    background: rgba(106,176,232,0.18) !important;
    color: var(--ct-accent) !important;
}
[data-theme="dark"] .member-chip.guest {
    background: rgba(173,181,189,0.15) !important;
    color: var(--ct-text-muted) !important;
}
[data-theme="dark"] .btn-info-row { color: var(--ct-text-faint) !important; }
[data-theme="dark"] .btn-info-row:hover { color: var(--ct-accent) !important; }
[data-theme="dark"] .sheet-handle { background: var(--ct-border-soft) !important; }
[data-theme="dark"] .detail-value { color: var(--ct-text) !important; }
[data-theme="dark"] .detail-value.mono { color: var(--ct-text-muted) !important; }
[data-theme="dark"] .log-sheet-backdrop { background: rgba(0,0,0,0.65) !important; }
[data-theme="dark"] .action-btn:hover,
[data-theme="dark"] .pay-btn:hover {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .action-btn .ab-chevron,
[data-theme="dark"] .pay-btn .pay-chevron { color: var(--ct-text-faint) !important; }
[data-theme="dark"] .pay-btn .pay-sub { color: var(--ct-text-muted) !important; }
[data-theme="dark"] .btn-logout { color: var(--ct-danger) !important; }
[data-theme="dark"] .btn-logout:hover { background: rgba(233,69,96,0.12) !important; color: var(--ct-danger) !important; }

/* Info-Box auf der Startseite (kein/mit Items) */
[data-theme="dark"] .info-box-inner.red {
    background: rgba(233,69,96,0.10) !important;
    border-color: rgba(233,69,96,0.30) !important;
}
[data-theme="dark"] .info-box-inner.orange {
    background: rgba(245,166,35,0.14) !important;
    border-color: rgba(245,166,35,0.55) !important;
}
[data-theme="dark"] .info-box-inner.blue {
    background: rgba(91,155,213,0.12) !important;
    border-color: rgba(91,155,213,0.35) !important;
}
[data-theme="dark"] .info-box-title { color: var(--ct-text) !important; }
[data-theme="dark"] .info-box-sub   { color: var(--ct-text-muted) !important; }
[data-theme="dark"] .info-box-img img { background: var(--ct-bg-soft) !important; }

/* Bootstrap btn-group im Startseiten-Artikel-Listing (Item-Buttons) */
[data-theme="dark"] .btn-group .btn-primary,
[data-theme="dark"] .btn-group .btn-primary.btn-success {
    border: 1px solid rgba(255,255,255,0.18) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    filter: brightness(1.1) saturate(1.05);
}
[data-theme="dark"] .btn-group .btn-primary:hover,
[data-theme="dark"] .btn-group .btn-primary.btn-success:hover {
    filter: brightness(1.18) saturate(1.05);
}
[data-theme="dark"] .btn-group .btn-danger {
    background: rgba(233,69,96,0.18) !important;
    color: var(--ct-danger) !important;
    border: 1px solid rgba(233,69,96,0.4) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}
[data-theme="dark"] .btn-group .btn-danger:hover,
[data-theme="dark"] .btn-group .btn-danger:active {
    background: rgba(233,69,96,0.28) !important;
    color: var(--ct-danger) !important;
}

/* Field-Row Border in member.php nutzt #f4f6f9 (page-bg) — sehr unsichtbar im Dark */
[data-theme="dark"] .form-card .field-row { border-bottom-color: var(--ct-border) !important; }
[data-theme="dark"] .tx-card.deleted,
[data-theme="dark"] .evt-card.done,
[data-theme="dark"] .member-card.hidden,
[data-theme="dark"] .item-row.new-item {
    background: var(--ct-bg-soft) !important;
}

/* Club-Zeile (transaction.php): Page ist dunkel, also etwas tiefer als Surface */
[data-theme="dark"] .club-row {
    background: var(--ct-bg-nav) !important;
    border: 1px solid var(--ct-border) !important;
    color: var(--ct-text) !important;
}

/* ───── Headings ───── */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .history-header h1,
[data-theme="dark"] .login-header h1,
[data-theme="dark"] .members-header h1,
[data-theme="dark"] .modal-title,
[data-theme="dark"] .sheet-title,
[data-theme="dark"] .group-title,
[data-theme="dark"] .group-header,
[data-theme="dark"] .group-name,
[data-theme="dark"] .notif-title,
[data-theme="dark"] .evt-title,
[data-theme="dark"] .delete-modal-title {
    color: var(--ct-text) !important;
}

/* ───── Body-Text in Surfaces ───── */
[data-theme="dark"] .tx-desc,
[data-theme="dark"] .tx-note,
[data-theme="dark"] .tx-amount,
[data-theme="dark"] .member-name,
[data-theme="dark"] .item-name,
[data-theme="dark"] .detail-value,
[data-theme="dark"] .login-header p,
[data-theme="dark"] .notif-sub,
[data-theme="dark"] .evt-text,
[data-theme="dark"] .evt-intro,
[data-theme="dark"] .new-item-label,
[data-theme="dark"] .item-debit,
[data-theme="dark"] .item-price {
    color: var(--ct-text) !important;
}

/* ───── Muted / Sekundär-Text ───── */
[data-theme="dark"] .text-muted,
[data-theme="dark"] .tx-time,
[data-theme="dark"] .tx-party,
[data-theme="dark"] .member-meta,
[data-theme="dark"] .day-label,
[data-theme="dark"] .field-label,
[data-theme="dark"] .section-label,
[data-theme="dark"] .detail-label,
[data-theme="dark"] .chip-label,
[data-theme="dark"] .sc-label,
[data-theme="dark"] .thumb-label,
[data-theme="dark"] .img-library-label,
[data-theme="dark"] .upload-label,
[data-theme="dark"] .saved-hint,
[data-theme="dark"] .new-preview {
    color: var(--ct-text-muted) !important;
}

[data-theme="dark"] .empty-hint,
[data-theme="dark"] .img-empty,
[data-theme="dark"] .img-thumb .bi-image {
    color: var(--ct-text-faint) !important;
}

[data-theme="dark"] ::placeholder { color: var(--ct-text-faint) !important; opacity: 1; }

/* ───── Modals ───── */
[data-theme="dark"] .modal-content {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-text) !important;
    border: 1px solid var(--ct-border) !important;
}
[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: var(--ct-border) !important;
}
[data-theme="dark"] .btn-close { filter: invert(1) grayscale(1) brightness(1.8); }
[data-theme="dark"] .delete-modal,
[data-theme="dark"] .delete-modal-icon,
[data-theme="dark"] .delete-modal-sub {
    background-color: var(--ct-bg-elevated) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .delete-modal-sub { color: var(--ct-text-muted) !important; }
[data-theme="dark"] .delete-overlay { background: rgba(0,0,0,0.6) !important; }

/* ───── Form-Felder ───── */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--ct-bg-input) !important;
    color: var(--ct-text) !important;
    border-color: var(--ct-border) !important;
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background: var(--ct-bg-input) !important;
    color: var(--ct-text) !important;
    border-color: var(--ct-accent) !important;
    box-shadow: 0 0 0 3px rgba(106,176,232,0.25) !important;
}
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[disabled],
[data-theme="dark"] input:disabled {
    background: var(--ct-bg-soft) !important;
    color: var(--ct-text-muted) !important;
    opacity: 0.85;
}
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.85);
}

/* Felder in transaction.php sind innerhalb .field-row "rahmenlos" — Trennlinie */
[data-theme="dark"] .field-row { border-bottom-color: var(--ct-border) !important; }
[data-theme="dark"] .field-row .form-control,
[data-theme="dark"] .field-row .form-select {
    background: transparent !important;
}

/* ───── Such-/Filterleisten ───── */
[data-theme="dark"] .search-bar input,
[data-theme="dark"] .search-bar select.member-select,
[data-theme="dark"] .tx-filter input {
    background: var(--ct-bg-surface) !important;
    color: var(--ct-text) !important;
    border-color: var(--ct-border) !important;
}
[data-theme="dark"] .search-bar select.member-select.active {
    background-color: rgba(106,176,232,0.15) !important;
    border-color: var(--ct-accent) !important;
}

/* ───── Balance-Farben (heller fürs Dark-Theme) ───── */
[data-theme="dark"] .saldo.pos,
[data-theme="dark"] .member-saldo.pos,
[data-theme="dark"] .day-saldo.positive,
[data-theme="dark"] .tx-amount.credit,
[data-theme="dark"] .balance-chip.positive,
[data-theme="dark"] .text-success { color: var(--ct-success) !important; }

[data-theme="dark"] .saldo.neg,
[data-theme="dark"] .member-saldo.neg,
[data-theme="dark"] .day-saldo.negative,
[data-theme="dark"] .tx-amount.debit,
[data-theme="dark"] .balance-chip.negative,
[data-theme="dark"] .text-danger { color: var(--ct-danger) !important; }

[data-theme="dark"] .balance-chip.positive {
    background: rgba(46,204,113,0.15) !important;
    border-color: rgba(46,204,113,0.35) !important;
}
[data-theme="dark"] .balance-chip.negative {
    background: rgba(233,69,96,0.15) !important;
    border-color: rgba(233,69,96,0.35) !important;
}
[data-theme="dark"] .day-saldo.positive {
    background: rgba(46,204,113,0.18) !important;
}
[data-theme="dark"] .day-saldo.negative {
    background: rgba(233,69,96,0.18) !important;
}

/* Party-Chips (histories) */
[data-theme="dark"] .party-chip.from {
    background: rgba(233,69,96,0.18) !important;
    color: var(--ct-danger) !important;
}
[data-theme="dark"] .party-chip.to {
    background: rgba(46,204,113,0.18) !important;
    color: var(--ct-success) !important;
}
[data-theme="dark"] .tx-arrow { color: var(--ct-text-faint) !important; }

/* ───── Tabellen ───── */
[data-theme="dark"] .table { color: var(--ct-text) !important; }
[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent !important;
    border-color: var(--ct-border) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255,255,255,0.03) !important;
}
[data-theme="dark"] .table-hover > tbody > tr:hover > * {
    background-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .log-table th,
[data-theme="dark"] .log-table td { border-color: var(--ct-border) !important; }
[data-theme="dark"] .ua-cell { color: var(--ct-text-muted) !important; }

/* ───── Dropdowns ───── */
[data-theme="dark"] .dropdown-menu {
    background: var(--ct-bg-elevated) !important;
    border-color: var(--ct-border) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .dropdown-item { color: var(--ct-text) !important; }
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus { background: rgba(255,255,255,0.06) !important; }
[data-theme="dark"] .dropdown-divider { border-color: var(--ct-border) !important; }

/* ───── Buttons ───── */
[data-theme="dark"] .btn-light {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-text) !important;
    border-color: var(--ct-border) !important;
}
[data-theme="dark"] .btn-light:hover { background: #3f4651 !important; }
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-outline-dark {
    color: var(--ct-text) !important;
    border-color: var(--ct-border-soft) !important;
}
[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-dark:hover {
    background: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .btn-outline-danger { color: var(--ct-danger) !important; border-color: var(--ct-danger) !important; }
[data-theme="dark"] .btn-outline-success { color: var(--ct-success) !important; border-color: var(--ct-success) !important; }
[data-theme="dark"] .btn-outline-primary { color: var(--ct-accent) !important; border-color: var(--ct-accent) !important; }
[data-theme="dark"] .btn-check:checked + .btn-outline-danger {
    background-color: var(--ct-danger) !important;
    color: #1a1a2e !important;
    border-color: var(--ct-danger) !important;
}
[data-theme="dark"] .btn-check:checked + .btn-outline-success {
    background-color: var(--ct-success) !important;
    color: #1a1a2e !important;
    border-color: var(--ct-success) !important;
}

/* TX-Action-Buttons (Sale/Cash/PayPal/Bank) — Border + Highlight für mehr Kontur */
[data-theme="dark"] .tx-btn {
    border: 1px solid rgba(255,255,255,0.15) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.12) !important;
    filter: brightness(1.12) saturate(1.05);
}
[data-theme="dark"] .tx-btn:hover { filter: brightness(1.22) saturate(1.05); }

/* Type-Dots in Historien (cash/paypal/bank/sale/membership) — etwas heller */
[data-theme="dark"] .tx-dot {
    box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
    filter: brightness(1.08);
}

/* Save-Button im Modal etwas leuchtender */
[data-theme="dark"] .btn-save-modal {
    box-shadow: 0 2px 8px rgba(91,155,213,0.35), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    filter: brightness(1.08);
}

/* Modal-Body & -Avatar absichern (falls Bootstrap noch durchschlägt) */
[data-theme="dark"] .modal-body,
[data-theme="dark"] .modal-dialog .modal-content {
    background: var(--ct-bg-elevated) !important;
    color: var(--ct-text) !important;
}
[data-theme="dark"] .modal-avatar {
    box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.12);
}

/* ───── Alerts ───── */
[data-theme="dark"] .alert-success {
    background: rgba(46,204,113,0.13) !important;
    color: var(--ct-success) !important;
    border-color: rgba(46,204,113,0.3) !important;
}
[data-theme="dark"] .alert-danger {
    background: rgba(233,69,96,0.13) !important;
    color: var(--ct-danger) !important;
    border-color: rgba(233,69,96,0.3) !important;
}
[data-theme="dark"] .alert-info {
    background: rgba(106,176,232,0.13) !important;
    color: #60a5fa !important;
    border-color: rgba(106,176,232,0.3) !important;
}
[data-theme="dark"] .alert-warning {
    background: rgba(243,156,18,0.13) !important;
    color: #fbbf24 !important;
    border-color: rgba(243,156,18,0.3) !important;
}

/* ───── Trenner & Linien ───── */
[data-theme="dark"] .day-line { background: var(--ct-border) !important; }
[data-theme="dark"] hr { border-color: var(--ct-border) !important; }

/* ───── Status-Badges (notifications.php, members.php) ───── */
[data-theme="dark"] .notif-status.on,
[data-theme="dark"] .status-icon.push-on,
[data-theme="dark"] .status-icon.mb-on,
[data-theme="dark"] .status-icon.active-on {
    background: rgba(46,204,113,0.2) !important;
    color: var(--ct-success) !important;
}
[data-theme="dark"] .notif-status.off,
[data-theme="dark"] .status-icon.push-off,
[data-theme="dark"] .status-icon.mb-off,
[data-theme="dark"] .status-icon.active-off {
    background: rgba(173,181,189,0.15) !important;
    color: var(--ct-text-faint) !important;
}
[data-theme="dark"] .notif-status.err {
    background: rgba(233,69,96,0.2) !important;
    color: var(--ct-danger) !important;
}

/* Inaktive Mitglieder-Karte etwas auffälliger im Dark */
[data-theme="dark"] .member-avatar.inactive {
    background: linear-gradient(135deg, #4a5260, #353b45) !important;
    color: var(--ct-text-faint) !important;
}

/* ───── clubtable.php: League-Position-Badges ───── */
[data-theme="dark"] .badge-champions,
[data-theme="dark"] .border-champions { background-color: rgba(46,204,113,0.18) !important; }
[data-theme="dark"] .badge-oberes,
[data-theme="dark"] .border-oberes { background-color: rgba(106,176,232,0.18) !important; }
[data-theme="dark"] .badge-mitte,
[data-theme="dark"] .border-mitte { background-color: rgba(255,255,255,0.06) !important; }
[data-theme="dark"] .badge-relegation,
[data-theme="dark"] .border-relegation { background-color: rgba(243,156,18,0.18) !important; }
[data-theme="dark"] .badge-abstieg,
[data-theme="dark"] .border-abstieg { background-color: rgba(233,69,96,0.18) !important; }

/* ───── settings.php: Sortiment-Header etc. ───── */
[data-theme="dark"] .group-header { background: var(--ct-bg-nav) !important; color: var(--ct-text) !important; }

/* ───── consumptions.php: sticky table secondary header ───── */
[data-theme="dark"] .cons-table-outer th { background: var(--ct-bg-nav) !important; color: var(--ct-text) !important; border-color: var(--ct-border) !important; }
[data-theme="dark"] .cons-table-outer tr:nth-child(even) td { background: rgba(255,255,255,0.025) !important; }

/* ───── startpage.php: Thumbnails & Lightbox ───── */
[data-theme="dark"] .img-thumb {
    background: var(--ct-bg-input) !important;
    border-color: var(--ct-border) !important;
}
[data-theme="dark"] .img-thumb.selected { border-color: var(--ct-success) !important; }
[data-theme="dark"] .thumb-selected-overlay { background: rgba(46,204,113,0.18) !important; }
[data-theme="dark"] .lightbox { background: rgba(0,0,0,0.85) !important; }

/* ───── login: avatars (vibrant gradients beibehalten) ───── */
/* .av-0..7 nicht überschreiben — sollen knallig bleiben */

/* ───── Validation-Hints ───── */
[data-theme="dark"] .validation-msg { color: var(--ct-danger) !important; }
[data-theme="dark"] .saved-hint { color: var(--ct-success) !important; }