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

/* Hintergrund + Standardtext */
body.light {
    background-color: #ffffff;
    color: #000000;
}

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

/* Tabellenkopf */
body.light .dash-table-container .dash-spreadsheet-container th {
    background-color: #f0f0f0 !important;
    color: #00aa44 !important;
    border-color: #cccccc !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

/* --- POSITIVE WERTE (Schutz) --- */
body.light .dash-cell--positive {
    color: #00aa44 !important;   /* Corporate-Grün für Light */
    font-weight: 600 !important;
}

/* --- NEGATIVE WERTE (Schutz) --- */
body.light .dash-cell--negative {
    color: #cc0000 !important;   /* Etwas dunkleres Rot für Light */
    font-weight: 600 !important;
}

/* Buttons */
body.light button:hover {
    background-color: #00aa44 !important;
    color: #ffffff !important;
    border-color: #00aa44 !important;
}