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

/* Hintergrund + Standardtext */
body.graphite {
    background-color: #0d0d0f;
    color: #d0ffd0;
}

/* Tabellen-Standardfarbe */
body.graphite .dash-table-container .dash-spreadsheet-container {
    color: #d0ffd0 !important;
}

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

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

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

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

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

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