@supports not selector(::-webkit-scrollbar) {
    .scroll {
        scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
        scrollbar-width: thin;
    }
}

/* ===========================================================================
   MainLayout (console admin) — stili globali (spostati da MainLayout.razor.css
   per abilitare l'hot reload CSS via dotnet watch). Classi .ic-* uniche.
   =========================================================================== */

/* ── Topbar (bianca, come il partner portal) ── */
.mud-appbar.ic-appbar {
    background: #ffffff;
    color: #1f2937;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: none;
}
.ic-appbar .mud-icon-button { color: #6b7280; }
.ic-appbar .mud-icon-button:hover { background: rgba(0, 82, 136, .08); color: #005288; }
.ic-appbar__usericon { color: #9ca3af; }
.ic-appbar__user { color: #374151; font-weight: 500; }

/* ── Sidebar (blu brand) ── */
.mud-drawer.ic-drawer {
    background: linear-gradient(170deg, #005288 0%, #003d69 100%);
    border: none;
    color: #fff;
}
.ic-drawer .mud-drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Brand header (solo logo CS in pill bianco, centrato) */
.ic-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    height: auto;
    min-height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.ic-brand__logo {
    background: rgba(255, 255, 255, .95);
    border-radius: 12px;
    padding: .3rem .5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    flex-shrink: 0;
}
.ic-brand__logo img { height: auto; max-height: 30px; width: auto; max-width: 100%; display: block; }

/* Nav links: bianco/60, attivo = accent arancio */
.ic-nav { padding: .75rem; flex: 1 1 auto; overflow-y: auto; }
/* NB: i selettori MudBlazor della navmenu (es. .mud-navmenu.mud-navmenu-default
   .mud-nav-link.active:not(.mud-nav-link-disabled)) hanno specificita (0,5,0),
   piu alta dei nostri override (0,3,0): senza !important vincono sempre loro e
   testo/sfondo/icone restano sui default del tema. !important e' il modo piu
   robusto per imporre il look della sidebar su un component di terze parti. */
.ic-nav .mud-nav-link {
    color: rgba(255, 255, 255, .6) !important;
    border-radius: 12px;
    margin-bottom: 3px;
    font-size: .875rem;
    font-weight: 500;
    transition: background .15s, color .15s;
}
.ic-nav .mud-nav-link .mud-nav-link-icon,
.ic-nav .mud-nav-link .mud-nav-link-icon .mud-icon-root { color: #fff !important; fill: #fff !important; }
.ic-nav .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background-color: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
}
.ic-nav .mud-nav-link.active,
.ic-nav .mud-nav-link.active:hover {
    background-color: #F39200 !important;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}
.ic-nav .mud-nav-link.active .mud-nav-link-icon,
.ic-nav .mud-nav-link.active .mud-nav-link-icon .mud-icon-root { color: #fff !important; fill: #fff !important; }
.ic-nav .mud-nav-link.mud-nav-link-disabled { color: rgba(255, 255, 255, .25) !important; }

/* MudNavGroup (menu con sottomenu): header allineato ai link; tutte le icone
   della sidebar (incluso il chevron di espansione) sono bianche. */
.ic-nav .mud-nav-group > .mud-nav-link { color: rgba(255, 255, 255, .6) !important; }
.ic-nav .mud-nav-group > .mud-nav-link:hover:not(.mud-nav-link-disabled) { color: #fff !important; }
.ic-nav .mud-nav-group .mud-nav-link-icon,
.ic-nav .mud-nav-group .mud-nav-link-icon .mud-icon-root,
.ic-nav .mud-nav-link-expand-icon,
.ic-nav .mud-nav-link-expand-icon .mud-icon-root,
.ic-nav .mud-icon-root { color: #fff !important; fill: #fff !important; }

/* Footer: "Un servizio di" + nome console + versione */
.ic-foot {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.ic-foot__app {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    flex-shrink: 0;
}
.ic-foot__app-name { color: rgba(255, 255, 255, .85); font-size: .7rem; font-weight: 600; line-height: 1.1; }
.ic-foot__app-ver { color: rgba(255, 255, 255, .4); font-size: .6rem; font-family: monospace; }