/* ============================================================
   Aleixo Gás (Liquigás) — só o logo no topo do menu e no login.
   O resto do painel segue no visual padrão do Painel ZAP.
   Cores da marca: verde Liquigás #006F4D / #00402A · laranja #F37021
   O logo NUNCA recebe filtro de cor: vai sobre placa branca.
   ============================================================ */

:root {
    /* tela de login (admin/login.php lê estas variáveis) */
    --login-bg: #04140E;
    --login-glow-1: rgba(243, 112, 33, .14);
    --login-glow-2: rgba(0, 111, 77, .32);
    --login-card: rgba(6, 30, 22, .92);
    --login-focus: rgba(0, 150, 100, .75);
    --login-focus-ring: rgba(0, 150, 100, .2);
    --login-btn: linear-gradient(135deg, #00895F 0%, #006F4D 100%);
    --login-btn-glow: rgba(0, 111, 77, .45);
    --login-btn-glow-hover: rgba(0, 111, 77, .6);
    --login-outline: #7FD8B4;
    --brand-stripe: linear-gradient(90deg, #006F4D 0%, #006F4D 55%, #F37021 55%, #F37021 100%);
}

/* ── Placa do menu: logo original sobre branco + faixa verde/laranja ── */
.brand-plate {
    display: block;
    margin: 14px 12px 0;
    padding: 10px 14px 14px;
    background: #fff;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 28px -8px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);
    transition: transform .18s ease, box-shadow .18s ease;
}
.brand-plate:hover { transform: translateY(-1px); box-shadow: 0 14px 30px -8px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08); }
.brand-plate img { display: block; width: 100%; height: auto; max-height: 96px; object-fit: contain; }
.brand-plate::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
    background: var(--brand-stripe);
}
.brand-caption {
    margin: 8px 12px 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(30 41 59);
    font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgb(100 116 139); text-align: center;
}

/* login: limitar a largura do logo */
html body.brand-on .login-plate img { max-width: 220px; margin: 0 auto; }

/* Telas baixas: placa menor para o menu caber */
@media (max-height: 760px) {
    .brand-plate { padding: 8px 12px 11px; margin-top: 10px; }
    .brand-plate img { max-height: 64px; }
    .brand-caption { margin-bottom: 6px; padding-bottom: 6px; }
}

/* Fundo SÓ do login e do criar-senha (as únicas páginas com .bg-overlay; o painel não pega):
   foto da central (logo e atendente à direita) com véu verde-escuro por cima */
html body.brand-on:has(> .bg-overlay) {
    background: #04140E url(login-bg.webp) 70% center / cover no-repeat fixed;
}
html body.brand-on .bg-overlay {
    background:
        linear-gradient(90deg, rgba(4, 20, 14, .80) 0%, rgba(4, 20, 14, .55) 45%, rgba(4, 20, 14, .25) 100%),
        linear-gradient(0deg, rgba(4, 20, 14, .45), rgba(4, 20, 14, .10));
}
@media (max-width: 640px) {
    html body.brand-on:has(> .bg-overlay) { background-attachment: scroll; }
}