/* ===== Hub Dark Mode (Betreiber-UI) ===== */
/* Tokens + Flächen. Markenfarbe bleibt --primary / --cc-accent. */

html[data-theme="dark"] {
  color-scheme: dark;
  --light: oklch(0.18 0.01 150);
  --surface: oklch(0.23 0.012 150);
  --surface-2: oklch(0.27 0.012 150);
  --page-bg: oklch(0.16 0.01 150);
  --text: oklch(0.93 0.01 150);
  --muted: oklch(0.78 0.01 150);
  --border: oklch(0.34 0.01 150);
  --input-bg: oklch(0.2 0.012 150);
  --bg-card: var(--surface);
  --bg-primary: var(--surface);
  --bg-secondary: var(--light);
  --text-primary: var(--text);
  --text-muted: var(--muted);
  --border-color: var(--border);
}

html[data-theme="dark"] body {
  background-color: var(--page-bg, var(--light));
  color: var(--text);
}

html[data-theme="dark"] .cc-app {
  --cc-page-bg: oklch(0.16 0.01 150);
  --cc-card: oklch(0.23 0.012 150);
  --cc-heading: oklch(0.94 0.01 150);
  --cc-text: oklch(0.88 0.01 150);
  --cc-muted: oklch(0.78 0.01 150);
  --cc-label: oklch(0.86 0.01 150);
  --cc-border: oklch(0.34 0.01 150);
  --cc-rail-bg: oklch(0.12 0.012 150);
  --cc-accent-tint: color-mix(in srgb, var(--primary) 24%, oklch(0.22 0.012 150));
  --cc-hero-gradient: linear-gradient(
    180deg,
    color-mix(in srgb, var(--primary) 18%, oklch(0.18 0.015 150)),
    oklch(0.16 0.01 150) 90%
  );
  --cc-danger-tint: oklch(0.28 0.06 25);
  --cc-warning-bg: oklch(0.28 0.07 55);
  --cc-warning-text: oklch(0.88 0.08 85);
  --cc-info-bg: oklch(0.26 0.04 235);
  --cc-info-border: oklch(0.62 0.1 235);
  --cc-badge-purple-bg: oklch(0.28 0.05 245);
  --cc-badge-purple-text: oklch(0.84 0.08 245);
  --light: var(--cc-page-bg);
  --border: var(--cc-border);
  --text: var(--cc-heading);
  --muted: var(--cc-muted);
  --surface: var(--cc-card);
  --input-bg: oklch(0.2 0.012 150);
  --bg-card: var(--cc-card);
  --bg-primary: var(--cc-card);
  --bg-secondary: var(--cc-page-bg);
  --text-primary: var(--cc-heading);
  --text-muted: var(--cc-muted);
  --border-color: var(--cc-border);
  background: var(--cc-page-bg);
  color: var(--text);
}

/* :where hält die Spezifität niedrig, damit Seiten mit eigener Linkfarbe
   (Galerie, Posteingang, Inventar) nicht pauschal in der Markenfarbe landen. */
html[data-theme="dark"] .cc-app :where(a:not(.btn):not(.cc-rail__link):not(.cc-rail__sublink):not(.cc-rail__flyout-link):not(.cc-rail__logout)) {
  color: color-mix(in srgb, var(--cc-accent) 72%, white);
}

html[data-theme="dark"] .cc-app :where(a:not(.btn):not(.cc-rail__link):not(.cc-rail__sublink):not(.cc-rail__flyout-link):not(.cc-rail__logout)):hover {
  color: color-mix(in srgb, var(--cc-accent) 88%, white);
}

html[data-theme="dark"] .cc-content .card,
html[data-theme="dark"] .cc-content .stat-card,
html[data-theme="dark"] .cc-content .action-card,
html[data-theme="dark"] .cc-content .resource-card,
html[data-theme="dark"] .cc-content .template-card,
html[data-theme="dark"] .cc-content .print-template-card,
html[data-theme="dark"] .cc-content .gallery-card,
html[data-theme="dark"] .cc-content .gal-stat,
html[data-theme="dark"] .whats-new-panel__dialog,
html[data-theme="dark"] .whats-new-card,
html[data-theme="dark"] .ctx-menu,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .portal-modal-content,
html[data-theme="dark"] .workflow-modal__dialog {
  background: var(--cc-card);
  color: var(--cc-text);
  box-shadow: none;
  border-color: var(--cc-border);
}

html[data-theme="dark"] .cc-content .card {
  border: 1px solid var(--cc-border);
}

html[data-theme="dark"] .cc-content .card-header {
  background: var(--cc-card);
  border-bottom-color: var(--cc-border);
}

