/* Piccoli aggiustamenti sopra Bootstrap: la maggior parte dello stile
   (colori, responsive, dark mode) arriva da Bootstrap stesso via
   data-bs-theme e le classi di utility usate nei template. */

/* Rete di sicurezza: nessun elemento (es. il menu Admin quando si apre)
   deve poter allargare la pagina oltre la viewport orizzontalmente. */
html, body { overflow-x: hidden; max-width: 100%; }

/* Il dropdown "Admin" ha voci con testo lungo (es. "Interactive Brokers")
   + icona + badge: di default Bootstrap non le manda a capo, e su schermi
   stretti il menu puo' diventare piu' largo della viewport, causando
   scroll orizzontale che "allarga" l'header. Si forza un limite di
   larghezza e si permette al testo di andare a capo se serve. */
.dropdown-menu {
    max-width: calc(100vw - 2rem);
}
.dropdown-item {
    white-space: normal;
}

.sidebar .nav-link {
    color: var(--bs-body-color);
    border-radius: .375rem;
}
.sidebar .nav-link.active {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}
.sidebar .nav-link:hover:not(.active) {
    background-color: var(--bs-tertiary-bg);
}

.login-card {
    width: 100%;
    max-width: 380px;
}

.login-bg {
    background-image: url("../img/login-bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.table-responsive table {
    min-width: 480px;
}