/* AIQuestões-MA — Premium Clean 2026
   Camada visual compartilhada. Não altera regras de negócio ou dados. */
:root{
  --aiq-blue:#1264e8;
  --aiq-blue-dark:#0d4fb8;
  --aiq-blue-soft:#eef5ff;
  --aiq-red:#e33d4f;
  --aiq-red-dark:#c92d3e;
  --aiq-red-soft:#fff0f2;
  --aiq-navy:#17324d;
  --aiq-muted:#6c7b8c;
  --aiq-line:#e5ebf2;
  --aiq-soft:#f6f9fc;
  --aiq-white:#ffffff;
  --aiq-green:#15966f;
  --aiq-orange:#e97924;
  --aiq-purple:#6d5bd0;
  --aiq-shadow:0 12px 34px rgba(24,70,120,.10);
  --aiq-shadow-sm:0 5px 18px rgba(24,70,120,.08);
  --aiq-radius:20px;

  /* compatibilidade com variáveis usadas nas telas antigas */
  --azul:var(--aiq-blue) !important;
  --azul-vivo:#2b78f3 !important;
  --azul-escuro:var(--aiq-blue-dark) !important;
  --azul-claro:var(--aiq-blue-soft) !important;
  --texto:var(--aiq-navy) !important;
  --cinza:var(--aiq-muted) !important;
  --linha:var(--aiq-line) !important;
  --fundo:#ffffff !important;
  --branco:#ffffff !important;
  --vermelho:var(--aiq-red) !important;
  --vermelho-claro:var(--aiq-red-soft) !important;
  --verde:var(--aiq-green) !important;

  /* neutraliza a antiga linguagem preto/dourado */
  --bg:#ffffff !important;
  --bg-soft:#ffffff !important;
  --bg-card:#ffffff !important;
  --bg-card-2:#f7faff !important;
  --text:var(--aiq-navy) !important;
  --muted:var(--aiq-muted) !important;
  --muted-2:#4f6479 !important;
  --gold:var(--aiq-red) !important;
  --gold-2:var(--aiq-blue) !important;
  --gold-soft:var(--aiq-red-soft) !important;
  --line:var(--aiq-line) !important;
  --line-strong:#d6e2ef !important;

  --rf-preto:#ffffff !important;
  --rf-preto-2:#ffffff !important;
  --rf-card:#ffffff !important;
  --rf-card-2:#f7faff !important;
  --rf-branco:var(--aiq-navy) !important;
  --rf-cinza:var(--aiq-muted) !important;
  --rf-cinza-2:#4f6479 !important;
  --rf-amarelo:var(--aiq-red) !important;
  --rf-amarelo-2:var(--aiq-blue) !important;
  --rf-linha:var(--aiq-line) !important;

  --clean-bg:#ffffff !important;
  --clean-card:#ffffff !important;
  --clean-card-soft:#f7faff !important;
  --clean-white:#ffffff !important;
  --clean-text:var(--aiq-navy) !important;
  --clean-muted:var(--aiq-muted) !important;
  --clean-line:var(--aiq-line) !important;
  --clean-line-strong:#d6e2ef !important;
  --clean-blue:var(--aiq-blue) !important;
  --clean-blue-dark:var(--aiq-blue-dark) !important;
  --clean-yellow:var(--aiq-red) !important;
  --clean-yellow-2:var(--aiq-blue) !important;
  --clean-yellow-deep:var(--aiq-red-dark) !important;
}

