/**
 * Napoleon — Sidebar Fit
 * Adapta o menu lateral da área do cliente (lagom2, layout left-wide) à
 * altura do viewport em desktop, pra que todos os itens caibam na tela em
 * notebooks. Abaixo de 1200px o Lagom troca pro hambúrguer — não mexemos.
 *
 * Estratégia: sobrescrever os tokens CSS do Lagom (--app-nav-left-wide-*)
 * por faixa de altura, em vez de brigar com especificidade de seletor.
 * Baseline (telas altas): item 56px. Tier 1 (<=980px): 46px.
 * Tier 2 (<=820px): 40px + fonte/ícone/submenu compactos.
 *
 * Deploy 2026-07-02. Carregado por includes/hooks/napoleon_sidebar_fit.php
 */

/* Rede de segurança em qualquer altura: scrollbar fina e discreta no menu,
   sem scroll-chaining pro body */
@media (min-width: 1200px) {
    .lagom .app-nav .app-nav-menu {
        scrollbar-width: thin;
        scrollbar-color: rgba(0, 0, 0, .22) transparent;
        overscroll-behavior: contain;
    }
    .lagom .app-nav .app-nav-menu::-webkit-scrollbar {
        width: 5px;
    }
    .lagom .app-nav .app-nav-menu::-webkit-scrollbar-track {
        background: transparent;
    }
    .lagom .app-nav .app-nav-menu::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .22);
        border-radius: 3px;
    }
    .lagom .app-nav .app-nav-menu::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, .35);
    }
}

/* Tier 1 — notebooks grandes (ex.: 1440x900): itens 56 -> 46px */
@media (min-width: 1200px) and (max-height: 980px) {
    .lagom.lagom-layout-left-wide {
        --app-nav-left-wide-link-padding-v: 11px;
    }
}

/* Tier 2 — notebooks comuns (ex.: 1366x768): itens -> 40px.
   Menu completo (14 itens + logo + submenu aberto) cabe em 768px. */
@media (min-width: 1200px) and (max-height: 820px) {
    .lagom.lagom-layout-left-wide {
        --app-nav-left-wide-link-padding-v: 8px;
        --app-nav-left-link-font-size: 14px;
        --app-nav-left-icon-size: 16px;
        --app-nav-left-wide-dropdown-padding-v: 10px;
    }
    .lagom-layout-left-wide .app-nav-menu .menu > li .dropdown-menu li > a:not(.btn) {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}