/* ============================================================
   GOTT — tema.css  (paleta: amarelo-limão / preto suave / azul claro / verde)
   ------------------------------------------------------------
   Linkar em CADA página, DEPOIS de css/style.css e dos <style> inline:
     <link href="css/style.css" rel="stylesheet">
     ... <style> da página ...
     <link href="css/tema.css" rel="stylesheet">   <-- por último

   Os tokens abaixo sobrescrevem o :root antigo do style.css (que pode ser
   apagado depois, é redundante). Vermelho fica só para erro/conflito.
   REGRA: lima nunca recebe texto branco — usar var(--sobre-lima) ou fundo preto.
   ============================================================ */
:root{
    /* ---- base / preto suave ---- */
    --preto:#15171c;  --preto-2:#1f232b;  --grafite:#2b313c;
    --cinza:#6b7280;  --cinza-claro:#d1d5db;  --nevoa:#eef1f4;
    --fundo:#f6f8f5;  --branco:#ffffff;

    /* ---- marca / acentos (lima puxado p/ amarelo) ---- */
    --lima:#e4ed4a;       --lima-escuro:#a8b30f;  --lima-suave:#f6f9cf;
    --azul:#38bdf8;       --azul-escuro:#0ea5e9;  --azul-suave:#e2f4fe;
    --verde:#22c55e;      --verde-escuro:#16a34a; --verde-suave:#dcfce7;

    /* ---- funcionais (fora da marca, por usabilidade) ---- */
    --perigo:#ef4444;     --alerta:#f59e0b;

    /* ---- texto escuro p/ usar sobre lima ---- */
    --sobre-lima:#1b1c0e;

    /* ---- mesclas suaves ---- */
    --grad-marca:  linear-gradient(135deg, var(--lima) 0%, var(--verde) 100%);
    --grad-escuro: linear-gradient(135deg, var(--preto) 0%, var(--preto-2) 100%);
    --grad-saldo:  linear-gradient(135deg, #15171c 0%, #0b3a4a 100%);
    --grad-os:     linear-gradient(135deg, var(--preto) 0%, var(--azul) 100%);
    --grad-escalas:linear-gradient(135deg, var(--verde-escuro) 0%, var(--verde) 100%);
    --grad-solic:  linear-gradient(135deg, var(--lima-escuro) 0%, var(--lima) 100%);
    --grad-aprov:  linear-gradient(135deg, var(--azul) 0%, var(--verde) 100%);

    /* ---- domínio (grade de escala) — mantidos ---- */
    --diurno:#ff9800;  --noturno:#1a237e;

    /* ---- aliases compat com o style.css antigo ---- */
    --primary-color:       var(--azul);
    --primary-operacional: var(--preto);
    --accent:              var(--perigo);
    --dark-bg:             var(--preto);
    --light-bg:            var(--fundo);
    --transition-speed:    .2s;
}

/* ===== Botões / utilitários do Bootstrap (recolore sem mexer no HTML) ===== */
.btn-primary{ --bs-btn-bg:var(--azul); --bs-btn-border-color:var(--azul);
    --bs-btn-hover-bg:var(--azul-escuro); --bs-btn-hover-border-color:var(--azul-escuro);
    --bs-btn-active-bg:var(--azul-escuro); --bs-btn-active-border-color:var(--azul-escuro); }
.btn-success{ --bs-btn-bg:var(--verde); --bs-btn-border-color:var(--verde);
    --bs-btn-hover-bg:var(--verde-escuro); --bs-btn-hover-border-color:var(--verde-escuro); }
.btn-danger{ --bs-btn-bg:var(--perigo); --bs-btn-border-color:var(--perigo);
    --bs-btn-hover-bg:#dc2626; --bs-btn-hover-border-color:#dc2626; }
.btn-warning{ --bs-btn-bg:var(--lima); --bs-btn-border-color:var(--lima);
    --bs-btn-color:var(--sobre-lima); --bs-btn-hover-bg:var(--lima-escuro);
    --bs-btn-hover-border-color:var(--lima-escuro); --bs-btn-hover-color:#fff;
    --bs-btn-active-bg:var(--lima-escuro); --bs-btn-active-color:#fff; }
.btn-info{ --bs-btn-bg:var(--azul); --bs-btn-border-color:var(--azul); --bs-btn-color:var(--preto);
    --bs-btn-hover-bg:var(--azul-escuro); --bs-btn-hover-border-color:var(--azul-escuro); }
.btn-outline-primary{ --bs-btn-color:var(--azul-escuro); --bs-btn-border-color:var(--azul);
    --bs-btn-hover-bg:var(--azul); --bs-btn-hover-border-color:var(--azul); --bs-btn-hover-color:var(--preto); }

.text-primary{ color:var(--azul-escuro)!important; }
.text-info{ color:var(--azul-escuro)!important; }
.text-success{ color:var(--verde-escuro)!important; }
.text-warning{ color:var(--lima-escuro)!important; }   /* lima puro não lê em branco */
.bg-primary{ background-color:var(--azul)!important; }
.bg-success{ background-color:var(--verde)!important; }
.bg-warning{ background-color:var(--lima)!important; color:var(--sobre-lima)!important; }
.badge.bg-warning, .badge.text-bg-warning{ color:var(--sobre-lima)!important; }

/* ===== Chrome global (sobrescreve o style.css) ===== */
body{ background-color:var(--fundo); }
.navbar, .navbar-operacional{ background:var(--preto)!important; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{ color:var(--lima)!important; }
#menuPrincipalContainer .nav-link.active,
#menuPrincipalContainer .dropdown-item.active{ color:var(--lima)!important; }
.gott-bottom-nav{ background:var(--preto); }
.gott-bn-mais-panel{ background:var(--preto-2); }
.gott-bn-item.active, .gott-bn-item[aria-current="page"]{ color:var(--lima); }
.gott-bn-item.active i{ filter:drop-shadow(0 0 6px rgba(228,237,74,.6)); }

/* ===== Login ===== */
.login-header{ background-color:var(--preto); }
.btn-login{ background-color:var(--verde); }
.btn-login:hover{ background-color:var(--verde-escuro); }

/* ===== Status "solicitado" na grade (roxo → lima) ===== */
.escala-ag-solicitado{ background:var(--lima-suave)!important;
    border:1px dashed var(--lima-escuro)!important; color:#5c6b00!important; }
.pill-solicitado{ background:var(--lima)!important; color:var(--sobre-lima)!important; }
.status-ativa{ color:var(--verde-escuro)!important; }