/* ==========================================================================
   🌑 Dark Mode — General Elements & Page Surfaces
   ========================================================================== */

.container-fluid,
.page-header {
    background: #18171d !important;
}

.footer-body {
    background: #292929 !important;
}

.grid-tile {
    background: #3a383f;
}

/* ==========================================================================
   ☁️ Dark Mode — HiDrive Tile Text & Contrast
   ========================================================================== */

/* legacy / shared classes */
.hidrive-label {
    color: #d6d6d6;
    opacity: 1;
}

.hidrive-value {
    color: #ffffff;
}

.hidrive-meta,
.dashboard-font-grey {
    color: #9a98a1;
    opacity: 1;
}

/* ensure good contrast in dark mode */
.hidrive-item {
    background: rgba(255,255,255,0.05);
}

.hidrive-time {
    color: #cfcfd3;
    opacity: 1;
}

.hidrive-latest {
    color: #a9a9b2;
    opacity: 1;
}

/* ==========================================================================
   📋 Dark Mode — Tables
   ========================================================================== */

.table tbody tr:nth-child(odd) {
    background: #3f3f3f;
}

.table thead tr {
    background: none !important;
}

.table td {
    color: #a7a4a4 !important;
    font-size: 0.7rem;
    border-bottom: none;
}

.table th {
    padding: 0;
    font-size: 0.7rem;
    color: #bfbfbf !important;
}

.table > :not(caption) > * > * {
    padding: .2rem .3rem;
}

/* ==========================================================================
   🧷 Dark Mode — Buttons
   ========================================================================== */

.btn-darkmode {
    background: #808080 !important;
}