/* Estilos personalizados adicionales a Bootstrap */
body {
    background-color: #f8f9fa;
}

/* Evita que las columnas de fecha/hora se compriman o corten el texto
   en pantallas angostas; la tabla ya scrollea horizontalmente
   gracias a .table-responsive en el contenedor. */
.col-fecha {
    white-space: nowrap;
    min-width: 150px;
}

.col-fecha-larga {
    white-space: nowrap;
    min-width: 165px;
}

/* Tarjetas del dashboard */
.dashboard-card {
    text-decoration: none;
    display: block;
    height: 100%;
}
.dashboard-card .card {
    height: 100%;
    transition: transform .15s ease, box-shadow .15s ease;
}
.dashboard-card:hover .card {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
}