/* Tema global Facimpix - parâmetros definidos pelo painel administrativo */
html,body{background:var(--fx-bg)!important;color:var(--fx-text)!important}
body{font-family:Arial,Helvetica,sans-serif}
.container,.wrap,.topbar-container,.topbar-inner{max-width:var(--fx-content-width)!important}
.topbar,.topo,.header,.cabecalho{background:linear-gradient(135deg,var(--fx-primary),var(--fx-secondary))!important;color:var(--fx-top-text)!important}
.topbar h1,.topbar h2,.topbar p,.topo h1,.topo p{color:var(--fx-top-text)!important}
.logo-area img,.topbar img.logo,.logo-painel img{max-height:var(--fx-logo-height)!important}
.card,.card-principal,.info-box,.pergunta,.form-box,.qtd-card,.cartela-card,.resultado-card,.texto-longo,.aviso,.box,.panel,.painel-card{background:var(--fx-surface)!important;border-color:var(--fx-border)!important;border-radius:var(--fx-radius)!important;box-shadow:var(--fx-shadow)!important}
.card h1,.card h2,.card h3,.grupo-titulo,.titulo,h1.titulo,h2.titulo{color:var(--fx-primary)!important}
.card p,.descricao,.muted,.text-muted,.subtitulo{color:var(--fx-muted)}
.btn,button.btn,input[type=submit],.topbar-actions a:not(.sair),a.btn{background:var(--fx-accent)!important;color:var(--fx-button-text)!important;border-radius:var(--fx-button-radius)!important;border-color:transparent!important}
.btn-primary,.btn-verde,.btn-azul{background:var(--fx-primary)!important;color:var(--fx-top-text)!important}
input,select,textarea{border-color:var(--fx-border)!important;border-radius:var(--fx-button-radius)!important}
input:focus,select:focus,textarea:focus{border-color:var(--fx-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-primary) 18%,transparent)!important}
a{accent-color:var(--fx-primary)}
.icone,.icon,.card-icon{border-radius:var(--fx-button-radius)!important}
.card:hover{border-color:var(--fx-primary)!important}

/* Identidade 7Controle: área principal em degradê e cartões de navegação. */
body{min-height:100vh;background:linear-gradient(112deg,var(--fx-gradient-start),var(--fx-gradient-end)) fixed!important}
main,.container,.wrap{box-sizing:border-box}
.fx-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}
.fx-area{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;min-height:164px;padding:18px;color:#fff!important;border-radius:14px;text-decoration:none!important;font-weight:800;box-shadow:0 5px 0 rgba(0,0,0,.13);transition:transform .15s ease}
.fx-area:hover{transform:translateY(-3px)}
.fx-area:nth-child(4n+1){background:var(--fx-card-1)!important}.fx-area:nth-child(4n+2){background:var(--fx-card-2)!important}.fx-area:nth-child(4n+3){background:var(--fx-card-3)!important}.fx-area:nth-child(4n){background:var(--fx-card-4)!important}
.fx-area small{font-weight:400;color:#fff!important}
@media(max-width:760px){.fx-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.fx-areas{grid-template-columns:1fr}}

/* Administração: formulários e tabelas usam a mesma fonte de configuração. */
body .table,body table{--bs-table-bg:var(--fx-surface);--bs-table-color:var(--fx-text);--bs-table-border-color:var(--fx-border);color:var(--fx-text)}
body .table thead th,body table thead th{background:var(--fx-surface);border-color:var(--fx-border)}
body .form-control,body .form-select,body .input-group-text{background-color:var(--fx-surface);color:var(--fx-text);border-color:var(--fx-border);border-radius:var(--fx-button-radius)}
body .btn-primary,body .btn-outline-primary.active{background:var(--fx-primary)!important;color:var(--fx-top-text)!important;border-color:var(--fx-primary)!important}
body .btn-outline-primary{color:var(--fx-primary)!important;border-color:var(--fx-primary)!important}
body .btn-outline-primary:hover{background:var(--fx-primary)!important;color:var(--fx-top-text)!important}
body .badge-modelo{background:var(--fx-primary)!important}
body .card-header{background:var(--fx-surface)!important;color:var(--fx-text)!important;border-color:var(--fx-border)!important}
body .topbar{background:linear-gradient(110deg,var(--fx-primary),var(--fx-secondary))!important}
body .topbar a{color:var(--fx-top-text)}
body .container,body .container-fluid{max-width:var(--fx-content-width)}