/* ============================================================
 * density-polish.css — versão final reduzida
 *
 * HISTÓRICO da decisão:
 *  - v1/v2: tentei reduzir padding/font/max-width de 30+ seletores.
 *    Resultado: efeitos colaterais de alinhamento em KPIs e charts.
 *  - v3: tentei só html { font-size: 14.4px } em notebook 1280-1599.
 *    Resultado: elementos com 'px' (min-height, padding fixo) NÃO
 *    escalam junto com o rem, criando proporções inconsistentes
 *    quando o usuário dava zoom out. Cards visualmente esquisitos.
 *  - v4 (este): NÃO mexer em densidade automática. O usuário usa
 *    Ctrl+- pro zoom manual quando quiser. Aqui só estendemos o
 *    container em telas grandes (≥1600px) pra usar mais a tela
 *    em monitor 4K — único override que NÃO contrai nada.
 *
 * BREAKPOINTS:
 *   <768  : mobile-polish.css (anti-zoom iOS)
 *   768-1599: defaults (sem override)
 *   ≥1600 : container max-width estendido
 * ============================================================ */

@media (min-width: 1600px) {
    body.client-area .container,
    body.client-area .container-fluid {
        max-width: 1480px;
    }
    body.sidebar-nav-active .container,
    body.sidebar-nav-active .container-fluid {
        max-width: 1540px !important;
    }
}