.bg-success-light {
    background-color: #d1e7dd !important; /* Un verde claro de Bootstrap */
    transition: background-color 0.5s ease-in-out;
}

.editable {
    cursor: pointer;
}

.editable:hover {
    background-color: #f8f9fa; /* Un gris muy claro para indicar que es clickeable */
}

/* --- Estilos de Fuente y Tabla --- */
body {
    font-size: 14px; /* Tamaño de fuente base */
}

.table {
    font-size: 13px; /* Texto de la tabla más compacto */
    line-height: 1.4; /* Espaciado entre líneas */
}

.table th {
    font-size: 12px;
    font-weight: 600; /* Un poco más de grosor para los encabezados */
    text-transform: uppercase;
    color: #495057;
}

.table td,
.table th {
    padding: 0.6rem 0.4rem; /* Padding vertical y horizontal */
    vertical-align: middle;
}

/* Estilo para el input de fecha */
.editable input[type="date"] {
    padding: 2px;
    font-size: 12px;
}

.highlight-branch {
    background-color: #e9f5ff; /* Un azul claro y suave */
}