/* 
   ARQUIVO CSS GLOBAL - MULTI-TENANT 
   As variáveis abaixo são apenas fallbacks. 
   O PHP (global-header-tags.php) injeta os valores reais do Banco de Dados.
*/
:root {
    --cor-primaria: #009EE3; 
    --cor-secundaria: #007BB5;
    --cor-fundo: #ffffff;
    --cor-texto: #2c3e50;
}

/* --- RESET E COMPORTAMENTO GLOBAL --- */
html { 
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
    scroll-behavior: smooth; 
}

body {
    background-color: var(--cor-fundo) !important;
    color: var(--cor-texto) !important;
    line-height: 1.6;
}

/* --- UTILITÁRIOS DINÂMICOS (Puxam sempre do Painel Master) --- */
.text-primary { color: var(--cor-primaria) !important; }
.bg-primary { background-color: var(--cor-primaria) !important; }
.border-primary { border-color: var(--cor-primaria) !important; }

/* 
   Substituição dos Cinzas Fixos:
   Agora usamos a cor do texto do banco com opacidade para criar hierarquia.
*/
.text-gray { color: var(--cor-texto) !important; }
.text-muted-gray { color: var(--cor-texto) !important; opacity: 0.7; }

/* 
   Remoção do fundo fixo bg-light-gray:
   Agora ele é apenas uma transparência sobre a cor de fundo do banco.
*/
.bg-light-gray { background-color: rgba(0,0,0,0.02) !important; }

/* --- BOTÕES DINÂMICOS --- */
.btn-primary-dynamic {
    background-color: var(--cor-primaria) !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.3s ease;
}

.btn-primary-dynamic:hover {
    filter: brightness(0.9);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* --- EFEITO PULSE DINÂMICO --- */
@keyframes pulse-dynamic {
    0% { box-shadow: 0 0 0 0 var(--cor-primaria); }
    70% { box-shadow: 0 0 0 15px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
.btn-pulse { 
    animation: pulse-dynamic 2s infinite !important; 
}

/* --- BARRA DE ROLAGEM CUSTOMIZADA --- */
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-thumb { 
    background-color: var(--cor-primaria); 
    border-radius: 50px; 
}

/* --- AJUSTES GERAIS DE CARDS --- */
.card {
    background-color: transparent; /* Permite que o fundo do body apareça */
    border: none;
}