/* ─── 1. Variáveis CSS (design tokens) ─────────────────────────────────────── */
:root {
    --gestao-cor-primaria: #0d6efd;
    --gestao-cor-sidebar:  #212529;
    --gestao-largura-sidebar: 250px;
}

/* ─── 2. Classes customizadas do projeto (prefixo "gestao-") ────────────────── */
.gestao-sidebar {
    width: var(--gestao-largura-sidebar);
    min-height: 100vh;
    background-color: var(--gestao-cor-sidebar);
}

/* ─── 3. Utilities customizadas ─────────────────────────────────────────────── */
.gestao-loading {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

/* ─── 4. Media queries (mobile-first) ───────────────────────────────────────── */
@media (min-width: 768px) {
    /* Ajustes para desktop quando necessário */
}