/* --- Dark Mode Variablen & Overrides --- */
body.dark-mode {
    --sepia-bg: #0f172a;        /* Deep Slate Blue */
    --sepia-paper: #1e293b;     /* Card Background */
    --sepia-dark: #f8fafc;      /* Text Off-White */
    --sepia-medium: #334155;    /* Border Color */
    --sepia-accent: #fbbf24;    /* Gold Highlight */
    --wd-main: #020617;         /* Deep Black */
}

/* Mega Menu Anpassungen */
body.dark-mode .wd-header {
    background: #1e293b;
    border-bottom-color: var(--sepia-accent);
}

body.dark-mode .mega-dropdown {
    background: #1e293b;
    border-bottom-color: var(--sepia-accent);
}

body.dark-mode .mega-tile {
    background: #0f172a;
    border-color: rgba(251, 191, 36, 0.1);
}

body.dark-mode .mega-tile:hover {
    background: #1e293b;
    border-color: var(--sepia-accent);
}

body.dark-mode .mega-tile h4, 
body.dark-mode .mega-tile p {
    color: var(--sepia-dark) !important;
}

body.dark-mode .border-r {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Karte Invertierung für Dark-Look */
body.dark-mode #map {
    border-color: #1e293b;
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

/* Scrollbar für Dark Mode */
body.dark-mode::-webkit-scrollbar-track { background: #0f172a; }
body.dark-mode::-webkit-scrollbar-thumb { background: #334155; }

/* --- SQL VERSTECKEN --- */
form.sql, 
.sql, 
textarea#sql-editor, 
input[value="Run SQL"] {
    display: none !important;
}

/* Entfernt auch den Link im Menü falls vorhanden */
a[href*="sql"] {
    display: none !important;
}
/* --- STANDARD TABELLEN-LISTEN AUSBLENDEN --- */

/* Versteckt die Überschriften "Tables" und "Views" */
h2#tables, 
h2#views {
    display: none !important;
}

/* Versteckt die einzelnen Tabellen-Blöcke */
.db-table {
    display: none !important;
}

/* Versteckt die Liste der Views (Aufzählungszeichen) */
ul.bullets {
    display: none !important;
}

/* Versteckt den Text "... and 6 hidden tables" */
p:has(a[href*="_show_hidden"]) {
    display: none !important;
}