/* File: assets/css/style.css */
body {
    background-color: #f8f9fa;
}
aside {
    background-color: #ffffff;
}
.btn-primary {
    background-color: #5735e1 !important;
    border-color: #5735e1 !important;
}
.btn-primary:hover {
    background-color: #482bb9 !important;
    border-color: #482bb9 !important;
}
.btn-primary:first-child:hover, .btn-primary:focus-visible, .btn-primary:hover, :not(.btn-check)+.btn-primary:hover {
    box-shadow: 0 8px 9px -4px #5735e1, 0 4px 18px 0 rgba(59, 113, 202, .2);
}

.btn-primary {
    --mdb-btn-bg: #5735e1 !important;;
    --mdb-btn-color: #fff !important;;
    --mdb-btn-box-shadow: 0 4px 9px -4px #5735e1 !important;;
    --mdb-btn-hover-bg: #5735e1 !important;;
    --mdb-btn-hover-color: #fff !important;;
    --mdb-btn-focus-bg: #5735e1 !important;;
    --mdb-btn-focus-color: #fff !important;;
    --mdb-btn-active-bg: #5735e1 !important;;
    --mdb-btn-active-color: #fff !important;;
}

/* === Nav personalizado === */
.sidebar-nav {
    width: 250px;
}

/* Link básico */
.sidebar-nav .nav-link {
    color: #5735e1;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    transition: background 0.2s;
}

/* Iconos (no activos) */
.sidebar-nav .nav-link i {
    color: #5735e1;
}

/* Link activo: fondo secundario, texto claro */
.sidebar-nav .nav-link.active {
    background-color: #482bb9;
    color: #fff !important;
}

.sidebar-nav .nav-link.active i {
    color: #fff !important;
}

/* Hover sobre cualquier link (excepto activo) */
.sidebar-nav .nav-link:not(.active):hover {
    background-color: rgba(87, 53, 225, 0.1);
}

/* Salir en rojo */
.sidebar-nav .nav-link.logout {
    color: #dc4c64 !important;
}

.sidebar-nav .nav-link.logout i {
    color: #dc4c64 !important;
}