html{background:#fff !important;scroll-behavior:smooth}
body{
  background:#fff !important;
  color:var(--aiq-navy) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before,body::after{background-image:none !important}
::selection{background:#dce9ff;color:var(--aiq-navy)}
a{color:inherit}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}

/* Estrutura visual */
.topo,.topbar,.header,.cabecalho,.navbar,.app-header{
  background:#fff !important;
  color:var(--aiq-navy) !important;
  border-color:var(--aiq-line) !important;
  box-shadow:0 1px 0 rgba(21,64,107,.06) !important;
  backdrop-filter:none !important;
}
.topo::before,.topo::after,.topbar::before,.topbar::after,.header::before,.header::after{background-image:none !important}
.logo-texto strong,.brand-copy strong,.topo strong,.topbar strong{color:var(--aiq-navy) !important}
.logo-texto span,.brand-copy span{color:var(--aiq-muted) !important}

main,.conteudo,.wrap,.container,.page,.pagina{color:var(--aiq-navy)}

/* Cards e blocos */
.card,.box,.painel,.bloco,.hero,.reta-final-card,.count-card,.simulado-card,.prova-card,
.questao-card,.perfil-card,.stat-card,.status-card,.dashboard-card,.section-card,.navegador-card,.sidecard,
.app-preview,.login-card,.cadastro-card,.form-card,.vazio,.alerta{
  border-color:var(--aiq-line) !important;
  box-shadow:var(--aiq-shadow-sm) !important;
}
.reta-final-card,.hero,.count-card,.simulado-card,.prova-card,.questao-card,.perfil-card,.navegador-card,.sidecard{
  background:#fff !important;
  background-image:none !important;
}
.reta-final-fundo,.hero::before,.hero::after,.card-side::after{background-image:none !important}

/* Tipografia */
h1,h2,h3,h4,h5,h6,.headline-main,.headline-top{color:var(--aiq-navy) !important}
p,.descricao,.subtitle,.subtitulo,.hero-subtitle,.secao-topo p,.section-head p{color:var(--aiq-muted) !important}
small,.muted,.texto-muted{color:var(--aiq-muted) !important}

/* Botões */
.btn,.button,button,[class*="btn-"]{
  border-radius:13px !important;
}
.btn-primary,.btn-principal,.btn-continuar,.reta-final-btn-principal,
button[type="submit"]:not(.btn-danger):not(.danger),input[type="submit"]{
  background:var(--aiq-blue) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:var(--aiq-blue) !important;
  box-shadow:0 6px 16px rgba(18,100,232,.18) !important;
}
.btn-primary:hover,.btn-principal:hover,.btn-continuar:hover,.reta-final-btn-principal:hover,
button[type="submit"]:not(.btn-danger):not(.danger):hover{background:var(--aiq-blue-dark) !important;border-color:var(--aiq-blue-dark) !important}
.btn-danger,.danger,.btn-excluir,.btn-cancelar{background:var(--aiq-red) !important;color:#fff !important;border-color:var(--aiq-red) !important}
.btn-secondary,.btn-secundario,.reta-final-btn-secundario,.btn-icon,.topo-icone,.hist-top,.voltar{
  background:#fff !important;
  color:var(--aiq-blue) !important;
  border-color:var(--aiq-line) !important;
  box-shadow:none !important;
}
.btn-icon:hover,.topo-icone:hover,.hist-top:hover,.voltar:hover{background:var(--aiq-blue-soft) !important;color:var(--aiq-blue-dark) !important}

/* Formulários */
input,select,textarea,.input,.campo{
  background:#fff !important;
  color:var(--aiq-navy) !important;
  border-color:#dbe4ee !important;
  box-shadow:none !important;
}
input:focus,select:focus,textarea:focus,.input:focus,.campo:focus{
  border-color:var(--aiq-blue) !important;
  box-shadow:0 0 0 4px rgba(18,100,232,.10) !important;
  outline:none !important;
}

/* Badges e estados */
.hero-tag,.reta-final-badge,.target-chip,.status-mini,.simulado-tipo,.badge,.tag,.chip{
  background:var(--aiq-blue-soft) !important;
  color:var(--aiq-blue-dark) !important;
  border-color:#d7e6ff !important;
}
.status-mini.finalizado,.status.finalizado,.acertos{background:#edf9f5 !important;color:#117858 !important;border-color:#d5eee5 !important}
.status-mini.andamento,.status.andamento{background:var(--aiq-blue-soft) !important;color:var(--aiq-blue-dark) !important}
.status-mini.pausado,.status.cancelado,.erros{background:var(--aiq-red-soft) !important;color:var(--aiq-red-dark) !important;border-color:#f7d8dd !important}

/* Página inicial do aluno / reta final */
.reta-final-wrap{background:#fff !important}
.reta-final-card{border:1px solid var(--aiq-line) !important;overflow:hidden}
.reta-final-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:5px;
  background:var(--aiq-blue) !important;
}
.reta-final-kicker{color:var(--aiq-red) !important}
.reta-final-copy h1 strong{color:var(--aiq-blue) !important}
.contador-box,.count-box{background:var(--aiq-soft) !important;border:1px solid var(--aiq-line) !important;color:var(--aiq-navy) !important}
.contador-box strong,.count-num{color:var(--aiq-blue) !important}
.contador-label,.count-label{color:var(--aiq-muted) !important}
.contador-icone{background:var(--aiq-red-soft) !important;color:var(--aiq-red) !important}

/* Provas reais: remove o antigo preto/dourado e preserva a composição */
body .hero-wrap{background:#fff !important}
body .hero-wrap .hero{background:#fff !important;border:1px solid var(--aiq-line) !important;box-shadow:var(--aiq-shadow) !important}
body .hero-wrap .hero-left,body .hero-wrap .hero-right{background:#fff !important}
body .hero-wrap .headline-main{color:var(--aiq-blue) !important}
body .hero-wrap .hero-tag{color:var(--aiq-red-dark) !important;background:var(--aiq-red-soft) !important}
body .hero-wrap .count-card{background:#f8fbff !important;border:1px solid #dfe9f5 !important}
body .hero-wrap .target-chip{background:var(--aiq-blue) !important;color:#fff !important;border-color:var(--aiq-blue) !important}
body .hero-wrap .count-foot{color:var(--aiq-muted) !important;border-color:var(--aiq-line) !important}
body .lista article{background:#fff !important}

/* Prova em execução */
body .questao,body .question,body .sidecard,body .navgrid,body .prova-area{background:#fff !important;color:var(--aiq-navy) !important}
body .navq{background:#fff !important;color:var(--aiq-navy) !important;border-color:var(--aiq-line) !important}
body .navq.respondida,body .navq.ativa{background:var(--aiq-blue) !important;color:#fff !important;border-color:var(--aiq-blue) !important}

/* Ações de limpeza dos simulados */
.aiq-history-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.aiq-clear-history,.aiq-delete-sim{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 13px;border:1px solid #f0cfd5 !important;border-radius:12px !important;
  background:#fff !important;color:var(--aiq-red-dark) !important;font-weight:800;cursor:pointer;box-shadow:none !important
}
.aiq-clear-history:hover,.aiq-delete-sim:hover{background:var(--aiq-red-soft) !important}
.aiq-sim-actions{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:12px}
.aiq-sim-actions .btn-continuar{width:100%}
.aiq-delete-sim{padding:0;width:44px;min-width:44px}

/* Dock móvel compartilhado */
.aiq-mobile-dock{display:none}
@media (max-width:900px){
  body{padding-bottom:82px !important}
  .menu-mobile{display:none !important}
  .aiq-mobile-dock{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:10000;
    left:10px;right:10px;bottom:10px;height:62px;padding:6px;
    background:#fff;border:1px solid var(--aiq-line);border-radius:20px;box-shadow:0 16px 42px rgba(20,63,105,.18)
  }
  .aiq-mobile-dock a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-width:0;border-radius:14px;text-decoration:none;color:#75879a;font-size:9px;font-weight:800;line-height:1
  }
  .aiq-mobile-dock a i{font-size:19px;line-height:1}
  .aiq-mobile-dock a.active{background:var(--aiq-blue-soft);color:var(--aiq-blue-dark)}
  .aiq-mobile-dock a[data-red="1"].active{background:var(--aiq-red-soft);color:var(--aiq-red-dark)}
  .aiq-mobile-dock span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .topo,.topbar,.header{min-height:58px !important}
  .logo-texto span,.brand-copy span{display:none !important}
  .hist-top span{display:none !important}
  .hist-top{width:42px !important;min-width:42px !important;padding:0 !important;justify-content:center !important}
  .conteudo,.wrap,main{max-width:100%}
  .reta-final-wrap,.hero-wrap{padding-left:10px !important;padding-right:10px !important}
  .reta-final-card,.hero-wrap .hero{border-radius:18px !important}
  .reta-final-grid,.hero-grid{gap:16px !important}
  .aiq-history-actions{width:100%;justify-content:stretch}
  .aiq-clear-history{width:100%}
}

@media (max-width:520px){
  :root{--aiq-radius:16px}
  .reta-final-copy h1,.headline-main{font-size:clamp(25px,8vw,34px) !important;line-height:1.02 !important}
  .reta-final-acoes{grid-template-columns:1fr 1fr !important}
  .reta-final-btn{min-width:0 !important;padding-left:10px !important;padding-right:10px !important}
  .contador-grid,.count-grid{gap:6px !important}
  .contador-box,.count-box{padding-left:5px !important;padding-right:5px !important}
  .simulado-card,.prova-card,.questao-card{border-radius:16px !important}
}

/* Acessibilidade */
:focus-visible{outline:3px solid rgba(18,100,232,.28) !important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important}}

/* garante que ações destrutivas não herdem o azul genérico de submit */
button.aiq-clear-history,button.aiq-delete-sim{
  background:#fff !important;
  color:var(--aiq-red-dark) !important;
  border-color:#f0cfd5 !important;
  box-shadow:none !important;
}
button.aiq-clear-history:hover,button.aiq-delete-sim:hover{background:var(--aiq-red-soft) !important}