/* -----------------------------------------------------------
   BIG MATCH® DARK THEME (OPTIMIZED)
----------------------------------------------------------- */

/* Hintergrund + Standardtext */
body.dark {
    background-color: #111111;
    color: #e0e0e0;
}

/* Tabellenzellen – Hintergrund & Rahmen */
body.dark .dash-table-container .dash-spreadsheet-container td {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
    color: inherit !important;   /* <- überschreibt NICHT Rot/Grün */
}

/* Tabellenkopf */
body.dark .dash-table-container .dash-spreadsheet-container th {
    background-color: #181818 !important;
    color: #00ff66 !important;
    border-color: #333333 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hover-Effekt */
body.dark .dash-table-container .dash-spreadsheet-container td:hover {
    background-color: #222222 !important;
}

/* --- POSITIVE WERTE (Schutz) --- */
body.dark .dash-cell--positive {
    color: #00ff66 !important;
    font-weight: 600 !important;
}

/* --- NEGATIVE WERTE (Schutz) --- */
body.dark .dash-cell--negative {
    color: #ff4444 !important;
    font-weight: 600 !important;
}

/* Buttons */
body.dark button:hover {
    background-color: #00ff66 !important;
    color: #000 !important;
    border-color: #00ff66 !important;
}