/* Estilos para Tablas de Admin - Fix de Visibilidad de Texto */

/* Asegurar que todo el texto en tablas sea visible en fondo oscuro */
.card .table,
.card .table th,
.card .table td {
    color: var(--text-main) !important;
}

/* Texto pequeño y muted en tablas */
.table .small,
.table .text-muted {
    color: var(--text-muted) !important;
}

/* Enlaces en tablas */
.table a {
    color: var(--accent-blue) !important;
}

.table a:hover {
    color: var(--primary-color) !important;
}

/* Badges en tablas */
.table .badge {
    color: var(--text-main) !important;
}

.table .badge.bg-dark {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--text-main) !important;
}

/* Headers de tabla */
.table thead th {
    color: var(--text-main) !important;
    background-color: transparent !important;
}

/* Filas de tabla */
.table tbody tr {
    border-color: var(--border-color) !important;
}

/* Texto en negrita dentro de tablas */
.table .fw-bold {
    color: var(--text-main) !important;
}

/* Progress bars en tablas */
.table .progress {
    background-color: var(--bg-input);
}

.table .progress-bar {
    background-color: var(--accent-blue);
}

/* Accordion headers */
.accordion-button {
    color: var(--text-main) !important;
    background-color: var(--bg-card) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--primary-color) !important;
    background-color: var(--bg-header) !important;
}

.accordion-body {
    background-color: var(--bg-body) !important;
}

/* Anchos de columna específicos para tablas */
.w-100px {
    width: 100px !important;
}

.w-80px {
    width: 80px !important;
}

.w-50px {
    width: 50px !important;
}