/* Globale DZ Darkmode-/Kontrast-Fixes */

/* Theme Buttons immer sichtbar */
body.dz-dark-mode .theme-toggle,
body.dz-dark-mode .dz-theme-toggle,
body.dz-dark-mode #dzThemeToggle,
html.dz-dark-mode .theme-toggle,
html.dz-dark-mode .dz-theme-toggle,
html.dz-dark-mode #dzThemeToggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 999px !important;
    border: 1px solid #64748b !important;
    background: #111827 !important;
    color: #f9fafb !important;
    font-size: 17px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    text-indent: 0 !important;
    overflow: visible !important;
}

/* Standardflächen im Darkmode */
body.dz-dark-mode .card,
body.dz-dark-mode .panel,
body.dz-dark-mode .stat,
body.dz-dark-mode .kpi,
body.dz-dark-mode .metric,
body.dz-dark-mode .metric-card,
body.dz-dark-mode .stat-card,
body.dz-dark-mode .summary-card,
body.dz-dark-mode .profile-card,
body.dz-dark-mode .candidate-card,
body.dz-dark-mode .info-card,
body.dz-dark-mode .data-card,
body.dz-dark-mode .module-card,
body.dz-dark-mode .module-row,
body.dz-dark-mode .module-item,
body.dz-dark-mode .lesson-card,
body.dz-dark-mode .attempt-card,
body.dz-dark-mode .attempt-row,
body.dz-dark-mode .question,
body.dz-dark-mode .option,
body.dz-dark-mode .checklist-fold,
body.dz-dark-mode .activity-fold,
body.dz-dark-mode .decision-card,
body.dz-dark-mode details,
body.dz-dark-mode summary,
body.dz-dark-mode section.panel,
html.dz-dark-mode .card,
html.dz-dark-mode .panel,
html.dz-dark-mode .stat,
html.dz-dark-mode .kpi,
html.dz-dark-mode .metric,
html.dz-dark-mode .metric-card,
html.dz-dark-mode .stat-card,
html.dz-dark-mode .summary-card,
html.dz-dark-mode .profile-card,
html.dz-dark-mode .candidate-card,
html.dz-dark-mode .info-card,
html.dz-dark-mode .data-card,
html.dz-dark-mode .module-card,
html.dz-dark-mode .module-row,
html.dz-dark-mode .module-item,
html.dz-dark-mode .lesson-card,
html.dz-dark-mode .attempt-card,
html.dz-dark-mode .attempt-row,
html.dz-dark-mode .question,
html.dz-dark-mode .option,
html.dz-dark-mode .checklist-fold,
html.dz-dark-mode .activity-fold,
html.dz-dark-mode .decision-card,
html.dz-dark-mode details,
html.dz-dark-mode summary,
html.dz-dark-mode section.panel {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
    box-shadow: none !important;
}

/* Texte */
body.dz-dark-mode h1,
body.dz-dark-mode h2,
body.dz-dark-mode h3,
body.dz-dark-mode h4,
body.dz-dark-mode strong,
body.dz-dark-mode .title,
body.dz-dark-mode .module-title,
body.dz-dark-mode .step-title,
body.dz-dark-mode .stat-value,
body.dz-dark-mode .metric-value,
html.dz-dark-mode h1,
html.dz-dark-mode h2,
html.dz-dark-mode h3,
html.dz-dark-mode h4,
html.dz-dark-mode strong,
html.dz-dark-mode .title,
html.dz-dark-mode .module-title,
html.dz-dark-mode .step-title,
html.dz-dark-mode .stat-value,
html.dz-dark-mode .metric-value {
    color: #ffffff !important;
    opacity: 1 !important;
}

