/* Estilos personalizados para el Sistema de Gestión de Restaurante */

/* Ajustes generales */
body {
    background-color: #f8f9fa;
    color: #333;
}

/* Mejora de la sección de encabezado */
.navbar-brand {
    font-weight: bold;
}

/* Ajustes de las tarjetas */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.card-header {
    font-weight: 500;
}

/* Ajustes para tablas */
.table-responsive {
    margin-bottom: 1rem;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.075);
}

/* Botones de acción */
.btn-outline-primary, .btn-outline-success {
    margin-bottom: 0.5rem;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 767.98px) {
    .card-deck {
        display: block;
    }
    
    .card-deck .card {
        margin-bottom: 15px;
    }
}

/* Estilos para los módulos */
/* Módulo Financiero */
.financial-icon {
    color: #0d6efd;
}

/* Módulo Proveedores */
.supplier-icon {
    color: #198754;
}

/* Módulo Eventos */
.event-icon {
    color: #ffc107;
}

/* Módulo Usuarios */
.user-icon {
    color: #6610f2;
}

/* Footer */
.footer {
    margin-top: 2rem;
    border-top: 1px solid #dee2e6;
}