/* =========================================================
   MANUAL LIGHT MODE OVERRIDES
   Targets elements that use hardcoded dark backgrounds 
   (which the auto-script skipped)
   ========================================================= */

/* --- TICKET PAGE --- */
body.light-mode .tickets-sidebar-card,
body.light-mode .tickets-chat-card,
body.light-mode .ticket-modal-card,
body.light-mode .rating-widget-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

body.light-mode .ticket-sidebar-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .ticket-sidebar-item:hover {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .ticket-sidebar-item.active {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

body.light-mode .tickets-search-box,
body.light-mode .chat-header-wrap,
body.light-mode .chat-composer-wrap {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .chat-body-scroll {
    background: #f8fafc !important;
}

body.light-mode .tickets-search-input,
body.light-mode .composer-input,
body.light-mode .modal-form-input {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .tickets-search-input:focus,
body.light-mode .composer-input:focus,
body.light-mode .modal-form-input:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139,92,246,0.1) !important;
}

body.light-mode .msg-bubble-staff,
body.light-mode .msg-bubble-user {
    color: var(--text-main) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .msg-bubble-staff {
    background: #ffffff !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}
body.light-mode .msg-bubble-user {
    background: #ffffff !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
}

body.light-mode .system-event-row {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}

body.light-mode .tickets-filter-tabs {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .tickets-filter-tab {
    color: var(--text-muted) !important;
}
body.light-mode .tickets-filter-tab:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
body.light-mode .tickets-filter-tab.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

body.light-mode .tickets-priority-chip {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode .tickets-priority-chip:hover {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: var(--text-main) !important;
}
body.light-mode .tickets-priority-chip.active {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: var(--text-main) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* --- SIDEBAR & HEADER --- */
body.light-mode .plan-status-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
}
body.light-mode .psc-header,
body.light-mode .psc-usage-label span {
    color: var(--text-main) !important;
}
body.light-mode .psc-progress-bg {
    background: #f1f5f9 !important;
}

body.light-mode .search-dropdown {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .search-item {
    color: var(--text-main) !important;
}
body.light-mode .search-item:hover {
    background: #f1f5f9 !important;
}
body.light-mode .search-shortcut {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-muted) !important;
}

/* --- ADMIN & CUSTOM BOTS --- */
body.light-mode .uov2-banner {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

body.light-mode .bot-status-badge,
body.light-mode .bot-type-badge,
body.light-mode .cg-pb-plan-status-badge-v4 {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .bot-action-btn,
body.light-mode .wiz-btn-secondary {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .bot-action-btn:hover,
body.light-mode .wiz-btn-secondary:hover {
    background: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

body.light-mode .ticket-modal-close {
    background: #f1f5f9 !important;
    color: var(--text-muted) !important;
}
body.light-mode .ticket-modal-close:hover {
    background: #fee2e2 !important;
    color: var(--accent-rose) !important;
}

body.light-mode .stat-card-v2 {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* =========================================================
   SIDEBAR & NAVIGATION OVERRIDES
   ========================================================= */
body.light-mode .sidebar {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .sidebar-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .nav-links a {
    color: var(--text-muted) !important;
}

body.light-mode .nav-links a:hover {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-main) !important;
}

body.light-mode .nav-links li.active a {
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.08), transparent) !important;
    color: var(--accent-purple) !important;
    box-shadow: inset 3px 0 0 var(--accent-purple) !important;
}

body.light-mode .nav-links li.active a i {
    color: var(--accent-purple) !important;
    text-shadow: none !important;
}

/* =========================================================
   TOP HEADER OVERRIDES
   ========================================================= */
body.light-mode .top-header {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.02), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* =========================================================
   USER OVERVIEW PAGE OVERRIDES
   ========================================================= */
body.light-mode .uov2-banner {
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%) !important;
    border: 1px solid rgba(139, 92, 246, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}
body.light-mode .uov2-banner::before,
body.light-mode .uov2-banner::after {
    display: none !important; /* Hide dark mode neon glows on banner */
}

body.light-mode .uov2-banner-upper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .uov2-stat-col:not(:last-child)::after {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .uov2-alert-stage {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.03) !important;
}
body.light-mode .uov2-alert-stage.warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.05), #ffffff) !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
}
body.light-mode .uov2-alert-stage.critical {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05), #ffffff) !important;
    border-color: rgba(239, 68, 68, 0.25) !important;
}

body.light-mode .uov2-countdown-grid {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .uov2-alert-secondary {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #f1f5f9 !important;
    color: var(--text-main) !important;
}
body.light-mode .uov2-alert-secondary:hover {
    background: #e2e8f0 !important;
}

/* =========================================================
   CUSTOM BOT PAGE OVERRIDES
   ========================================================= */
body.light-mode .cb-header-banner {
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%) !important;
    border: 1px solid rgba(139, 92, 246, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}
body.light-mode .cb-header-banner::before {
    display: none !important;
}

body.light-mode .cb-card,
body.light-mode .cb-setup-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.03) !important;
}

/* =========================================================
   BOT DETAIL PAGE OVERRIDES
   ========================================================= */
body.light-mode .bd-license-banner {
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

body.light-mode .bd-license-banner::before {
    background: linear-gradient(180deg, #f59e0b, #d97706) !important;
}

body.light-mode .bd-license-key-wrap {
    background: #f1f5f9 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}
body.light-mode .bd-license-key-wrap i {
    color: var(--text-muted) !important;
}
body.light-mode .bd-license-key-wrap i:hover {
    color: var(--accent-amber) !important;
}

body.light-mode .bd-hero {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.03) !important;
}

body.light-mode .bd-avatar {
    background: #f1f5f9 !important;
    border: 3px solid #f1f5f9 !important;
}
body.light-mode .bd-status-ring {
    border: 4px solid #ffffff !important;
}

body.light-mode .bd-id-chip {
    background: #f1f5f9 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}

body.light-mode .bd-system-status-row {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .bd-sys-stat-item {
    color: var(--text-muted) !important;
}
body.light-mode .bd-sys-stat-item strong {
    color: var(--text-main) !important;
}

body.light-mode .version-toggle-wrap,
body.light-mode .version-toggle {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .version-btn {
    color: var(--text-muted) !important;
}
body.light-mode .version-btn:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .version-btn.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

body.light-mode .bd-panel {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.03) !important;
}
body.light-mode .bd-panel:hover {
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05) !important;
}

body.light-mode .bd-avatar-edit-container {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .bd-input {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .bd-input:focus {
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

body.light-mode .backup-system-panel {
    background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%) !important;
    border: 1px solid rgba(139, 92, 246, 0.15) !important;
}
body.light-mode .backup-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .backup-title-section span {
    color: var(--text-muted) !important;
}

body.light-mode .backup-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.02) !important;
}
body.light-mode .backup-card:hover {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
}

body.light-mode .backup-name {
    color: var(--text-main) !important;
}
body.light-mode .backup-date {
    color: var(--text-muted) !important;
}
body.light-mode .backup-size {
    color: var(--text-muted) !important;
    background: #f1f5f9 !important;
}
body.light-mode .backup-description {
    color: var(--text-muted) !important;
}
body.light-mode .backup-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .backup-btn {
    background: #f1f5f9 !important;
    color: var(--text-muted) !important;
}
body.light-mode .backup-btn:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}

body.light-mode .backup-card.add-new {
    border: 2px dashed rgba(0, 0, 0, 0.1) !important;
    background: transparent !important;
}
body.light-mode .backup-card.add-new:hover {
    border-color: var(--accent-purple) !important;
    background: rgba(139, 92, 246, 0.02) !important;
}
body.light-mode .backup-add-text {
    color: var(--text-main) !important;
}
body.light-mode .backup-add-subtext {
    color: var(--text-muted) !important;
}

/* =========================================================
   DISCORD ANALYTICS OVERRIDES (inside bot-detail)
   ========================================================= */
body.light-mode .da-category-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .da-category-title {
    color: var(--text-main) !important;
}
body.light-mode .da-category-subtitle {
    color: var(--text-muted) !important;
}

body.light-mode .da-panel-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .da-panel-card:hover {
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.04) !important;
}

/* =========================================================
   WIZARD OVERRIDES (modal)
   ========================================================= */
body.light-mode .wiz-overlay {
    background: rgba(15, 23, 42, 0.4) !important;
}
body.light-mode .wiz-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .wiz-input {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .wiz-step-card {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .wiz-step-card:hover {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

/* =========================================================
   GENERAL BORDERS & DIVIDERS VISIBILITY RESET
   Ensure that common borders have visibility in Light Mode
   ========================================================= */
body.light-mode .da-section-divider::after,
body.light-mode .da-section-divider {
    background: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .da-section-divider::before {
    background: rgba(139, 92, 246, 0.3) !important;
    box-shadow: none !important;
}

/* Ensure developer console box remains dark in light mode */
body.light-mode .cb-console-box {
    background: #040407 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}
body.light-mode .cb-console-box .time-stamp {
    color: var(--accent-purple) !important;
}
body.light-mode .cb-console-box .log-info {
    background: rgba(16, 185, 129, 0.15) !important;
    color: var(--accent-emerald) !important;
}
body.light-mode .cb-console-box .log-db {
    background: rgba(34, 211, 238, 0.15) !important;
    color: var(--accent-cyan) !important;
}
body.light-mode .cb-console-box .log-warn {
    background: rgba(251, 191, 36, 0.15) !important;
    color: var(--accent-amber) !important;
}
body.light-mode .cb-console-box .log-cmd {
    background: rgba(139, 92, 246, 0.15) !important;
    color: var(--accent-purple) !important;
}
body.light-mode .cb-console-box .log-input {
    background: rgba(139, 92, 246, 0.15) !important;
    color: var(--accent-purple) !important;
}
body.light-mode .cb-console-input-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
body.light-mode .cb-console-input {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}
body.light-mode .cb-console-input:focus {
    border-color: rgba(139, 92, 246, 0.5) !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

/* =========================================================
   ALL MODAL OVERLAYS AND MODAL CARDS
   ========================================================= */
body.light-mode .mb-modal-overlay,
body.light-mode .cb-modal-overlay,
body.light-mode .ticket-modal-overlay,
body.light-mode .backup-modal-overlay,
body.light-mode .scc-bmodal-overlay,
body.light-mode .acb-modal-overlay,
body.light-mode .dsgvo-modal-overlay,
body.light-mode .acc-modal-overlay,
body.light-mode .sub-modal-bg,
body.light-mode [class*="modal-overlay"],
body.light-mode [class*="modal-backdrop"] {
    background: rgba(15, 23, 42, 0.3) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

body.light-mode .mb-modal-card,
body.light-mode .cb-modal-card,
body.light-mode .ticket-modal-card,
body.light-mode .backup-modal-card,
body.light-mode .scc-bmodal-card,
body.light-mode .acb-modal-card,
body.light-mode .dsgvo-modal-card,
body.light-mode .acc-modal-card,
body.light-mode .sub-modal,
body.light-mode .pro-modal,
body.light-mode [class*="-modal-card"],
body.light-mode [class*="modal-content"],
body.light-mode [id*="-modal"] [class*="-body"],
body.light-mode [class*="-modal"] [class*="-body"] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.12) !important;
    color: var(--text-main) !important;
}

body.light-mode .mb-modal-header,
body.light-mode .cb-modal-header,
body.light-mode .ticket-modal-header,
body.light-mode .pro-modal-header,
body.light-mode .sub-modal-h,
body.light-mode [class*="modal-header"] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #f8fafc !important;
}

body.light-mode .mb-modal-header h3,
body.light-mode .cb-modal-header h3,
body.light-mode .ticket-modal-header h2,
body.light-mode .pro-modal-title-wrap h2,
body.light-mode .sub-modal-title,
body.light-mode [class*="modal-header"] h1,
body.light-mode [class*="modal-header"] h2,
body.light-mode [class*="modal-header"] h3,
body.light-mode [class*="modal-header"] h4 {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

body.light-mode .mb-modal-header span,
body.light-mode .sub-modal-sub,
body.light-mode .pro-modal-title-wrap p,
body.light-mode [class*="modal-header"] span,
body.light-mode [class*="modal-header"] p {
    color: var(--text-muted) !important;
}

body.light-mode .mb-close-btn,
body.light-mode .cb-modal-close,
body.light-mode .ticket-modal-close,
body.light-mode .pro-modal-close,
body.light-mode [class*="modal-close"] {
    background: #f1f5f9 !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    color: var(--text-muted) !important;
}

body.light-mode .mb-close-btn:hover,
body.light-mode .cb-modal-close:hover,
body.light-mode .ticket-modal-close:hover,
body.light-mode .pro-modal-close:hover,
body.light-mode [class*="modal-close"]:hover {
    background: #fee2e2 !important;
    color: var(--accent-rose) !important;
    border-color: rgba(244, 63, 94, 0.2) !important;
}

body.light-mode .mb-create-section h4,
body.light-mode .mb-list-section h4,
body.light-mode .pro-modal-body h4,
body.light-mode [class*="modal-body"] h4 {
    color: var(--text-main) !important;
}

body.light-mode .mb-input,
body.light-mode .cb-form-input,
body.light-mode .modal-form-input,
body.light-mode [class*="modal-body"] input[type="text"],
body.light-mode [class*="modal-body"] textarea,
body.light-mode [class*="modal-body"] select {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}

body.light-mode .mb-input::placeholder,
body.light-mode .cb-form-input::placeholder,
body.light-mode .modal-form-input::placeholder {
    color: #94a3b8 !important;
}

body.light-mode .mb-input:focus,
body.light-mode .cb-form-input:focus,
body.light-mode .modal-form-input:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

body.light-mode .mb-type-btn {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}

body.light-mode .mb-type-btn:hover,
body.light-mode .mb-type-btn.active {
    background: rgba(139, 92, 246, 0.08) !important;
    border-color: var(--accent-purple) !important;
    color: var(--accent-purple) !important;
}

body.light-mode .mb-type-btn.active small {
    color: var(--accent-purple) !important;
}

body.light-mode .mb-type-btn small {
    color: var(--text-muted) !important;
}

body.light-mode .mb-create-btn {
    background: linear-gradient(135deg, #a855f7, #7c3aed) !important;
    color: #ffffff !important;
}

body.light-mode .mb-backup-item {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .mb-backup-item:hover {
    background: #f1f5f9 !important;
}

body.light-mode .mb-backup-name {
    color: var(--text-main) !important;
}

body.light-mode .mb-backup-meta {
    color: var(--text-muted) !important;
}

body.light-mode .mb-action-btn,
body.light-mode .pro-modal-footer button.secondary,
body.light-mode .sub-modal-actions button.secondary,
body.light-mode .modal-btn-cancel {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #f1f5f9 !important;
    color: var(--text-muted) !important;
}

body.light-mode .mb-action-btn.restore:hover {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: var(--accent-emerald) !important;
    color: var(--accent-emerald) !important;
}

body.light-mode .mb-action-btn.download:hover {
    background: rgba(34, 211, 238, 0.1) !important;
    border-color: var(--accent-cyan) !important;
    color: var(--accent-cyan) !important;
}

body.light-mode .mb-action-btn.delete:hover {
    background: rgba(244, 63, 94, 0.1) !important;
    border-color: var(--accent-rose) !important;
    color: var(--accent-rose) !important;
}

/* =========================================================
   GLOBAL ATTRIBUTE SELECTORS TO OVERRIDE INLINE STYLES (from JS templates)
   ========================================================= */
body.light-mode [style*="color:#fff"] i,
body.light-mode [style*="color: #fff"] i,
body.light-mode [style*="color:#ffffff"] i,
body.light-mode [style*="color: #ffffff"] i,
body.light-mode [style*="color:#fff"] span,
body.light-mode [style*="color: #fff"] span,
body.light-mode [style*="color:#ffffff"] span,
body.light-mode [style*="color: #ffffff"] span,
body.light-mode [style*="color:#fff"] h1,
body.light-mode [style*="color: #fff"] h1,
body.light-mode [style*="color:#fff"] h2,
body.light-mode [style*="color: #fff"] h2,
body.light-mode [style*="color:#fff"] h3,
body.light-mode [style*="color: #fff"] h3,
body.light-mode [style*="color:#fff"] h4,
body.light-mode [style*="color: #fff"] h4,
body.light-mode [style*="color:#fff"] strong,
body.light-mode [style*="color: #fff"] strong,
body.light-mode [style*="color:#fff"],
body.light-mode [style*="color: #fff"],
body.light-mode [style*="color:#ffffff"],
body.light-mode [style*="color: #ffffff"] {
    color: var(--text-main) !important;
}

/* Restoring color for developer console box logs */
body.light-mode .cb-console-box *,
body.light-mode .cb-console-box [style*="color"] {
    color: inherit !important;
}

body.light-mode [style*="color:rgba(255,255,255,0.7)"],
body.light-mode [style*="color: rgba(255, 255, 255, 0.7)"],
body.light-mode [style*="color:rgba(255,255,255,0.5)"],
body.light-mode [style*="color: rgba(255, 255, 255, 0.5)"],
body.light-mode [style*="color:rgba(255,255,255,0.35)"],
body.light-mode [style*="color: rgba(255, 255, 255, 0.35)"] {
    color: var(--text-muted) !important;
}

body.light-mode [style*="background:rgba(0,0,0,0.3)"],
body.light-mode [style*="background: rgba(0, 0, 0, 0.3)"],
body.light-mode [style*="background:rgba(0,0,0,0.4)"],
body.light-mode [style*="background: rgba(0, 0, 0, 0.4)"],
body.light-mode [style*="background:rgba(0,0,0,0.15)"],
body.light-mode [style*="background: rgba(0, 0, 0, 0.15)"] {
    background: #f1f5f9 !important;
    border-color: rgba(0,0,0,0.06) !important;
}

/* Specific closed ticket details text box override */
body.light-mode [style*="background: rgba(0,0,0,0.15)"],
body.light-mode [style*="background:rgba(0,0,0,0.15)"] {
    background: #f1f5f9 !important;
    color: var(--text-muted) !important;
    border-color: rgba(0,0,0,0.08) !important;
}

/* =========================================================
   PREMIUM CONFIRM DIALOG (_cg_confirm) LIGHT MODE
   ========================================================= */
body.light-mode #_cg_confirm_overlay {
    background: rgba(15, 23, 42, 0.4) !important;
}
body.light-mode #_cg_confirm_border {
    background: rgba(139, 92, 246, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode #_cg_confirm_inner {
    background: #ffffff !important;
}
body.light-mode #_cg_confirm_inner::before,
body.light-mode #_cg_confirm_inner::after {
    display: none !important; /* Hide neon orbs in light mode */
}
body.light-mode #_cg_confirm_title {
    color: var(--text-main) !important;
    text-shadow: none !important;
}
body.light-mode #_cg_confirm_msg {
    color: var(--text-muted) !important;
}
body.light-mode #_cg_confirm_sub {
    color: #94a3b8 !important;
}
body.light-mode #_cg_confirm_cancel {
    background: #f1f5f9 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode #_cg_confirm_cancel:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}

/* =========================================================
   ADDITIONAL MODULAR COMPONENTS LIGHT MODE OVERRIDES
   ========================================================= */

/* --- KUNDEN BOTS (.acb-) --- */
body.light-mode .acb-stat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
    color: var(--text-main) !important;
}
body.light-mode .acb-filter-bar {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}
body.light-mode .acb-search-input {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acb-search-input:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .acb-select-trigger {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acb-custom-select.open .acb-select-trigger {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .acb-select-options {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acb-select-option {
    color: var(--text-main) !important;
}
body.light-mode .acb-select-option:hover {
    background: #f1f5f9 !important;
}
body.light-mode .acb-bot-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .acb-avatar-circle {
    background: #f1f5f9 !important;
}
body.light-mode .acb-bot-name {
    color: var(--text-main) !important;
}
body.light-mode .acb-bot-owner {
    color: var(--text-muted) !important;
}
body.light-mode .acb-ext-info {
    background: #f8fafc !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .acb-info-row {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .acb-info-label {
    color: var(--text-muted) !important;
}
body.light-mode .acb-info-value {
    color: var(--text-main) !important;
}
body.light-mode .acb-card-footer {
    background: #f8fafc !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .acb-action-btn {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acb-action-btn:hover {
    background: #f1f5f9 !important;
}
body.light-mode .acb-cat-line {
    background: rgba(0, 0, 0, 0.08) !important;
}

/* --- USER VERWALTUNG & BENTO COCKPIT (.auv2-) --- */
body.light-mode .auv2-stat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .auv2-filter-bar {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}
body.light-mode .auv2-search-input {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .auv2-search-input:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .auv2-select-trigger {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .auv2-custom-select.open .auv2-select-trigger {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .auv2-select-options {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .auv2-select-option {
    color: var(--text-main) !important;
}
body.light-mode .auv2-select-option:hover {
    background: #f1f5f9 !important;
}
body.light-mode .auv2-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .auv2-log-archive-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .auv2-info-cell {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .auv2-info-label {
    color: var(--text-muted) !important;
}
body.light-mode .auv2-info-value {
    color: var(--text-main) !important;
}
body.light-mode .auv2-card-rows {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-bento-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.8) !important;
    color: var(--text-main) !important;
}
body.light-mode .auv2-bento-item:hover {
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .auv2-bento-item.hero {
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%) !important;
    border-color: rgba(139, 92, 246, 0.15) !important;
}
body.light-mode .auv2-privacy-wrapper {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .auv2-privacy-label {
    color: var(--text-muted) !important;
}
body.light-mode .auv2-privacy-value {
    color: var(--text-main) !important;
}
body.light-mode .auv2-privacy-btn {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
body.light-mode .auv2-privacy-btn:hover {
    background: #cbd5e1 !important;
}
body.light-mode .auv2-btn-action {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}
body.light-mode .auv2-btn-action:hover {
    background: #e2e8f0 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .auv2-activity-log-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .auv2-activity-log-item:hover {
    background: #f1f5f9 !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}
body.light-mode .auv2-activity-log-text {
    color: var(--text-main) !important;
}

/* --- CONTROL CENTER & SYSTEM STATUS (.acc-, .scc-) --- */
body.light-mode .acc-stat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-stat-label {
    color: var(--text-muted) !important;
}
body.light-mode .acc-stat-sub {
    color: var(--text-muted) !important;
}
body.light-mode .acc-health-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-health-lbl {
    color: var(--text-muted) !important;
}
body.light-mode .acc-health-meta {
    color: var(--text-muted) !important;
}
body.light-mode .acc-bot-group {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-bot-group-hdr {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-bot-group-title h4 {
    color: var(--text-main) !important;
}
body.light-mode .acc-bot-group-title span {
    color: var(--text-muted) !important;
}
body.light-mode .acc-bot-row {
    color: var(--text-main) !important;
}
body.light-mode .acc-bot-name {
    color: var(--text-main) !important;
}
body.light-mode .acc-bot-sub {
    color: var(--text-muted) !important;
}
body.light-mode .acc-bot-bulk {
    background: #f8fafc !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-maint-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-maint-name {
    color: var(--text-main) !important;
}
body.light-mode .acc-maint-url {
    color: var(--text-muted) !important;
}
body.light-mode .acc-maint-textarea {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-datetime-input {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-global-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-global-title {
    color: var(--text-main) !important;
}
body.light-mode .acc-global-desc {
    color: var(--text-muted) !important;
}
body.light-mode .acc-msg-composer,
body.light-mode .acc-msg-feed {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-msg-panel-hdr {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-msg-panel-hdr h4 {
    color: var(--text-main) !important;
}
body.light-mode .acc-msg-panel-hdr span {
    color: var(--text-muted) !important;
}
body.light-mode .acc-msg-input,
body.light-mode .acc-msg-textarea {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-sched-form {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-field {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-sched-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-sched-title {
    color: var(--text-main) !important;
}
body.light-mode .acc-sched-meta {
    color: var(--text-muted) !important;
}
body.light-mode .acc-inc-form,
body.light-mode .acc-inc-list-wrap {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-inc-list-hdr {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-inc-list-hdr h4 {
    color: var(--text-main) !important;
}
body.light-mode .acc-inc-item {
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .acc-inc-item:hover {
    background: #f1f5f9 !important;
}
body.light-mode .acc-inc-title-text {
    color: var(--text-main) !important;
}
body.light-mode .acc-preview-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-preview-name {
    color: var(--text-main) !important;
}
body.light-mode .acc-preview-uptime {
    color: var(--text-muted) !important;
}
body.light-mode .acc-vip-wrap {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-vip-hdr {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-vip-hdr h4 {
    color: var(--text-main) !important;
}
body.light-mode .acc-vip-count {
    color: var(--text-muted) !important;
}
body.light-mode .acc-vip-add-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-vip-input {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-vip-item:hover {
    background: #f1f5f9 !important;
}
body.light-mode .acc-vip-name {
    color: var(--text-main) !important;
}
body.light-mode .acc-vip-role {
    color: var(--text-muted) !important;
}
body.light-mode .acc-modal-box {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .acc-modal-title {
    color: var(--text-main) !important;
}
body.light-mode .acc-modal-desc {
    color: var(--text-muted) !important;
}
body.light-mode .acc-modal-cancel {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .acc-bot-modal-box {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .acc-bot-modal-hdr {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .acc-bot-modal-info h3 {
    color: var(--text-main) !important;
}
body.light-mode .acc-bot-modal-info p {
    color: var(--text-muted) !important;
}
body.light-mode .acc-bot-modal-close {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-muted) !important;
}
body.light-mode .acc-bot-stat-card {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .acc-bot-stat-lbl {
    color: var(--text-muted) !important;
}
body.light-mode .acc-bot-modal-section-title {
    color: var(--text-muted) !important;
}
body.light-mode .acc-notif-btn {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-stat {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .scc-stat-label {
    color: var(--text-muted) !important;
}
body.light-mode .scc-stat-trend {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    color: var(--text-muted) !important;
}
body.light-mode .scc-hcard {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .scc-hcard-lbl {
    color: var(--text-muted) !important;
}
body.light-mode .scc-hcard-sub {
    color: var(--text-muted) !important;
}
body.light-mode .scc-bcard {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-bcard-head {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .scc-bcard-title h3 {
    color: var(--text-main) !important;
}
body.light-mode .scc-bcard-title span {
    color: var(--text-muted) !important;
}
body.light-mode .scc-bitem {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}
body.light-mode .scc-bitem:hover {
    background: #f1f5f9 !important;
}
body.light-mode .scc-bname {
    color: var(--text-main) !important;
}
body.light-mode .scc-bdesc {
    color: var(--text-muted) !important;
}
body.light-mode .scc-bsettings-btn {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode .scc-bulk {
    background: #f8fafc !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .scc-mcard {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-mcard-title h3 {
    color: var(--text-main) !important;
}
body.light-mode .scc-mcard-title span {
    color: var(--text-muted) !important;
}
body.light-mode .scc-mcard-desc {
    color: var(--text-muted) !important;
}
body.light-mode .scc-textarea,
body.light-mode .scc-input,
body.light-mode .scc-dt-input {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}
body.light-mode .scc-gaction {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-gaction-title {
    color: var(--text-main) !important;
}
body.light-mode .scc-gaction-desc {
    color: var(--text-muted) !important;
}
body.light-mode .scc-msg-composer,
body.light-mode .scc-msg-feed {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-msg-composer-head,
body.light-mode .scc-msg-feed-head {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .scc-msg-composer-title h3,
body.light-mode .scc-msg-feed-title h3 {
    color: var(--text-main) !important;
}
body.light-mode .scc-msg-composer-title span,
body.light-mode .scc-msg-feed-title span {
    color: var(--text-muted) !important;
}
body.light-mode .scc-msg-entry {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .scc-msg-entry:hover {
    background: #f1f5f9 !important;
}
body.light-mode .scc-msg-entry-title {
    color: var(--text-main) !important;
}
body.light-mode .scc-msg-entry-text {
    color: var(--text-muted) !important;
}
body.light-mode .scc-pvcard {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-pvname {
    color: var(--text-main) !important;
}
body.light-mode .scc-pvuptime {
    color: var(--text-muted) !important;
}
body.light-mode .scc-sched-item,
body.light-mode .scc-inc-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-sched-title,
body.light-mode .scc-inc-title {
    color: var(--text-main) !important;
}
body.light-mode .scc-sched-meta,
body.light-mode .scc-inc-meta {
    color: var(--text-muted) !important;
}
body.light-mode .scc-wl-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-wl-name {
    color: var(--text-main) !important;
}
body.light-mode .scc-wl-role {
    color: var(--text-muted) !important;
}
body.light-mode .scc-panel {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-panel-title h3 {
    color: var(--text-main) !important;
}
body.light-mode .scc-panel-title span {
    color: var(--text-muted) !important;
}
body.light-mode .scc-bmodal-box {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .scc-bm-head {
    background: #f8fafc !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .scc-bm-info h2 {
    color: var(--text-main) !important;
}
body.light-mode .scc-bm-info p {
    color: var(--text-muted) !important;
}
body.light-mode .scc-bm-close {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode .scc-bm-stat {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .scc-bm-stat-lbl {
    color: var(--text-muted) !important;
}
body.light-mode .scc-bm-sbtn {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}
body.light-mode .scc-confirm-box {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .scc-confirm-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .scc-confirm-head h3 {
    color: var(--text-main) !important;
}
body.light-mode .scc-confirm-head p {
    color: var(--text-muted) !important;
}
body.light-mode .scc-confirm-note {
    color: var(--text-main) !important;
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .scc-confirm-cancel {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}

/* --- FINANCE & LICENSES (.af-) --- */
body.light-mode .af-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .af-card-title {
    color: var(--text-main) !important;
}
body.light-mode .af-stat-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .af-stat-card .af-sc-value {
    color: var(--text-main) !important;
}
body.light-mode .af-stat-card .af-sc-label {
    color: var(--text-muted) !important;
}
body.light-mode .af-stat-card .af-sc-sub {
    color: var(--text-muted) !important;
}
body.light-mode .af-tabs {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .af-tab {
    color: var(--text-muted) !important;
}
body.light-mode .af-tab:hover {
    color: var(--text-main) !important;
    background: #e2e8f0 !important;
}
body.light-mode .af-tab.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .af-table-wrap {
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .af-table th {
    background: #f8fafc !important;
    color: var(--text-muted) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .af-table td {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}
body.light-mode .af-table tr:hover td {
    background: #f8fafc !important;
}
body.light-mode .af-input,
body.light-mode .af-select,
body.light-mode .af-textarea {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .af-input:focus,
body.light-mode .af-select:focus,
body.light-mode .af-textarea:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .af-select option {
    background: #ffffff !important;
    color: var(--text-main) !important;
}
body.light-mode .af-btn-secondary {
    background: #f1f5f9 !important;
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .af-btn-secondary:hover {
    background: #e2e8f0 !important;
}
body.light-mode .af-btn-ghost {
    background: transparent !important;
    color: var(--text-muted) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .af-btn-ghost:hover {
    background: #f1f5f9 !important;
    color: var(--text-main) !important;
}
body.light-mode .af-lic-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .af-lic-card:hover {
    border-color: rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .af-lic-name {
    color: var(--text-main) !important;
}
body.light-mode .af-lic-desc {
    color: var(--text-muted) !important;
}
body.light-mode .af-lic-interval {
    color: var(--text-muted) !important;
}
body.light-mode .af-lic-divider {
    background: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .af-lic-users {
    color: var(--text-muted) !important;
}
body.light-mode .af-lic-features li {
    color: var(--text-main) !important;
}
body.light-mode .af-subpage-hero {
    background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.15) !important;
}
body.light-mode .af-back-btn {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .af-back-btn:hover {
    background: #e2e8f0 !important;
}
body.light-mode .af-hero-name {
    color: var(--text-main) !important;
}
body.light-mode .af-hero-meta {
    color: var(--text-muted) !important;
}
body.light-mode .af-hero-amount .amount {
    color: var(--text-main) !important;
}
body.light-mode .af-hero-amount .amount-sub {
    color: var(--text-muted) !important;
}
body.light-mode .af-stat-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .af-stat-label {
    color: var(--text-muted) !important;
}
body.light-mode .af-stat-val {
    color: var(--text-main) !important;
}
body.light-mode .af-progress-bar {
    background: #f1f5f9 !important;
}
body.light-mode .af-chart-val {
    color: var(--text-muted) !important;
}
body.light-mode .af-chart-label {
    color: var(--text-muted) !important;
}
body.light-mode .af-timeline-connector {
    background: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .af-tl-event {
    color: var(--text-main) !important;
}
body.light-mode .af-tl-date {
    color: var(--text-muted) !important;
}
body.light-mode .af-mono {
    color: var(--text-main) !important;
}
body.light-mode .af-empty {
    color: var(--text-muted) !important;
}
body.light-mode .af-divider {
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.15), transparent) !important;
}
body.light-mode .af-section-title {
    color: var(--text-muted) !important;
}
body.light-mode .af-toast {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .af-confirm-box {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15) !important;
}
body.light-mode .af-confirm-title {
    color: var(--text-main) !important;
}
body.light-mode .af-confirm-text {
    color: var(--text-muted) !important;
}

/* =========================================================
   ADMIN-AKTIONEN PAGE (.aa-) LIGHT MODE OVERRIDES
   ========================================================= */
body.light-mode .aa-page-title,
body.light-mode .aa-section-title,
body.light-mode .aa-quick-title,
body.light-mode .aa-sec-action-title,
body.light-mode .aa-cl-title,
body.light-mode .aa-modal-title,
body.light-mode .aa-bl-modal-hero-title,
body.light-mode .aa-cl-editor-header h2 {
    color: var(--text-main) !important;
    -webkit-text-fill-color: var(--text-main) !important;
}

body.light-mode .aa-page-sub,
body.light-mode .aa-quick-desc,
body.light-mode .aa-sec-action-desc,
body.light-mode .aa-stat-label,
body.light-mode .aa-log-time,
body.light-mode .aa-log-admin-name,
body.light-mode .aa-cl-meta-item,
body.light-mode .aa-cl-excerpt,
body.light-mode .aa-inbox-preview,
body.light-mode .aa-inbox-date,
body.light-mode .aa-inbox-subject,
body.light-mode .aa-label,
body.light-mode .aa-quick-arrow,
body.light-mode .aa-bl-modal-hero-sub,
body.light-mode .aa-cl-preview-box h4 {
    color: var(--text-muted) !important;
}

body.light-mode .aa-tab-bar {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-tab {
    color: var(--text-muted) !important;
}
body.light-mode .aa-tab:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-tab.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    text-shadow: none !important;
}
body.light-mode .aa-tab-badge {
    background: rgba(139, 92, 246, 0.1) !important;
    color: var(--accent-purple) !important;
}

body.light-mode .aa-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-card:hover {
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-card::before { display: none !important; }

body.light-mode .aa-stat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-stat-value { color: var(--text-main) !important; }
body.light-mode .aa-stat-card::after { opacity: 0.02 !important; }

body.light-mode .aa-quick-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-quick-card:hover {
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .aa-log-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: none !important;
}
body.light-mode .aa-log-item:hover {
    background: #f1f5f9 !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}
body.light-mode .aa-log-text { color: var(--text-main) !important; }
body.light-mode .aa-timeline::before {
    background: linear-gradient(to bottom, rgba(139, 92, 246, 0.2), rgba(34, 211, 238, 0.08), transparent) !important;
}
body.light-mode .aa-log-dot { border-color: #f1f5f9 !important; }

body.light-mode .aa-input,
body.light-mode .aa-textarea,
body.light-mode .aa-select-input {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}
body.light-mode .aa-input:focus,
body.light-mode .aa-textarea:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}
body.light-mode .aa-input::placeholder,
body.light-mode .aa-textarea::placeholder { color: #94a3b8 !important; }

body.light-mode .aa-search input {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}
body.light-mode .aa-search input:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}
body.light-mode .aa-search i { color: var(--text-muted) !important; }

body.light-mode .aa-email-tabs {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-email-tab { color: var(--text-muted) !important; }
body.light-mode .aa-email-tab.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-email-tab:hover:not(.active) {
    color: var(--text-main) !important;
    background: #e2e8f0 !important;
}

body.light-mode .aa-email-hero {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(34, 211, 238, 0.03)) !important;
    border-color: rgba(139, 92, 246, 0.1) !important;
}
body.light-mode .aa-email-hero-text h3 { color: var(--text-main) !important; }
body.light-mode .aa-email-hero-text p { color: var(--text-muted) !important; }

body.light-mode .aa-template-chip {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-muted) !important;
}
body.light-mode .aa-template-chip:hover {
    background: rgba(139, 92, 246, 0.08) !important;
    color: var(--accent-purple) !important;
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: none !important;
}

body.light-mode .aa-inbox-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-inbox-item:hover {
    background: #f1f5f9 !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-inbox-from { color: var(--text-main) !important; }

body.light-mode .aa-cl-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-cl-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-cl-version {
    background: rgba(139, 92, 246, 0.08) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    color: var(--accent-purple) !important;
}

body.light-mode .aa-cl-editor {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-cl-editor-header {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-cl-editor-footer {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-cl-preview-box {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .aa-sec-action-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .aa-sec-action-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-sec-action-card::before { opacity: 0.3 !important; }

body.light-mode .aa-session-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-session-name { color: var(--text-main) !important; }
body.light-mode .aa-session-meta { color: var(--text-muted) !important; }

body.light-mode .aa-bl-table-wrap {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-table th {
    background: #f1f5f9 !important;
    color: var(--text-muted) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-table td {
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}
body.light-mode .aa-table tr:hover td {
    background: rgba(139, 92, 246, 0.03) !important;
}

body.light-mode .aa-empty {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode .aa-empty h3 { color: var(--text-main) !important; }

body.light-mode .aa-modal {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.15) !important;
}
body.light-mode .aa-modal-close {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode .aa-modal-close:hover {
    background: #fee2e2 !important;
    color: var(--accent-rose) !important;
}

body.light-mode .aa-bl-modal-hero {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.04), rgba(244, 63, 94, 0.02), rgba(139, 92, 246, 0.04)) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .aa-bl-sev-card {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .aa-bl-sev-card span { color: var(--text-main) !important; }
body.light-mode .aa-bl-sev-card small { color: var(--text-muted) !important; }
body.light-mode .aa-bl-modal-footer {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .aa-progress { background: #e2e8f0 !important; }

body.light-mode .aa-btn-ghost {
    background: #f1f5f9 !important;
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}
body.light-mode .aa-btn-ghost:hover {
    background: #e2e8f0 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .cg-select-wrapper.aa-select-input .cg-select-trigger {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}
body.light-mode .cg-select-wrapper.aa-select-input.open .cg-select-trigger {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

/* =========================================================
   ADMIN-LOGS PAGE (.al-v3-, .v3-, .al-v4-) LIGHT MODE OVERRIDES
   ========================================================= */
body.light-mode .al-v3-wrapper { color: var(--text-main) !important; }
body.light-mode .al-v3-header { border-color: rgba(0, 0, 0, 0.06) !important; }
body.light-mode .al-v3-title-box h1 { color: var(--text-main) !important; }

body.light-mode .al-v3-stat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: none !important;
}
body.light-mode .stat-label { color: var(--text-muted) !important; }
body.light-mode .stat-value { color: var(--text-main) !important; }

body.light-mode .al-v3-cat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: none !important;
}
body.light-mode .al-v3-cat-card:hover {
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .v3-cat-body h3 { color: var(--text-main) !important; }
body.light-mode .v3-cat-stats span { color: var(--text-muted) !important; }
body.light-mode .v3-cat-footer {
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: var(--text-muted) !important;
}

body.light-mode .al-v3-timeline-header { border-color: rgba(0, 0, 0, 0.06) !important; }
body.light-mode .al-v3-timeline-title-area h2 { color: var(--text-main) !important; }

body.light-mode .al-v3-search {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .al-v3-search:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}
body.light-mode .al-v3-search-wrapper i { color: var(--text-muted) !important; }

body.light-mode .al-v3-pills {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .al-v3-pill { color: var(--text-muted) !important; }
body.light-mode .al-v3-pill:hover {
    color: var(--text-main) !important;
    background: #e2e8f0 !important;
}
body.light-mode .al-v3-pill.active {
    background: #f8fafc !important;
    color: var(--text-main) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .al-v3-pill.error.active {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #dc2626 !important;
}
body.light-mode .al-v3-pill.warn.active {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #d97706 !important;
}

body.light-mode .v3-tl-dot { box-shadow: 0 0 0 4px #f8fafc !important; }
body.light-mode .v3-tl-dot.success { box-shadow: 0 0 0 4px #f8fafc, 0 0 8px rgba(16, 185, 129, 0.3) !important; }
body.light-mode .v3-tl-dot.error   { box-shadow: 0 0 0 4px #f8fafc, 0 0 8px rgba(239, 68, 68, 0.3) !important; }
body.light-mode .v3-tl-dot.warn    { box-shadow: 0 0 0 4px #f8fafc, 0 0 8px rgba(245, 158, 11, 0.3) !important; }
body.light-mode .v3-tl-dot.info    { box-shadow: 0 0 0 4px #f8fafc, 0 0 8px rgba(6, 182, 212, 0.3) !important; }

body.light-mode .v3-tl-content {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}
body.light-mode .v3-tl-content:hover {
    background: #f8fafc !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .v3-tl-content::after { display: none !important; }
body.light-mode .v3-tl-icon-box {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .v3-tl-action { color: var(--text-main) !important; }
body.light-mode .v3-tl-desc { color: var(--text-muted) !important; }
body.light-mode .v3-tl-time { color: var(--text-muted) !important; }
body.light-mode .v3-tl-user { color: var(--accent-purple) !important; }

body.light-mode .v3-tl-quick-actions button {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .al-v3-inspector-modal {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: none !important;
}
body.light-mode .al-v3-inspector-header {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .al-v3-inspector-title { color: var(--text-main) !important; }
body.light-mode .al-v3-tabs {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .al-v3-tab { color: var(--text-muted) !important; }
body.light-mode .al-v3-tab:hover { color: var(--text-main) !important; }
body.light-mode .al-v3-tab.active {
    color: var(--accent-purple) !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .al-v3-tab-content { background: #ffffff !important; }

body.light-mode .v3-insp-card {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: none !important;
}
body.light-mode .v3-insp-card label { color: var(--text-muted) !important; }
body.light-mode .v3-insp-val { color: var(--text-main) !important; }

body.light-mode .v3-insp-code-toolbar {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
}
body.light-mode .v3-insp-code {
    background: #0d1117 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .v3-related-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .v3-rel-act { color: var(--text-main) !important; }
body.light-mode .v3-rel-date { color: var(--text-muted) !important; }
body.light-mode .v3-rel-mod {
    background: #e2e8f0 !important;
    color: var(--text-muted) !important;
}
body.light-mode .v3-meta-card {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: var(--text-main) !important;
}
body.light-mode .v3-empty-state { color: var(--text-muted) !important; }

body.light-mode .al-v4-global-search input {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
}
body.light-mode .al-v4-global-search input:focus {
    background: #ffffff !important;
    border-color: var(--accent-cyan) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1) !important;
}

body.light-mode .al-v4-webhook-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}
body.light-mode .v4-wh-header h3 { color: var(--text-main) !important; }
body.light-mode .al-v4-webhook-input {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .al-v4-webhook-input:focus {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
}
body.light-mode .al-v4-webhook-btn {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .al-v3-btn.secondary {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}
body.light-mode .al-v3-btn.secondary:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
body.light-mode .al-v3-btn-back {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .al-v3-btn-back:hover {
    background: rgba(139, 92, 246, 0.06) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}

/* =========================================================
   ADMIN-DSGVO PAGE (.dsgvo-ent-, .glass-glow-card, .audit-, .kpi-, .toms-) LIGHT MODE
   ========================================================= */
body.light-mode .dsgvo-ent-wrapper { color: var(--text-main) !important; }
body.light-mode .dsgvo-ent-header {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}
body.light-mode .ent-title h1 { color: var(--text-main) !important; }
body.light-mode .ent-title p { color: var(--text-muted) !important; }

body.light-mode .dpo-card {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .dpo-info span { color: var(--text-muted) !important; }
body.light-mode .dpo-info strong { color: var(--text-main) !important; }

body.light-mode .dsgvo-ent-nav {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .ent-nav-btn { color: var(--text-muted) !important; }
body.light-mode .ent-nav-btn:hover {
    color: var(--text-main) !important;
    background: #e2e8f0 !important;
}
body.light-mode .ent-nav-btn.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .glass-glow-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}
body.light-mode .glass-glow-card:hover {
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .score-text h3 { color: var(--text-main) !important; }
body.light-mode .score-text p { color: var(--text-muted) !important; }

body.light-mode .kpi-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .kpi-card span { color: var(--text-muted) !important; }
body.light-mode .kpi-card h2 { color: var(--text-main) !important; }
body.light-mode .kpi-trend { color: var(--text-muted) !important; }

body.light-mode .audit-item {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .audit-item:hover {
    background: rgba(139, 92, 246, 0.04) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.06) !important;
}
body.light-mode .audit-checkbox-custom {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
body.light-mode .audit-text strong { color: var(--text-main) !important; }
body.light-mode .audit-text span { color: var(--text-muted) !important; }
body.light-mode .audit-section h2 { color: var(--text-main) !important; }

body.light-mode .card-header h2 { color: var(--text-main) !important; }
body.light-mode .card-header p { color: var(--text-muted) !important; }

body.light-mode .search-box-neon {
    background: #f1f5f9 !important;
    border-color: rgba(139, 92, 246, 0.15) !important;
}
body.light-mode .search-box-neon:focus-within {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08) !important;
}
body.light-mode .search-box-neon i { color: var(--text-muted) !important; }
body.light-mode .search-box-neon input { color: var(--text-main) !important; }
body.light-mode .search-box-neon input::placeholder { color: #94a3b8 !important; }

body.light-mode .data-row {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .data-row:hover {
    background: #f1f5f9 !important;
    border-color: rgba(6, 182, 212, 0.2) !important;
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.06) !important;
    transform: translateX(3px) !important;
}
body.light-mode .row-user strong { color: var(--text-main) !important; }
body.light-mode .row-user span { color: var(--text-muted) !important; }
body.light-mode .row-user i { color: var(--text-muted) !important; }
body.light-mode .row-date { color: var(--text-muted) !important; }

body.light-mode .neon-button {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .neon-button.gray-glow {
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-muted) !important;
    background: #f1f5f9 !important;
}
body.light-mode .neon-button.gray-glow:hover {
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: var(--text-main) !important;
    background: #e2e8f0 !important;
}
body.light-mode .neon-button.red-glow {
    background: rgba(244, 63, 94, 0.04) !important;
    border-color: rgba(244, 63, 94, 0.25) !important;
    color: var(--accent-rose) !important;
}
body.light-mode .neon-button.red-glow:hover {
    background: var(--accent-rose) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(244, 63, 94, 0.2) !important;
}
body.light-mode .neon-button.purple-glow {
    background: rgba(168, 85, 247, 0.04) !important;
    border-color: rgba(168, 85, 247, 0.25) !important;
    color: var(--accent-purple) !important;
}
body.light-mode .neon-button.purple-glow:hover {
    background: var(--accent-purple) !important;
    color: #ffffff !important;
}
body.light-mode .neon-button.cyan-glow {
    background: rgba(6, 182, 212, 0.04) !important;
    border-color: rgba(6, 182, 212, 0.25) !important;
    color: var(--accent-cyan) !important;
}
body.light-mode .neon-button.cyan-glow:hover {
    background: var(--accent-cyan) !important;
    color: #ffffff !important;
}
body.light-mode .neon-button.green-glow {
    background: rgba(16, 185, 129, 0.04) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
    color: var(--accent-emerald) !important;
}
body.light-mode .neon-button.green-glow:hover {
    background: var(--accent-emerald) !important;
    color: #ffffff !important;
}

body.light-mode .toms-category-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .toms-cat-header { border-color: rgba(0, 0, 0, 0.06) !important; }
body.light-mode .toms-cat-header h3 { color: var(--text-main) !important; }
body.light-mode .tom-row {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .tom-row:hover {
    border-color: rgba(168, 85, 247, 0.2) !important;
    background: rgba(168, 85, 247, 0.03) !important;
    box-shadow: 0 4px 12px rgba(168, 85, 247, 0.06) !important;
    transform: translateX(3px) !important;
}
body.light-mode .tom-info strong { color: var(--text-main) !important; }
body.light-mode .tom-info span { color: var(--text-muted) !important; }

/* =========================================================
   ADMIN-CONTROL-CENTER PAGE (.acc-page, .acc-hero) ADDITIONAL
   ========================================================= */
body.light-mode .acc-page { color: var(--text-main) !important; }
body.light-mode .acc-hero {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.04) 0%, rgba(34, 211, 238, 0.03) 40%, rgba(16, 185, 129, 0.02) 70%, rgba(251, 191, 36, 0.02) 100%) !important;
    border-color: rgba(139, 92, 246, 0.1) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}
body.light-mode .acc-hero-title { color: var(--text-main) !important; }
body.light-mode .acc-hero-title span {
    background: linear-gradient(135deg, #1e293b 0%, #6d28d9 50%, #0891b2 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
body.light-mode .acc-hero-sub { color: var(--text-muted) !important; }

/* =========================================================
   ADMIN-OVERVIEW PAGE (.ao-) LIGHT MODE OVERRIDES
   ========================================================= */
body.light-mode .ao-bg-blob { opacity: 0.06 !important; }

/* =========================================================
   SCROLLBARS IN LIGHT MODE
   ========================================================= */
body.light-mode .al-v3-tab-content::-webkit-scrollbar-track { background: #f1f5f9 !important; }
body.light-mode .al-v3-tab-content::-webkit-scrollbar-thumb { background: #cbd5e1 !important; }
body.light-mode .al-v3-tab-content::-webkit-scrollbar-thumb:hover { background: var(--accent-purple) !important; }

/* =========================================================
   SUPPORT TICKETS & ADMIN TICKETS PAGE LIGHT MODE
   ========================================================= */

/* Topbar & Headers */
body.light-mode .au-topbar h1 { color: var(--text-main) !important; }
body.light-mode .au-topbar p { color: var(--text-muted) !important; }
body.light-mode .au-nav-btn {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}
body.light-mode .au-nav-btn:hover {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

/* Stat Cards (Alle Tickets, Offen, etc.) */
body.light-mode .admin-stat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.light-mode .admin-stat-card:hover {
    background: #f8fafc !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .admin-stat-card::before { opacity: 0.2 !important; }
body.light-mode .admin-stat-icon {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: none !important;
}
body.light-mode .admin-stat-value { color: var(--text-main) !important; }
body.light-mode .admin-stat-label { color: var(--text-muted) !important; }

/* Toolbar (Search & Filter) */
body.light-mode .admin-tickets-toolbar {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.light-mode .admin-toolbar-search i { color: var(--text-muted) !important; }
body.light-mode .admin-toolbar-search input {
    color: var(--text-main) !important;
}
body.light-mode .admin-toolbar-search input::placeholder { color: #94a3b8 !important; }
body.light-mode .admin-toolbar-divider { background: rgba(0, 0, 0, 0.08) !important; }

body.light-mode .admin-filter-btn { color: var(--text-muted) !important; }
body.light-mode .admin-filter-btn:hover {
    background: #f1f5f9 !important;
    color: var(--text-main) !important;
}
body.light-mode .admin-filter-btn.active {
    background: #f8fafc !important;
    color: var(--accent-purple) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.08) !important;
}

/* Sidebar Box & Search */
body.light-mode .tickets-sidebar-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.light-mode .tickets-search-box {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .tickets-search-input {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .tickets-search-input:focus {
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}
body.light-mode .search-input-wrap i { color: var(--text-muted) !important; }

/* Filter Tabs */
body.light-mode .tickets-filter-tabs {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
body.light-mode .tickets-filter-tab { color: var(--text-muted) !important; }
body.light-mode .tickets-filter-tab:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
body.light-mode .tickets-filter-tab.active {
    background: #ffffff !important;
    color: var(--accent-purple) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Priority Chips */
body.light-mode .tickets-priority-label,
body.light-mode .admin-priority-filter-label {
    color: var(--text-muted) !important;
}
body.light-mode .tickets-priority-chip,
body.light-mode .admin-priority-chip {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-muted) !important;
}
body.light-mode .tickets-priority-chip:hover,
body.light-mode .admin-priority-chip:hover {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: var(--text-main) !important;
}
body.light-mode .tickets-priority-chip.active,
body.light-mode .admin-priority-chip.active {
    background: #ffffff !important;
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Sidebar Ticket Items */
body.light-mode .ticket-sidebar-item,
body.light-mode .admin-ticket-item {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .ticket-sidebar-item:hover,
body.light-mode .admin-ticket-item:hover {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}
body.light-mode .ticket-sidebar-item.active,
body.light-mode .admin-ticket-item.active {
    background: #f8fafc !important;
    border-color: rgba(139, 92, 246, 0.25) !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.08) !important;
}
body.light-mode .ticket-sidebar-item.status-open,
body.light-mode .admin-ticket-item.status-open {
    background: rgba(251, 191, 36, 0.05) !important;
}
body.light-mode .ticket-sidebar-item.status-resolved,
body.light-mode .admin-ticket-item.status-resolved {
    background: rgba(16, 185, 129, 0.05) !important;
}
body.light-mode .ticket-sidebar-item.status-closed,
body.light-mode .admin-ticket-item.status-closed {
    background: #ffffff !important;
}

/* Chat Area Box */
body.light-mode .tickets-chat-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

/* Chat Header & Body */
body.light-mode .chat-header-wrap {
    border-color: rgba(0, 0, 0, 0.06) !important;
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.05), transparent) !important;
}
body.light-mode .chat-body-scroll {
    background: radial-gradient(circle at top right, rgba(139, 92, 246, 0.02), transparent 40%) !important;
}

/* Messages Bubbles */
body.light-mode .msg-bubble {
    color: var(--text-main) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-mode .msg-bubble-user {
    background: #ffffff !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.08) !important;
}
body.light-mode .msg-bubble-staff {
    background: #f8fafc !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.06) !important;
}
body.light-mode .msg-avatar {
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
}
body.light-mode .msg-info-header { color: var(--text-muted) !important; }
body.light-mode .system-event-row {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-muted) !important;
    box-shadow: none !important;
}

/* Messages Composer (User & Admin) */
body.light-mode .chat-composer-wrap,
body.light-mode .admin-composer {
    background: #f8fafc !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body.light-mode .composer-input,
body.light-mode .admin-composer-input {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}
body.light-mode .composer-input:focus,
body.light-mode .admin-composer-input:focus {
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}
body.light-mode .composer-btn-attach,
body.light-mode .admin-composer-btn-attach {
    background: #f1f5f9 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-muted) !important;
}
body.light-mode .composer-btn-attach:hover,
body.light-mode .admin-composer-btn-attach:hover {
    background: #e2e8f0 !important;
    color: var(--text-main) !important;
}
body.light-mode .composer-btn-send,
body.light-mode .admin-composer-btn-send {
    background: #f8fafc !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
}
body.light-mode .composer-btn-send:hover,
body.light-mode .admin-composer-btn-send:hover {
    background: #f1f5f9 !important;
}