/* ── Dark theme ─────────────────────────────────────────── */
.hdd-monitor-container {
    background-color: rgba(10, 12, 20, 0.93);
    border: 2px solid #5e81f4;
    border-radius: 12px;
    padding: 16px;
}

/* ── Light theme ────────────────────────────────────────── */
.hdd-monitor-container-light {
    background-color: rgba(240, 242, 255, 0.96);
    border: 2px solid #5e81f4;
    border-radius: 12px;
    padding: 16px;
}

/* ── Title ──────────────────────────────────────────────── */
.hdd-monitor-title {
    color: #e0e6ff;
    font-size: 16pt;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}

.hdd-monitor-title-light {
    color: #1a1f5e;
    font-size: 16pt;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}

/* ── Device name ────────────────────────────────────────── */
.hdd-monitor-device {
    color: #8ab4f8;
    font-size: 11pt;
    font-weight: bold;
    padding: 4px 0 2px 0;
}

.hdd-monitor-device-light {
    color: #3a5bbf;
    font-size: 11pt;
    font-weight: bold;
    padding: 4px 0 2px 0;
}

/* ── Read speed ─────────────────────────────────────────── */
.hdd-monitor-read {
    color: #57e89c;
    font-size: 13pt;
    font-weight: bold;
    font-family: monospace;
    padding: 1px 0;
}

.hdd-monitor-read-light {
    color: #1a8c52;
    font-size: 13pt;
    font-weight: bold;
    font-family: monospace;
    padding: 1px 0;
}

/* ── Write speed ────────────────────────────────────────── */
.hdd-monitor-write {
    color: #ff8c69;
    font-size: 13pt;
    font-weight: bold;
    font-family: monospace;
    padding: 1px 0;
}

.hdd-monitor-write-light {
    color: #c94a1a;
    font-size: 13pt;
    font-weight: bold;
    font-family: monospace;
    padding: 1px 0;
}

/* ── Row divider ────────────────────────────────────────── */
.hdd-monitor-divider {
    background-color: #2a3060;
    height: 1px;
    margin: 8px 0;
}

.hdd-monitor-divider-light {
    background-color: #b0b8e8;
    height: 1px;
    margin: 8px 0;
}
