/* =====================================================
   DARK MODE — LIMPIO
===================================================== */

body.dark-mode {
    background-color: #1e1f22 !important;
    color: #e6e6e6 !important;
}

/* ---- footer ---- */

body.dark-mode footer.bg-light {
    background-color: #1e1f22 !important;
    color: #e6e6e6 !important;
    border-top-color: #3a3d46 !important;
}

body.dark-mode footer .text-muted {
    color: #a0a4ad !important;
}

/* ---- contenedores bootstrap ---- */

body.dark-mode .container,
body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .table-responsive,
body.dark-mode .bg-white,
body.dark-mode .bg-light {
    background-color: #1e1f22 !important;
    color: #e6e6e6 !important;
    border-color: #3a3d46 !important;
}

/* ---- headers de card ---- */

body.dark-mode .card-header {
    background-color: #2a2d34 !important;
    color: #ffffff !important;
    border-color: #3a3d46 !important;
}

/* si el header era bg-primary */
body.dark-mode .card-header.bg-primary {
    background-color: #2a2d34 !important;
}

/* ---- tablas ---- */

body.dark-mode table {
    background-color: #1e1f22 !important;
    color: #e6e6e6 !important;
    border-color: #3a3d46 !important;
}

body.dark-mode table th {
    background-color: #2a2d34 !important;
    color: #ffffff !important;
}

body.dark-mode table td {
    background-color: #1e1f22 !important;
}

body.dark-mode table tr:nth-child(even) td {
    background-color: #24262c !important;
}

/* pisa table-light */
body.dark-mode .table-light {
    background-color: #2a2d34 !important;
    color: #ffffff !important;
}

/* enlaces en tablas */
body.dark-mode table a {
    color: #9ecbff !important;
}

/* texto muted en tablas */
body.dark-mode table .text-muted {
    color: #a0a4ad !important;
}

/* ---- fix texto dentro de tablas/listados ---- */

body.dark-mode table,
body.dark-mode table * {
    color: #e6e6e6 !important;
}

/* ===== BOTONES PRIMARY → VERDES EN DARK MODE ===== */

body.dark-mode .btn-primary {
    background-color: #2fbf71 !important;   /* verde bootstrap */
    border-color: #2fbf71 !important;
}

body.dark-mode .btn-primary:hover {
    background-color: #157347 !important;
    border-color: #157347 !important;
}

body.dark-mode .btn-outline-primary {
    color: #20c997 !important;
    border-color: #20c997 !important;
}

body.dark-mode .btn-outline-primary:hover {
    background-color: #20c997 !important;
    color: #0f1115 !important;
    border-color: #20c997 !important;
}

/* headers que usaban bg-primary */
body.dark-mode .bg-primary {
    background-color: #2fbf71 !important;
}