/* ── Yii2 GridView Dark Mode (Bootstrap 5) ── */

.grid-view {
    background-color: #1e1e1e !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.grid-view .table {
    --bs-table-bg: #1a1a1a !important;
    --bs-table-striped-bg: #161920 !important;
    --bs-table-hover-bg: #1e222b !important;
    --bs-table-border-color: #2d2d2d !important;
    --bs-table-color: #a0a0a0 !important; /* Color solicitado */
    margin-bottom: 0;
}

.grid-view .table thead th {
    background-color: #252525 !important;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #2d2d2d !important;
}

.grid-view .table thead th a {
    color: #ffffff !important;
    text-decoration: none;
}

/* Celdas de datos con color #a0a0a0 explícito */
.grid-view .table tbody td {
    color: #a0a0a0 !important;
    border: 1px solid #2d2d2d !important;
}

.grid-view .filters .form-control,
.grid-view .filters .form-select {
    background-color: #252525 !important;
    border-color: #2d2d2d !important;
    color: #ffffff !important;
}

.grid-view .filters .form-control:focus,
.grid-view .filters .form-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25) !important;
}

.grid-view .pagination .page-link {
    color: #cccccc !important;
    background-color: #252525 !important;
    border-color: #2d2d2d !important;
}

.grid-view .pagination .page-link:hover {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

.grid-view .pagination .page-item.active .page-link {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}

.grid-view .pagination .page-item.disabled .page-link {
    color: #555555 !important;
    background-color: #1a1a1a !important;
    border-color: #2d2d2d !important;
}

.grid-view .table tbody td a span {
    color: #3b82f6 !important;
}

.grid-view .table tbody td a:hover span {
    color: #60a5fa !important;
}

.grid-view .summary {
    color: #94a3b8;
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

/* ── Modales de Bootstrap 5 (Modo Oscuro) ── */

.modal-content {
    background-color: #1e1e1e !important;
    border: 1px solid #2d2d2d !important;
    color: #e0e0e0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.modal-header {
    border-bottom: 1px solid #2d2d2d !important;
    background-color: #252525 !important;
}

.modal-title {
    color: #ffffff !important;
    font-weight: 600;
}

.modal-header .btn-close {
    filter: invert(1) grayscale(1) brightness(2) !important;
    opacity: 0.7;
}

.modal-header .btn-close:hover {
    opacity: 1;
}

.modal-body {
    background-color: #1a1a1a !important;
}

/* Forzar el color solicitado si hay tablas dentro de la modal */
.modal-body .table tbody td {
    color: #a0a0a0 !important;
}

.modal-footer {
    border-top: 1px solid #2d2d2d !important;
    background-color: #252525 !important;
}

.modal-body .form-control,
.modal-body .form-select {
    background-color: #252525 !important;
    border-color: #2d2d2d !important;
    color: #ffffff !important;
}

.modal-body .form-control:focus,
.modal-body .form-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25) !important;
}

    

    /* Paginación Dark Neutra */
    .usuario-index .pagination .pageLink {
        background-color: #1e1e1e;
        border: 1px solid #404040;
        color: #cccccc;
        margin: 0 2px;
    }
    .usuario-index .pagination .pageLink:hover {
        background-color: #2a2a2a;
        color: #ffffff;
    }
    .usuario-index .pagination .activePage .pageLink {
        background-color: #444444 !important; /* Gris oscuro para el elemento activo */
        border-color: #666666;
        color: #ffffff;
    }
    .usuario-index .pagination .disabled .pageLink {
        background-color: #121212;
        color: #666666;
        border-color: #2d2d2d;
        opacity: 0.6;
    }