/* Estilos generales para las tablas de resultados */
.race-results-table,
.qualy-results-table,
.penalties-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

.race-results-table th,
.qualy-results-table th,
.penalties-table th {
    padding: 0.5rem;
    text-align: left;
}

.race-results-table td,
.qualy-results-table td,
.penalties-table td {

}

/* Estilos para la vista de administración */
.admin-controls {
    padding: 1rem;
}

.admin-section {
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.ctt-box.admin-box {
    width: 100%;
    padding: 2%;
    margin: 2% 0;
}
.title-adminbox {
    text-align: left;
}

.admin-buttons-container {
    width: 100%;
    display: inline-flex;
    justify-content: end;
    margin: 2% 0 0;
}
.admin-buttons-container .admin-button {
    margin-left: 10px;
}
.admin-controls .button.admin-button {
    padding: 4px 10px;
    border-radius: 6px;
}
.admin-controls .button.admin-button i {
    font-size: 12px;
    margin-right: 6px;
}
.admin-box.admin-box-loadjson {

}
.admin-box.admin-box-penalties {

}

/* Modo Oscuro - Estilos Generales */
.debug-box {
    margin-top: 2rem;
    padding: 1rem;
    color: #e0e0e0 !important;
}

.debug-section {
    margin: 1rem 0;
    border-radius: 4px;
}

.debug-section summary {
    padding: 1rem;
    cursor: pointer;
    font-weight: bold;
    color: #e0e0e0;
}

.debug-section summary:hover {
    background: #3a3a3a;
}

.debug-content {
    padding: 1rem;
    color: #e0e0e0;
}

.debug-table-container {
    overflow-x: auto;
    margin-bottom: 1rem;
}



/* Estilos para botones principales */
.button-primary {
    background: #007cba !important;
    border-color: #007cba !important;
    color: white !important;
}

.button-primary:hover {
    background: #005a87 !important;
    border-color: #005a87 !important;
}

.button-secondary {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: white !important;
}

.button-secondary:hover {
    background: #5a6268 !important;
    border-color: #5a6268 !important;
}

/* Estilos para la vista específica de fecha */
.fecha-specific-filter {
}

.fecha-specific-content {

} 

/* Estilos específicos para penalizaciones en modo oscuro */
.penalties-table {
    background: #1a1a1a;
    color: #e0e0e0;
}

.penalties-table th {
    background: #2a2a2a;
    color: #e0e0e0;
    border-bottom: 1px solid #333;
}

.penalties-table td {
    border-bottom: 1px solid #333;
    padding: 0.75rem 0.5rem;
}

.penalties-table tr:hover {
    background: #2a2a2a;
}

/* Alertas en modo oscuro */
.alert {
    padding: 1rem;
    border-radius: 4px;
    margin: 1rem 0;
}

.alert-info {
    background: #1e3a5f;
    border: 1px solid #2d5a8a;
    color: #b3d9ff;
}

.alert-warning {
    background: #5d4e1e;
    border: 1px solid #8a7a2d;
    color: #ffd966;
}

.alert-success {
    background: #1e5f1e;
    border: 1px solid #2d8a2d;
    color: #90ee90;
}

.alert-danger {
    background: #5f1e1e;
    border: 1px solid #8a2d2d;
    color: #ffb3b3;
}