body.dz-dark-mode p,
body.dz-dark-mode td,
body.dz-dark-mode th,
body.dz-dark-mode .muted,
body.dz-dark-mode .meta,
body.dz-dark-mode .sub,
body.dz-dark-mode .subtitle,
body.dz-dark-mode .module-meta,
body.dz-dark-mode .step-meta,
body.dz-dark-mode .stat-label,
body.dz-dark-mode .stat-help,
body.dz-dark-mode .progress-text,
body.dz-dark-mode .panel-desc,
html.dz-dark-mode p,
html.dz-dark-mode td,
html.dz-dark-mode th,
html.dz-dark-mode .muted,
html.dz-dark-mode .meta,
html.dz-dark-mode .sub,
html.dz-dark-mode .subtitle,
html.dz-dark-mode .module-meta,
html.dz-dark-mode .step-meta,
html.dz-dark-mode .stat-label,
html.dz-dark-mode .stat-help,
html.dz-dark-mode .progress-text,
html.dz-dark-mode .panel-desc {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

/* Buttons normal */
body.dz-dark-mode .btn,
body.dz-dark-mode .button,
body.dz-dark-mode .action-btn,
html.dz-dark-mode .btn,
html.dz-dark-mode .button,
html.dz-dark-mode .action-btn {
    opacity: 1 !important;
    filter: none !important;
}

/* Secondary Action Buttons in Admin/Bewerberakte */
body.dz-dark-mode .action-btn.secondary,
html.dz-dark-mode .action-btn.secondary {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #111827 !important;
    opacity: 1 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

body.dz-dark-mode .action-btn.secondary *,
html.dz-dark-mode .action-btn.secondary * {
    color: #111827 !important;
    opacity: 1 !important;
}

/* Deaktivierte Buttons sichtbar, aber als deaktiviert erkennbar */
body.dz-dark-mode .btn.disabled,
body.dz-dark-mode .button.disabled,
body.dz-dark-mode .action-btn.disabled,
body.dz-dark-mode a.disabled,
body.dz-dark-mode button:disabled,
html.dz-dark-mode .btn.disabled,
html.dz-dark-mode .button.disabled,
html.dz-dark-mode .action-btn.disabled,
html.dz-dark-mode a.disabled,
html.dz-dark-mode button:disabled {
    background: #334155 !important;
    border: 1px solid #64748b !important;
    color: #cbd5e1 !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* Badges */
body.dz-dark-mode .badge,
body.dz-dark-mode .pill,
body.dz-dark-mode .status-pill,
html.dz-dark-mode .badge,
html.dz-dark-mode .pill,
html.dz-dark-mode .status-pill {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #e5e7eb !important;
}

body.dz-dark-mode .badge.green,
body.dz-dark-mode .pill.green,
body.dz-dark-mode .status-pill.green,
html.dz-dark-mode .badge.green,
html.dz-dark-mode .pill.green,
html.dz-dark-mode .status-pill.green {
    background: rgba(46,125,50,.22) !important;
    border-color: rgba(74,222,128,.35) !important;
    color: #bbf7d0 !important;
}

/* Tabellen/Formulare */
body.dz-dark-mode table,
body.dz-dark-mode tr,
body.dz-dark-mode td,
body.dz-dark-mode th,
html.dz-dark-mode table,
html.dz-dark-mode tr,
html.dz-dark-mode td,
html.dz-dark-mode th {
    border-color: #374151 !important;
}

body.dz-dark-mode input,
body.dz-dark-mode textarea,
body.dz-dark-mode select,
html.dz-dark-mode input,
html.dz-dark-mode textarea,
html.dz-dark-mode select {
    background: #111827 !important;
    color: #f9fafb !important;
    border-color: #475569 !important;
}

/* Goldene Karten/Buttons bewusst lesbar hell lassen */
body.dz-dark-mode .gold,
body.dz-dark-mode .dz-card.gold,
html.dz-dark-mode .gold,
html.dz-dark-mode .dz-card.gold {
    color: #111827 !important;
}

body.dz-dark-mode .gold *,
body.dz-dark-mode .dz-card.gold *,
html.dz-dark-mode .gold *,
html.dz-dark-mode .dz-card.gold * {
    color: #111827 !important;
}

/* Spezielle Metro-Service-Bestätigungsbox */
body.dz-dark-mode .metro-confirm-title,
html.dz-dark-mode .metro-confirm-title {
    color: #ffffff !important;
}

body.dz-dark-mode .metro-confirm-badge,
html.dz-dark-mode .metro-confirm-badge {
    background: rgba(217,167,47,.18) !important;
    border-color: rgba(217,167,47,.45) !important;
    color: #f7d77a !important;
}

/* Admin kompakte Übersicht */
body.dz-dark-mode .dz-compact-card,
body.dz-dark-mode .dz-compact-overview,
html.dz-dark-mode .dz-compact-card,
html.dz-dark-mode .dz-compact-overview {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

body.dz-dark-mode .dz-compact-metric-link,
html.dz-dark-mode .dz-compact-metric-link {
    background: #111827 !important;
    border: 1px solid #374151 !important;
    color: #f9fafb !important;
    box-shadow: none !important;
}

body.dz-dark-mode .dz-compact-metric-link strong,
html.dz-dark-mode .dz-compact-metric-link strong {
    color: #ffffff !important;
}

body.dz-dark-mode .dz-compact-metric-link span,
html.dz-dark-mode .dz-compact-metric-link span {
    color: #cbd5e1 !important;
}
