.csv-table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 1rem;
    font-size: 0.9rem;
}

/* ---------- HEADER (light mode) ---------- */
.csv-table th {
    background-color: #f2f2f2;
    color: #000;
    text-align: left;
    padding: 8px;
    border-bottom: 2px solid #ddd;
}

/* ---------- HEADER (dark mode) ---------- */
[data-md-color-scheme="slate"] .csv-table th,
[data-md-color-scheme="dark"] .csv-table th {
    background-color: #333;     /* dark grey */
    color: #fff;
    border-bottom: 2px solid #555;
}

/* ---------- BODY ---------- */
.csv-table td {
    padding: 8px;
    border-bottom: 1px solid #444;
}

/* Hover effect */
.csv-table tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Status coloring */
.status-up {
    color: #4caf50;      /* Material green */
    font-weight: bold;
}

.status-down {
    color: #ff5252;      /* Material red */
    font-weight: bold;
}

.load-low { background-color: #1b5e20; color:white; padding:3px 6px; border-radius:4px; }
.load-mid { background-color: #f9a825; color:black; padding:3px 6px; border-radius:4px; }
.load-high { background-color: #b71c1c; color:white; padding:3px 6px; border-radius:4px; }

.up { background-color: #1b5e20; color:white; padding:3px 6px; border-radius:4px; }
.down { background-color: #b71c1c; color:white; padding:3px 6px; border-radius:4px; }

.csv-table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
.csv-table th, .csv-table td { padding: 8px; border-bottom: 1px solid #333; }