html[data-theme="dark"] .page-header h1,
html[data-theme="dark"] .cc-content h1,
html[data-theme="dark"] .cc-content h2,
html[data-theme="dark"] .cc-content h3,
html[data-theme="dark"] .modal h3 {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .modal p,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-hint,
html[data-theme="dark"] small.form-hint {
  color: var(--muted);
}

html[data-theme="dark"] .confirm-event-list,
html[data-theme="dark"] .confirm-event-list li {
  border-color: var(--cc-border);
}

html[data-theme="dark"] .confirm-event-list a {
  color: var(--cc-text);
}

html[data-theme="dark"] .confirm-event-list a:hover {
  background: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .cc-content label,
html[data-theme="dark"] .form-group label,
html[data-theme="dark"] .checkbox-label,
html[data-theme="dark"] .checkbox-text,
html[data-theme="dark"] .cc-page .cc-sidebar label,
html[data-theme="dark"] .cc-page .cc-sidebar .detail-item label,
html[data-theme="dark"] .cc-dock-util .card-header h3,
html[data-theme="dark"] .cc-page .cc-sidebar .card-header h3 {
  color: var(--cc-label, var(--cc-text));
}

html[data-theme="dark"] .card-body h4,
html[data-theme="dark"] .detail-item > div {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] ::placeholder {
  color: var(--muted);
  opacity: 0.9;
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill {
  -webkit-text-fill-color: var(--text);
  caret-color: var(--text);
  box-shadow: 0 0 0 1000px var(--input-bg) inset;
  transition: background-color 9999s ease-out;
}

html[data-theme="dark"] gmp-place-autocomplete::part(input),
html[data-theme="dark"] .autocomplete-input {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] gmp-place-autocomplete::part(input):focus,
html[data-theme="dark"] .autocomplete-input:focus {
  background: var(--input-bg);
  border-color: var(--primary);
}

html[data-theme="dark"] gmp-place-autocomplete::part(input)::placeholder {
  color: var(--muted);
}

html[data-theme="dark"] .places-suggest {
  background: var(--cc-card, var(--surface));
  border-color: var(--cc-border, var(--border));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .places-suggest__item {
  border-bottom-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .places-suggest__item:hover,
html[data-theme="dark"] .places-suggest__item:focus {
  background: color-mix(in srgb, var(--cc-accent, #549A56) 18%, var(--cc-card, #1a1d23));
}

html[data-theme="dark"] .places-suggest__sec {
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .customer-search-results {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .customer-search-panel {
  background: color-mix(in srgb, var(--cc-card, #1a1d23) 88%, #000);
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .selected-customer,
html[data-theme="dark"] .customer-link-banner {
  background: var(--cc-accent-tint, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: color-mix(in srgb, var(--primary) 32%, var(--cc-border, var(--border)));
}

html[data-theme="dark"] .customer-search-item {
  border-bottom-color: var(--border);
}

html[data-theme="dark"] .customer-search-item:hover {
  background: var(--surface-2, var(--light));
}

html[data-theme="dark"] .customer-search-item-details {
  color: var(--muted);
}

html[data-theme="dark"] .staff-multi {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .staff-multi__option {
  color: var(--cc-label, var(--text));
}

html[data-theme="dark"] .detail-section h3,
html[data-theme="dark"] .detail-section h4,
html[data-theme="dark"] .detail-section h5 {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .detail-section {
  border-top-color: var(--border);
}

html[data-theme="dark"] .detail-item label,
html[data-theme="dark"] .info-item label {
  color: var(--cc-label, var(--muted));
}

html[data-theme="dark"] .message-text,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .content-box,
html[data-theme="dark"] .token-display code {
  background: var(--input-bg);
  color: var(--text);
}

html[data-theme="dark"] .form-input,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] select:not(.cc-stat-status-select),
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="time"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="tel"] {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .form-input:focus,
html[data-theme="dark"] .search-input:focus,
html[data-theme="dark"] select:not(.cc-stat-status-select):focus,
html[data-theme="dark"] textarea:focus {
  border-color: var(--primary);
}

html[data-theme="dark"] option {
  background: var(--surface);
  color: var(--text);
}

html[data-theme="dark"] .table th {
  background-color: var(--surface-2, var(--light));
  color: var(--text);
  border-bottom-color: var(--border);
}

html[data-theme="dark"] .table td {
  border-bottom-color: var(--border);
  color: var(--text);
}

html[data-theme="dark"] .table tbody tr:hover,
html[data-theme="dark"] .table tbody tr.event-row:hover,
html[data-theme="dark"] table.desktop-table tbody tr.fotobox-row:hover {
  background: color-mix(in srgb, var(--primary) 16%, var(--surface));
}

html[data-theme="dark"] table.desktop-table tbody tr.fotobox-row.is-selected,
html[data-theme="dark"] .resource-card.fotobox-row.is-selected {
  background: color-mix(in srgb, var(--primary) 22%, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-accent, var(--primary));
}

html[data-theme="dark"] .resource-card.fotobox-row:hover {
  background: color-mix(in srgb, var(--primary) 16%, var(--surface));
  border-color: var(--cc-accent, var(--primary));
}

html[data-theme="dark"] .event-row--needs-action {
  background-color: color-mix(in srgb, #f59e0b 16%, var(--surface));
}

html[data-theme="dark"] .event-hint {
  background: oklch(0.32 0.06 85);
  color: oklch(0.9 0.07 85);
}

html[data-theme="dark"] .event-hint--customer {
  background: oklch(0.3 0.06 250);
  color: oklch(0.88 0.06 250);
}

html[data-theme="dark"] .btn-outline {
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .btn-secondary {
  background-color: var(--surface-2, var(--light));
  color: var(--text);
}

html[data-theme="dark"] .badge-success {
  background-color: oklch(0.3 0.07 152);
  color: oklch(0.88 0.06 152);
}

html[data-theme="dark"] .badge-warning {
  background-color: oklch(0.32 0.08 85);
  color: oklch(0.9 0.08 85);
}

html[data-theme="dark"] .badge-info {
  background-color: oklch(0.3 0.07 250);
  color: oklch(0.86 0.07 250);
}

html[data-theme="dark"] .badge-danger {
  background-color: oklch(0.3 0.08 25);
  color: oklch(0.88 0.07 25);
}

html[data-theme="dark"] .badge-default,
html[data-theme="dark"] .badge-secondary {
  background-color: var(--surface-2, var(--light));
  color: var(--muted);
}

html[data-theme="dark"] .alert-success {
  background: oklch(0.28 0.05 152);
  color: oklch(0.9 0.04 152);
  border-color: oklch(0.4 0.08 152);
}

html[data-theme="dark"] .alert-warning {
  background: var(--cc-warning-bg, oklch(0.28 0.07 55));
  color: var(--cc-warning-text, oklch(0.88 0.08 85));
}

html[data-theme="dark"] .alert-danger {
  background: var(--cc-danger-tint, oklch(0.28 0.06 25));
  color: oklch(0.9 0.06 25);
}

html[data-theme="dark"] .alert-info {
  background: var(--cc-info-bg, oklch(0.26 0.04 235));
  color: oklch(0.86 0.05 235);
}

html[data-theme="dark"] .cc-content .stat-card.stat-green { background: oklch(0.28 0.04 152); }
html[data-theme="dark"] .cc-content .stat-card.stat-blue { background: oklch(0.28 0.04 235); }
html[data-theme="dark"] .cc-content .stat-card.stat-orange { background: oklch(0.28 0.05 55); }
html[data-theme="dark"] .cc-content .stat-card.stat-purple { background: oklch(0.28 0.04 300); }
html[data-theme="dark"] .cc-content .stat-card.stat-cyan { background: oklch(0.28 0.04 200); }
html[data-theme="dark"] .cc-content .stat-card.stat-gold { background: oklch(0.28 0.05 85); }

html[data-theme="dark"] .whats-new-card__kind.is-changed {
  background: oklch(0.3 0.05 235);
  color: oklch(0.84 0.07 245);
}

html[data-theme="dark"] .whats-new-card__kind.is-fixed {
  background: oklch(0.3 0.06 85);
  color: oklch(0.88 0.08 85);
}

html[data-theme="dark"] pre,
html[data-theme="dark"] code,
html[data-theme="dark"] .command-params {
  background: var(--surface-2, var(--light));
  color: var(--text);
}

html[data-theme="dark"] hr {
  border-color: var(--border);
}

html[data-theme="dark"] .footer,
html[data-theme="dark"] .navbar {
  background-color: var(--surface);
  border-color: var(--border);
  color: var(--muted);
}

html[data-theme="dark"] .auth-card {
  background: var(--surface);
  color: var(--text);
}

html[data-theme="dark"] .calendar-day {
  background-color: var(--surface);
}

html[data-theme="dark"] .calendar-day:hover {
  background-color: var(--surface-2, var(--light));
}

html[data-theme="dark"] .day-packliste-btn {
  background: transparent;
  color: var(--cc-muted, var(--muted));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .day-packliste-btn:hover {
  background: color-mix(in srgb, var(--primary) 18%, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-accent, var(--primary));
}

html[data-theme="dark"] .cc-content .event-list-item,
html[data-theme="dark"] .cc-content .event-list-item.status-bestätigt,
html[data-theme="dark"] .cc-content .event-list-item.status-option,
html[data-theme="dark"] .cc-content .event-list-item.status-aufbau,
html[data-theme="dark"] .cc-content .event-list-item.status-abbau,
html[data-theme="dark"] .cc-content .event-list-item.status-abholung,
html[data-theme="dark"] .cc-content .event-list-item.status-blockiert,
html[data-theme="dark"] .cc-content .event-list-item.status-anfrage,
html[data-theme="dark"] .cc-content .event-list-item.status-verschoben {
  background: var(--cc-card);
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border);
}

html[data-theme="dark"] .event-list-item .event-date {
  background: var(--cc-page-bg, var(--light));
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .event-list-item .event-title,
html[data-theme="dark"] .event-list-item .event-date {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .event-list-item .event-meta,
html[data-theme="dark"] .event-list-item .text-muted,
html[data-theme="dark"] .event-count {
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .event-count {
  background: var(--cc-page-bg, var(--light));
}

html[data-theme="dark"] .event-list-item .btn-outline {
  background: transparent;
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border);
}

html[data-theme="dark"] .event-list-item .btn-outline:hover {
  background: color-mix(in srgb, var(--primary) 16%, var(--surface));
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .week-timeline,
html[data-theme="dark"] .timeline-day-column {
  background: var(--cc-card);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .timeline-day-header {
  background: var(--cc-page-bg, var(--light));
  border-bottom-color: var(--cc-border);
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .timeline-day-name {
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .timeline-day-date {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .timeline-day-header.today {
  background: oklch(0.28 0.055 250);
}

html[data-theme="dark"] .timeline-day-header.today .timeline-day-date {
  color: oklch(0.86 0.07 250);
}

html[data-theme="dark"] .calendar-day.pack-selected,
html[data-theme="dark"] .timeline-day-column.pack-selected .timeline-day-header {
  outline-color: var(--cc-accent, var(--primary));
  background: color-mix(in srgb, var(--primary) 16%, var(--cc-card));
}

html[data-theme="dark"] .resource-timeline {
  --rt-bg: var(--cc-card, var(--surface));
  --rt-bg-alt: var(--cc-page-bg, var(--light));
  --rt-header-bg: var(--cc-page-bg, var(--light));
  --rt-text: var(--cc-heading, var(--text));
  --rt-muted: var(--cc-muted, var(--muted));
  --rt-border: var(--cc-border, var(--border));
  --rt-grid-line: color-mix(in srgb, var(--cc-border, var(--border)) 55%, transparent);
  --rt-today-bg: oklch(0.28 0.055 250);
  --rt-today-text: oklch(0.86 0.07 250);
  --rt-weekend-bg: oklch(0.2 0.01 150);
  --rt-hover-bg: oklch(0.28 0.055 250);
  background: var(--rt-bg);
  color: var(--rt-text);
}

html[data-theme="dark"] .resource-timeline .rt-label-name {
  color: var(--rt-text);
}

html[data-theme="dark"] .cal-res-filter-panel,
html[data-theme="dark"] .cal-res-filter-search {
  background: var(--cc-card, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .cal-res-filter-item:hover {
  background: var(--surface-2, var(--light));
}

html[data-theme="dark"] .cal-res-filter-link {
  color: #93c5fd;
}

html[data-theme="dark"] .resource-timeline .rt-label-meta,
html[data-theme="dark"] .resource-timeline .rt-hint,
html[data-theme="dark"] .resource-timeline .rt-zoom-label,
html[data-theme="dark"] .resource-timeline .rt-header .rt-label {
  color: var(--rt-muted);
}

html[data-theme="dark"] .rental-item,
html[data-theme="dark"] .bg-picker-card {
  background: var(--input-bg, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .bg-picker-card.is-selected {
  background: color-mix(in srgb, var(--cc-accent, var(--primary, #549A56)) 18%, var(--cc-card, var(--surface)));
  border-color: var(--cc-accent, var(--primary, #549A56));
}

html[data-theme="dark"] .bg-picker-thumb--empty {
  background: var(--surface-2, var(--light));
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .saved-location-results,
html[data-theme="dark"] .location-master-info,
html[data-theme="dark"] .btn-remove-emergency,
html[data-theme="dark"] .document-item,
html[data-theme="dark"] .pairing-code,
html[data-theme="dark"] .customer-card,
html[data-theme="dark"] .modal-overlay .modal {
  background: var(--cc-card, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .saved-location-results button:hover,
html[data-theme="dark"] .document-item:hover,
html[data-theme="dark"] .attachment-zone:hover,
html[data-theme="dark"] .customer-card-header {
  background: var(--surface-2, var(--light));
}

html[data-theme="dark"] .document-number,
html[data-theme="dark"] .rental-item-name {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .rental-item-type,
html[data-theme="dark"] .attachment-hint,
html[data-theme="dark"] .summary-label {
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .company-fields {
  background: var(--cc-card, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .auth-card .btn-link {
  color: color-mix(in srgb, var(--primary) 72%, white);
}

html[data-theme="dark"] .auth-card .btn-link:hover {
  color: color-mix(in srgb, var(--primary) 88%, white);
}

html[data-theme="dark"] .event-item,
html[data-theme="dark"] .event-item .event-date,
html[data-theme="dark"] .email-detail-meta,
html[data-theme="dark"] .attachment-item,
html[data-theme="dark"] .modal-content-format,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .btn-cancel-format,
html[data-theme="dark"] .portal-visibility-box,
html[data-theme="dark"] .e-invoice-pending-box,
html[data-theme="dark"] .e-invoice-fields,
html[data-theme="dark"] .e-invoice-validation,
html[data-theme="dark"] .status-box,
html[data-theme="dark"] .card-muted,
html[data-theme="dark"] .hub-perm,
html[data-theme="dark"] .employee-card {
  background: var(--cc-card, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .event-item:hover,
html[data-theme="dark"] .email-row:hover,
html[data-theme="dark"] .segment-checkbox:hover,
html[data-theme="dark"] .btn-cancel-format:hover {
  background: var(--surface-2, var(--light));
}

html[data-theme="dark"] .email-row.unread {
  background: oklch(0.26 0.04 250);
}

html[data-theme="dark"] .email-row.unread:hover {
  background: oklch(0.3 0.05 250);
}

html[data-theme="dark"] .calendar-header {
  background: var(--surface-2, var(--light));
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .calendar-grid {
  background: var(--cc-border, var(--border));
}

html[data-theme="dark"] .calendar-day.today {
  background-color: oklch(0.28 0.055 250);
}

html[data-theme="dark"] .summary-card .value,
html[data-theme="dark"] .event-date-day,
html[data-theme="dark"] .event-name {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .btn-cancel-format {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .event-card,
html[data-theme="dark"] .event-card__body,
html[data-theme="dark"] .event-card__actions,
html[data-theme="dark"] .placeholder-card,
html[data-theme="dark"] .placeholder-code,
html[data-theme="dark"] .placeholder-code-clickable,
html[data-theme="dark"] .placeholders-box,
html[data-theme="dark"] .fx-config-card,
html[data-theme="dark"] .config-card,
html[data-theme="dark"] .info-line,
html[data-theme="dark"] .cam-exp-test-preview-wrap {
  background: var(--cc-card, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .event-card__title,
html[data-theme="dark"] .event-card__title-text,
html[data-theme="dark"] .modal-title-create-event,
html[data-theme="dark"] .event-card__stats dd {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .event-card__stats dt,
html[data-theme="dark"] .event-card__meta,
html[data-theme="dark"] .event-card__timestamp,
html[data-theme="dark"] .event-card__retention-info,
html[data-theme="dark"] .placeholder-description,
html[data-theme="dark"] .placeholder-desc {
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .event-card__retention-info--warn,
html[data-theme="dark"] .gal-help-text--warn {
  color: #f0a060;
}

html[data-theme="dark"] .cc-content .gal-admin .gal-stats {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

html[data-theme="dark"] .cc-content .gal-admin .gal-info-card,
html[data-theme="dark"] .cc-content .gal-admin .media-group,
html[data-theme="dark"] .cc-content .gal-admin .empty-state {
  background: var(--cc-card) !important;
  border: 1px solid var(--cc-border) !important;
  color: var(--cc-heading);
}

html[data-theme="dark"] .cc-content .gal-admin .gal-info-card h3,
html[data-theme="dark"] .cc-content .gal-admin .accordion-toggle,
html[data-theme="dark"] .cc-content .gal-admin .media-group__header,
html[data-theme="dark"] .cc-content .gal-admin .gal-stat__value {
  color: var(--cc-heading) !important;
  background: transparent;
}

html[data-theme="dark"] .cc-content .gal-admin .media-group__header {
  background: var(--cc-card) !important;
}

html[data-theme="dark"] .cc-content .gal-admin .media-group__header:hover {
  background: var(--cc-page-bg) !important;
}

html[data-theme="dark"] .settings-info-box,
html[data-theme="dark"] .settings-attachments-box,
html[data-theme="dark"] .settings-telegram-row,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .info-card-blue,
html[data-theme="dark"] .email-meta-box,
html[data-theme="dark"] .fd-field-row,
html[data-theme="dark"] .fd-custom-row,
html[data-theme="dark"] .fd-move button {
  background: var(--cc-card, var(--surface));
  color: var(--cc-heading, var(--text));
  border-color: var(--cc-border, var(--border));
}

html[data-theme="dark"] .title-large {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .ctx-menu__item--danger {
  color: oklch(0.78 0.12 25);
}

/* Mail-Editor bleibt hell – Vorschau = E-Mail */
html[data-theme="dark"] .mail-editor-surface,
html[data-theme="dark"] .mail-editor-surface a {
  background: #fff;
  color: #111827;
}

html[data-theme="dark"] .print-template-stage,
html[data-theme="dark"] .print-preview-paper,
html[data-theme="dark"] .tpl-paper {
  background: #fff;
  color: #111;
}

.theme-choice {
  display: inline-flex;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
}

.theme-choice button {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 14px;
  cursor: pointer;
  min-height: 40px;
}

.theme-choice button + button {
  border-left: 1px solid var(--border);
}

.theme-choice button:hover {
  background: var(--light);
}

.theme-choice button.is-active {
  background: var(--primary);
  color: var(--hub-button-text, #fff);
}

.auth-theme-toggle {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: none;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

html[data-theme="dark"] .auth-theme-toggle {
  background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .packliste-row,
html[data-theme="dark"] .packliste-modal__dialog,
html[data-theme="dark"] .packliste-print-modal__dialog,
html[data-theme="dark"] .print-tpl-picker__dialog,
html[data-theme="dark"] .fotobox-config-page .event-font-preview,
html[data-theme="dark"] .rt-row,
html[data-theme="dark"] .pte-panel,
html[data-theme="dark"] .pte-modal-card,
html[data-theme="dark"] .pp-tb-catalog .tbc-pager .btn-outline {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .packliste-einsatz,
html[data-theme="dark"] .packliste-hint,
html[data-theme="dark"] .fotobox-config-page .info-banner.warning {
  background: oklch(0.28 0.06 85);
  color: oklch(0.9 0.06 85);
}

html[data-theme="dark"] .packliste-add {
  background: var(--surface-2, var(--light));
  border-color: var(--border);
}

html[data-theme="dark"] .packliste-freetext {
  background: oklch(0.26 0.04 300);
  border-color: oklch(0.38 0.05 300);
}

html[data-theme="dark"] .packliste-delete:hover {
  background: oklch(0.3 0.08 25);
}

html[data-theme="dark"] .pte-qr-el {
  background: #fff;
  color: #333;
}

html[data-theme="dark"] .pte-root {
  --pte-chrome: var(--cc-page-bg, var(--page-bg));
  --pte-surface: var(--cc-card);
  --pte-line: var(--cc-border);
  --pte-ink: var(--cc-heading, var(--text));
  --pte-muted: var(--cc-muted);
  --pte-accent: var(--cc-accent, var(--primary));
  --pte-accent-soft: color-mix(in srgb, var(--primary) 18%, var(--cc-card));
  background: var(--cc-page-bg, var(--page-bg));
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .pte-root .pte-toolbar {
  background: var(--cc-card);
  border-bottom-color: var(--cc-border);
  box-shadow: none;
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-toolbar .btn-outline {
  background: transparent;
  color: var(--cc-heading);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-toolbar .btn-outline:hover {
  background: var(--surface-2, var(--cc-page-bg));
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-toolbar .pte-toggle.active,
html[data-theme="dark"] .pte-root .pte-tool-btn.active {
  background: color-mix(in srgb, var(--primary) 22%, var(--cc-card));
  border-color: var(--cc-accent, var(--primary));
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-toolbar-sep {
  background: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-title,
html[data-theme="dark"] .pte-root .pte-icon-btn,
html[data-theme="dark"] .pte-root .pte-ghost-btn {
  background: transparent;
  border-color: transparent;
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-icon-btn:hover,
html[data-theme="dark"] .pte-root .pte-ghost-btn:hover {
  background: var(--surface-2, var(--cc-page-bg));
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-toolbar-center {
  background: var(--cc-page-bg);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-zoom-hud {
  background: color-mix(in srgb, var(--cc-card) 92%, transparent);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-zoom-btn,
html[data-theme="dark"] .pte-root .pte-zoom-label,
html[data-theme="dark"] .pte-root .pte-zoom-fit {
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-zoom-btn:hover,
html[data-theme="dark"] .pte-root .pte-zoom-label:hover,
html[data-theme="dark"] .pte-root .pte-zoom-fit:hover {
  background: color-mix(in srgb, var(--primary) 18%, var(--cc-card));
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-status,
html[data-theme="dark"] .pte-root .pte-panel-head,
html[data-theme="dark"] .pte-root .pte-inspector label,
html[data-theme="dark"] .pte-root .pte-field-label,
html[data-theme="dark"] .pte-root .pte-assign-hint,
html[data-theme="dark"] .pte-root .pte-modal-hint,
html[data-theme="dark"] .pte-root .pte-modal-text,
html[data-theme="dark"] .pte-root .pte-tool-hint,
html[data-theme="dark"] .pte-root .pte-empty-text {
  color: var(--cc-muted);
}

html[data-theme="dark"] .pte-root .pte-panel,
html[data-theme="dark"] .pte-root .pte-panel-left,
html[data-theme="dark"] .pte-root .pte-panel-right {
  background: var(--cc-card);
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-panel-head,
html[data-theme="dark"] .pte-root .pte-panel-body {
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-canvas-wrap {
  background:
    radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--cc-card) 50%, transparent), transparent 46%),
    var(--cc-page-bg);
}

html[data-theme="dark"] .pte-root .pte-canvas {
  background: #fff;
}

html[data-theme="dark"] .pte-root .pte-layer-item {
  background: var(--cc-page-bg);
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-layer-item.active {
  background: color-mix(in srgb, var(--primary) 18%, var(--cc-card));
  border-color: var(--cc-accent, var(--primary));
}

html[data-theme="dark"] .pte-root .pte-layer-grip {
  color: var(--cc-muted, #94a3b8);
}

html[data-theme="dark"] .pte-root .pte-field-input,
html[data-theme="dark"] .pte-root .pte-inspector input:not([type="checkbox"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] .pte-root .pte-inspector select,
html[data-theme="dark"] .pte-root .pte-inspector textarea {
  background: var(--input-bg, var(--cc-page-bg));
  color: var(--cc-heading);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-event-combo-list {
  background: var(--cc-page-bg);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-event-combo-list li:hover,
html[data-theme="dark"] .pte-root .pte-event-combo-list li.is-active {
  background: color-mix(in srgb, var(--primary) 18%, var(--cc-card));
}

html[data-theme="dark"] .pte-root .pte-event-combo-empty {
  color: var(--cc-muted, #94a3b8);
}

html[data-theme="dark"] .pte-root .pte-box-list {
  background: var(--cc-page-bg);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-root .pte-portal-flag {
  background: color-mix(in srgb, var(--primary) 16%, var(--cc-card));
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-alert-bar.success {
  background: oklch(0.28 0.06 145);
  color: oklch(0.9 0.05 145);
}

html[data-theme="dark"] .pte-root .pte-alert-bar.error {
  background: oklch(0.28 0.06 25);
  color: oklch(0.9 0.05 25);
}

html[data-theme="dark"] .pte-root .pte-preview-modal {
  background: var(--cc-page-bg);
}

html[data-theme="dark"] .pte-modal-card h3 {
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-preset,
html[data-theme="dark"] .pte-create-card-block,
html[data-theme="dark"] .pte-pick-body {
  background: var(--cc-page-bg);
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-root .pte-preset:hover,
html[data-theme="dark"] .pte-pick:hover .pte-pick-body,
html[data-theme="dark"] .pte-pick:has(input:checked) .pte-pick-body {
  background: color-mix(in srgb, var(--primary) 16%, var(--cc-card));
  border-color: var(--cc-accent, var(--primary));
}

html[data-theme="dark"] .pte-root .pte-mini-layout,
html[data-theme="dark"] .pte-pick-sheet,
html[data-theme="dark"] .pte-root .pte-empty-hint {
  background: var(--cc-card);
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-mini-blank,
html[data-theme="dark"] .pte-mini-footer {
  background: var(--cc-border);
}

html[data-theme="dark"] .pte-create-card-block {
  background: var(--cc-card);
}

html[data-theme="dark"] .pte-pick-body small {
  color: var(--cc-muted);
}

html[data-theme="dark"] .pte-assign-details {
  border-color: var(--cc-border);
}

html[data-theme="dark"] .pte-dock {
  background: color-mix(in srgb, var(--cc-card) 94%, transparent);
  border-top-color: var(--cc-border);
}

html[data-theme="dark"] .pte-dock-btn,
html[data-theme="dark"] .pte-dock-icon,
html[data-theme="dark"] .pte-sheet-close {
  background: var(--cc-page-bg);
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .pte-dock-btn.active {
  background: color-mix(in srgb, var(--primary) 18%, var(--cc-card));
  color: var(--cc-heading);
}

html[data-theme="dark"] .cc-content .card-header,
html[data-theme="dark"] .cc-content .table thead th,
html[data-theme="dark"] .cc-content .table tbody td {
  border-color: var(--cc-border);
}

html[data-theme="dark"] .fx-card,
html[data-theme="dark"] .fx-card-body,
html[data-theme="dark"] .fx-card-actions {
  background: var(--cc-card);
  color: var(--cc-text);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .fx-card-name,
html[data-theme="dark"] .fx-group-title {
  color: var(--cc-heading);
}

html[data-theme="dark"] .fx-card-preview,
html[data-theme="dark"] .fx-card-no-preview,
html[data-theme="dark"] .fx-group-count {
  background: var(--cc-page-bg);
  color: var(--cc-muted);
}

html[data-theme="dark"] .info-box {
  background-color: var(--cc-info-bg);
  color: var(--cc-text);
}

html[data-theme="dark"] .info-box.info-box-primary {
  background: color-mix(in srgb, #3b82f6 18%, var(--cc-card, #1a1d23));
  border-color: color-mix(in srgb, #60a5fa 45%, var(--cc-border, #333));
  color: #dbeafe;
}

html[data-theme="dark"] .info-box.info-box-primary .info-box-content {
  color: inherit;
}

html[data-theme="dark"] .selection-card-compact {
  background: var(--cc-card);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .selection-name-compact {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .evt-template-pick {
  background: color-mix(in srgb, var(--cc-card) 92%, #000);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .evt-template-pick__preview {
  background: color-mix(in srgb, #64748b 22%, var(--cc-page-bg, #111));
}

html[data-theme="dark"] .evt-template-pick__preview .pte-preview {
  background: transparent;
}

html[data-theme="dark"] .evt-template-pick__name {
  color: var(--cc-heading, var(--text));
}

html[data-theme="dark"] .event-list-name__contact {
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .block-editing .card-body {
  background-color: color-mix(in srgb, var(--primary, #50a65d) 12%, var(--cc-card, #1a1d23));
}

html[data-theme="dark"] .block-editing .detail-item input,
html[data-theme="dark"] .block-editing .detail-item select,
html[data-theme="dark"] .block-editing .form-input[data-field] {
  background: var(--input-bg, var(--cc-page-bg));
  color: var(--cc-text, var(--text));
  border-color: var(--cc-border);
}

html[data-theme="dark"] .info-box.info-box-warning {
  background: var(--cc-warning-bg);
  color: var(--cc-warning-text);
  border-color: oklch(0.62 0.12 85);
}

html[data-theme="dark"] .code-block,
html[data-theme="dark"] .settings-input-preview,
html[data-theme="dark"] .settings-info-box,
html[data-theme="dark"] .settings-attachments-box {
  background: var(--input-bg, var(--cc-page-bg));
  color: var(--cc-heading);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .code-block code {
  color: color-mix(in srgb, var(--cc-accent) 72%, white);
  background: transparent;
}

html[data-theme="dark"] .settings-info-text,
html[data-theme="dark"] .settings-help-gray,
html[data-theme="dark"] .settings-description,
html[data-theme="dark"] .settings-attachment-size {
  color: var(--cc-muted);
}

html[data-theme="dark"] .settings-subtitle {
  color: var(--cc-heading);
}

html[data-theme="dark"] .settings-code-badge {
  background: var(--cc-card);
  border-color: var(--cc-border);
  color: var(--cc-heading);
}

html[data-theme="dark"] .badge-purple {
  background: var(--cc-badge-purple-bg);
  color: var(--cc-badge-purple-text);
}

html[data-theme="dark"] .fotobox-config-page .form-control,
html[data-theme="dark"] .fotobox-config-page select.form-control,
html[data-theme="dark"] .fotobox-config-page textarea.form-control,
html[data-theme="dark"] .fotobox-config-page input[type="text"],
html[data-theme="dark"] .fotobox-config-page input[type="number"],
html[data-theme="dark"] .fotobox-config-page input[type="password"],
html[data-theme="dark"] .fotobox-config-page input[type="datetime-local"] {
  background: var(--input-bg);
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="dark"] .fotobox-config-page .fotobox-accordion,
html[data-theme="dark"] .fotobox-config-page .fotobox-accordion.card-like > summary,
html[data-theme="dark"] .fotobox-config-page .config-tab-panels > details.fotobox-accordion[id^="sec-"] > .accordion-body,
html[data-theme="dark"] .fotobox-config-page .compact-card,
html[data-theme="dark"] .fotobox-config-page .guest-toggle-bar,
html[data-theme="dark"] .fotobox-config-page .config-subtab-nav,
html[data-theme="dark"] .fotobox-config-page .config-tab,
html[data-theme="dark"] .fotobox-config-page .sticky-footer-actions,
html[data-theme="dark"] .fotobox-config-page .asset-card,
html[data-theme="dark"] .fotobox-config-page .asset-multi,
html[data-theme="dark"] .fotobox-config-page .asset-preview,
html[data-theme="dark"] .fotobox-config-page .screen-override-card,
html[data-theme="dark"] .fotobox-config-page .print-design-card,
html[data-theme="dark"] .fotobox-config-page .fx-motif-card,
html[data-theme="dark"] .fotobox-config-page .review-filter-chip,
html[data-theme="dark"] .fotobox-config-page .ki-card,
html[data-theme="dark"] .fotobox-config-page .quiz-flow-card,
html[data-theme="dark"] .fotobox-config-page .meta-card {
  background: var(--cc-card);
  color: var(--cc-text);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .fotobox-config-page .config-tab-nav {
  background: var(--cc-page-bg);
  border-bottom-color: var(--cc-border);
}

html[data-theme="dark"] .fotobox-config-page .fotobox-accordion[open] > summary,
html[data-theme="dark"] .fotobox-config-page .fotobox-accordion.nested > summary {
  background: var(--cc-page-bg);
  color: var(--cc-heading);
}

html[data-theme="dark"] .fotobox-config-page .print-design-card.selected,
html[data-theme="dark"] .fotobox-config-page .fx-motif-card.selected,
html[data-theme="dark"] .fotobox-config-page .review-filter-chip.selected,
html[data-theme="dark"] .fotobox-config-page .config-tab.active {
  background: var(--cc-accent-tint);
  color: var(--cc-heading);
}

html[data-theme="dark"] .fotobox-config-page .info-banner {
  background: var(--cc-info-bg);
  border-color: var(--cc-info-border);
  color: var(--cc-text);
}

html[data-theme="dark"] .fotobox-config-page .info-banner.success {
  background: oklch(0.28 0.05 152);
  border-color: oklch(0.4 0.08 152);
  color: oklch(0.9 0.04 152);
}

html[data-theme="dark"] .fotobox-config-page .save-toast.ok {
  background: oklch(0.28 0.05 152);
  color: oklch(0.9 0.04 152);
}

html[data-theme="dark"] .fotobox-config-page .save-toast.err {
  background: var(--cc-danger-tint);
  color: oklch(0.9 0.06 25);
}

html[data-theme="dark"] .fotobox-config-page .autosave-status.is-saved {
  color: oklch(0.82 0.08 152);
}

html[data-theme="dark"] .fotobox-config-page .autosave-status.is-pending,
html[data-theme="dark"] .fotobox-config-page .autosave-status.is-saving {
  color: var(--cc-warning-text);
}

html[data-theme="dark"] .fotobox-config-page .item-badge.inactive,
html[data-theme="dark"] .fotobox-config-page .item-badge.event-copy {
  background: oklch(0.32 0.08 85);
  color: oklch(0.9 0.08 85);
}

html[data-theme="dark"] .fotobox-config-page .item-badge.testing,
html[data-theme="dark"] .fotobox-config-page .item-badge.portal {
  background: oklch(0.3 0.07 250);
  color: oklch(0.86 0.07 250);
}

html[data-theme="dark"] .fotobox-config-page .item-badge.config-only {
  background: oklch(0.28 0.05 300);
  color: oklch(0.86 0.07 300);
}

html[data-theme="dark"] .fotobox-config-page .fotobox-switch span {
  background: oklch(0.38 0.01 150);
}

html[data-theme="dark"] .disk-space-card--warn {
  background: oklch(0.28 0.05 55);
  border-color: oklch(0.42 0.08 55);
}

html[data-theme="dark"] .disk-space-card--critical,
html[data-theme="dark"] .disk-space-card--unavailable {
  background: oklch(0.28 0.06 25);
  border-color: oklch(0.45 0.08 25);
}

.auth-theme-toggle:hover {
  background: rgba(0, 0, 0, 0.42);
}

html[data-theme="dark"] .fx-event-picker {
  background: var(--cc-card, var(--surface));
  border-color: var(--border);
}

html[data-theme="dark"] .fx-event-group-label {
  background: var(--surface-2, var(--cc-card));
  color: var(--cc-muted, var(--muted));
}

html[data-theme="dark"] .fx-event-option:hover,
html[data-theme="dark"] .fx-event-option.is-active,
html[data-theme="dark"] .fx-event-option.is-selected {
  background: var(--cc-accent-tint, var(--surface-2));
}

html[data-theme="dark"] .fx-event-chip {
  background: var(--cc-accent-tint, var(--surface-2));
  color: var(--text);
}

/* ===== Ergänzungen für Milles Hub-Markup ===== */
html[data-theme="dark"] .cc-content .btn-outline {
  color: var(--cc-text);
  border-color: var(--cc-border);
}

html[data-theme="dark"] .cc-content .btn-outline:hover {
  background: var(--surface-2);
  color: var(--cc-heading);
}

html[data-theme="dark"] .cc-content .btn-danger {
  border-color: oklch(0.45 0.1 25);
  color: oklch(0.82 0.1 25);
}

html[data-theme="dark"] .event-date-stack {
  background: var(--cc-card);
  border-color: var(--cc-border);
}

/* Primär-Knöpfe als Link: Markenfarbe als Fläche, Schrift nicht in Linkfarbe */
html[data-theme="dark"] .cc-app a.go-btn--primary,
html[data-theme="dark"] .cc-app a.ed-btn--primary {
  color: var(--hub-button-text, #fff) !important;
}

html[data-theme="dark"] body.cc-app .go,
html[data-theme="dark"] .go {
  --go-surface: var(--cc-card);
  --go-border: var(--cc-border);
  --go-line: var(--cc-border);
  --go-control: var(--cc-border);
  --go-text: var(--cc-heading);
  --go-muted: var(--cc-muted);
  --go-faint: var(--cc-muted);
}

html[data-theme="dark"] .go .go-btn:hover {
  background: var(--surface-2);
}

html[data-theme="dark"] .go-retention--warn {
  color: oklch(0.82 0.12 70);
}

html[data-theme="dark"] .calendar-day.other-month,
html[data-theme="dark"] .calendar-day.weekend.other-month {
  background: color-mix(in srgb, var(--cc-card) 70%, var(--cc-page-bg));
}

html[data-theme="dark"] .summary-row {
  background: var(--cc-card);
  color: var(--cc-text);
}

html[data-theme="dark"] .summary-value { color: var(--cc-heading); }
html[data-theme="dark"] .summary-label { color: var(--cc-muted); }

html[data-theme="dark"] .employee-avatar {
  background: var(--surface-2);
  color: var(--cc-heading);
}

html[data-theme="dark"] .cc-hero-eyebrow {
  color: var(--cc-muted);
}

/* Galerie-Übersicht: feste helle Töne im Seiten-Stylesheet */
html[data-theme="dark"] .go .go-stat,
html[data-theme="dark"] .go .go-thumb,
html[data-theme="dark"] .go .go-row__thumb,
html[data-theme="dark"] .go .go-row:hover {
  background: var(--surface-2);
}

html[data-theme="dark"] .go .go-thumb { border-bottom-color: var(--cc-border); }
html[data-theme="dark"] .go .go-row { border-bottom-color: var(--cc-border); }

html[data-theme="dark"] .go .go-filter.is-active,
html[data-theme="dark"] .go .go-view button.is-active {
  background: var(--cc-heading);
  color: var(--cc-page-bg);
  border-color: var(--cc-heading);
}

html[data-theme="dark"] .go .go-badge--muted {
  background: var(--surface-2);
  color: var(--cc-muted);
}

html[data-theme="dark"] .go .go-badge--warn {
  background: var(--cc-warning-bg);
  color: var(--cc-warning-text);
}

html[data-theme="dark"] .go .go-filter:not(.is-active),
html[data-theme="dark"] .go .go-view button:not(.is-active) {
  color: var(--cc-text);
}