@import url('/css/device/mobile.css?v=20260826-device-3');
@import url('/css/device/tablet.css?v=20260826-device-1');
@import url('/css/device/notebook.css?v=20260826-device-1');
@import url('/css/device/desktop.css?v=20260826-device-1');

:root{
  --cna-roxo-900:#291432;--cna-roxo-700:#5c326b;--cna-roxo-600:#673579;--cna-rosa:#a43f77;
  --cna-verde:#3d8a59;--cna-vermelho:#ad435f;--cna-fundo:#f5eff7;--cna-card:#fff;
  --cna-texto:#3f3244;--cna-texto-suave:#817486;--cna-borda:#e6dce9;
  --cna-r8:8px;--cna-r12:12px;--cna-r16:16px;--cna-r20:20px;--cna-r24:24px;
  --cna-s1:4px;--cna-s2:8px;--cna-s3:12px;--cna-s4:16px;--cna-s5:20px;--cna-s6:24px;--cna-s8:32px;
  --cna-max:1450px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--cna-texto)}
img,video{max-width:100%}
button,input,select,textarea{font:inherit}
.cna-card{background:var(--cna-card);border:1px solid var(--cna-borda);border-radius:var(--cna-r20)}
.cna-btn{min-height:44px;border:0;border-radius:var(--cna-r12);padding:10px 14px;font-weight:800;cursor:pointer}
.cna-btn--primary{background:linear-gradient(135deg,var(--cna-roxo-700),var(--cna-rosa));color:#fff}
.cna-btn--secondary{background:#eee5f0;color:var(--cna-roxo-700)}
.cna-btn--danger{background:var(--cna-vermelho);color:#fff}
.cna-container{width:min(100% - 32px,var(--cna-max));margin-inline:auto}
.cna-hidden{display:none!important}
.cna-loading{visibility:hidden!important;pointer-events:none!important}
.botao-microfone-consulta{min-width:52px;min-height:46px;border:0;border-radius:11px;background:var(--cna-roxo-600);color:#fff;font-size:22px;font-weight:900;cursor:pointer;display:none;align-items:center;justify-content:center}
.botao-microfone-consulta.visivel{display:inline-flex}
.botao-microfone-consulta.gravando{background:#c84661}
.status-audio-consulta{display:none;margin:8px 0;padding:8px 10px;border-radius:10px;background:#f6eff8;color:#68436f;font-size:11px;font-weight:800}
.status-audio-consulta.visivel{display:block}
.player-audio-consulta{display:block;width:min(340px,100%);height:40px;margin-top:7px}
.linha-audio-consultor{display:flex;align-items:center;gap:10px;margin:8px 0 10px}
.preview-audio-consulta{display:none;margin:9px 0;padding:10px;border:1px solid #dccbe1;border-radius:12px;background:#faf6fb}
.preview-audio-consulta.visivel{display:block}
.acoes-preview-audio{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.acoes-preview-audio button{border:0;border-radius:9px;padding:9px 12px;font-weight:900;cursor:pointer}
.enviar-preview-audio{background:var(--cna-roxo-600);color:#fff}
.excluir-preview-audio{background:#eee5f0;color:#663a70}
.video-atendimento-box{margin:12px 0;padding:12px;border:1px solid #e5d8e8;border-radius:16px;background:#f8f3fa}
.video-atendimento-topo{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;color:#5f356b;font-weight:900}
.video-atendimento-grade{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:stretch}
.video-atendimento-grade video{width:100%;min-height:170px;max-height:360px;object-fit:cover;background:#201724;border-radius:13px}
.video-local-wrap{position:relative}.video-local-wrap span{position:absolute;left:8px;bottom:8px;background:#0008;color:#fff;border-radius:8px;padding:4px 7px;font-size:11px}
.video-controles{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.video-controles button{border:0;border-radius:10px;padding:9px 11px;background:var(--cna-roxo-600);color:#fff;font-weight:800;cursor:pointer}
.video-status{font-size:12px;color:#7b6c80;font-weight:700}

/* Aviso global de sessão: usado quando Login/Cadastre-se é acionado com sessão ativa. */
.cigana-session-overlay{position:fixed;inset:0;z-index:100000;background:rgba(25,10,29,.68);display:grid;place-items:center;padding:22px;backdrop-filter:blur(3px)}
.cigana-session-card{width:min(100%,430px);background:#fff;border-radius:24px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.28);color:#38283a;font-family:Arial,sans-serif}
.cigana-session-card h2{margin:0 0 10px;font:700 26px/1.15 Georgia,serif;color:#5c2c67}
.cigana-session-card p{margin:0 0 20px;font-size:16px;line-height:1.5;color:#5e5360}
.cigana-session-acoes{display:flex;gap:10px;flex-wrap:wrap}
.cigana-session-acoes button{flex:1 1 170px;border:0;border-radius:14px;padding:13px 16px;font-weight:800;cursor:pointer}
.cigana-session-continuar{background:#eee5ef;color:#5c2c67}
.cigana-session-sair{background:#7a3485;color:#fff}
.cigana-session-acoes button:disabled{opacity:.6;cursor:wait}

/* Painel do consultor: no desktop/tablet o menu lateral já contém as modalidades.
   Oculta apenas o bloco visual duplicado de Acesso rápido, mantendo os resumos abaixo. */
@media(min-width:768px){
  #painelConsultor .dashboard-extra>h3,
  #painelConsultor .atalhos-dashboard{display:none!important}
  #painelConsultor .resumo-dashboard{margin-top:0!important}
}

/* Rodapé institucional padrão para páginas internas do site. */
.rodape-projeto{
  width:min(100% - 32px,var(--cna-max));
  margin:28px auto 18px;
  padding:16px 0 0;
  border-top:1px solid var(--cna-borda);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
  color:var(--cna-texto-suave);
  font-size:12px;
  line-height:1.45;
}
.rodape-projeto span:last-child{text-align:right}

/* No painel do atendente/consultor, o rodapé institucional não aparece. */
#painelConsultor .rodape-dashboard{display:none!important}