/* página login  */
.area_principal {background-color: #00afec !important; padding:40px 0 0 0;}
.area_topo {background-color: #00afec !important; margin:0 0 -20px 0;}
.box_login {border-radius:30px 30px 0 0; background-color:#ffffff; border-bottom: 3px solid #ffffff;}
.inner_login {padding:30px 50px 10px 50px !important; box-shadow:none !important;}
body {background-color:#ffffff;}
.input_login {background-color:#f6f5f5 !important; padding:14px 22px !important; border-radius: 100px !important; font-size: 19px  !important;}
.input_login:focus, .input_login:focus-visible {background-color:#f6f5f5 !important; border:none !important;}
.remember_box {height:20px !important; width:20px !important; border:none !important;}
.lembrar {color:#9ca3af;}
.esqueceu {color: #00afec !important;}
.tit_login {color: #00afec !important; font-weight:500; font-size:30px; text-align:left; margin:0 0 12px 17px }
.btn_login {width:100%; height:auto; padding:14px 32px !important; background-color: #00afec !important; color:#ffffff; border-radius:100px;}
.sem_cadastro a {color: #00afec !important;}
.remember_box {background-color:#f6f5f5 !important;}

/* pagina inicial */
.header_perfil {background-color: #00afec !important; border:none;}
.header_perfil h1 {color:#ffffff !important;}
.inner_header {padding:20px 23px 32px 23px;}
/*.content_geral {background-color: #00afec !important;}*/
.inner_content_geral {border-radius:30px 30px 0 0; background-color:#ffffff;}
.box_perfil {border:none; border:none; border-radius:21px; background-color:#25afec1c; padding:22px;}
.text_blue {color:#00afec !important; }
.select_sala {background-color:#f6f5f5 !important; border:none !important; padding:15px !important; border-radius:100px !important; font-size:17px !important;}
.input_sala {background-color:#f6f5f5 !important; border:none !important; padding:15px !important; border-radius:100px !important; font-size:17px !important;}
.circulo_perfil {background-color:#00afec; border-radius:10px;}
.box_leitor {margin:0px 30px; background-color:#f6f5f5 !important; border-radius:21px;}
.inner_color {background-color: #00afec !important;}
.btn_ok {background-color: #00afec !important; border-radius:100px !important; box-shadow: none !important; padding: 14px 32px !important;}
.btn_iniciar_leitor {background-color: #00afec !important; color:#ffffff; border-radius:100px;}
.btn_digitar_codigo {background-color: #00afec !important; color:#ffffff; border-radius:100px;}
.btn_parar {background-color:#d80b50 !important; color:#ffffff; border-radius:100px;}
.btn_candidatos {background-color:#76a73d !important; color:#ffffff; border-radius:100px;}
.btn_limpar_sala {background-color:#d0d0d0 !important; border-radius:100px;}
.input_codigo_lido {border-radius:100px; padding:15px !important;}
.input_codigo_barras {border-radius:100px !important; background-color:#ffffff !important; padding:15px !important; margin:4px 0 0 0;}
.area_camera {border-radius:20px !important;}
.btn_confirmar {background-color: #00afec !important; padding:15px !important; border-radius:100px !important;}
.input_cpf {background-color:#f6f5f5 !important; border:none !important; padding:15px !important; border-radius:100px !important; font-size:17px !important;}
.btn_enviar_cpf {background-color: #00afec !important; padding:15px !important; border-radius:100px !important;}
.area_cpf {margin:20px 30px 0 30px; padding:0;}

/* modal  */
.btn_fechar {border-radius:100px; background-color:#ef4544; padding:15px;}
.input_filtro {border-radius:100px !important; background-color:#f6f5f5 !important; padding:15px !important; }

/* página cadastro */
.input_cadastro {background-color:#f6f5f5 !important; padding:14px 22px !important; border-radius: 100px !important; font-size: 19px  !important;}
.input_cadastro:focus, .input_login:focus-visible {background-color:#ffffff !important; border:none !important;}
.btn_cadastro {width:100%; height:auto; padding:14px 32px !important; background-color: #00afec !important; color:#ffffff; border-radius:100px;}
/* Ações e tabelas do painel: escopo próprio, sem alterar o formulário de associação. */
.painel-filtros {display:grid;grid-template-columns:1fr;gap:12px;}
.graficos-grade {display:grid;grid-template-columns:1fr;gap:16px;}
.grafico-box {min-width:0;padding:16px;border:1px solid #e5e7eb;border-radius:12px;}
.grafico-resumo {display:flex;flex-wrap:wrap;gap:24px;font-size:12px;}
.grafico-resumo p {display:flex;flex-direction:column;gap:4px;}
.grafico-resumo strong {font-size:20px;color:#007ba5;}
.grafico-scroll {overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch;}
.grafico-barras {display:flex;gap:8px;width:100%;padding:0 4px;}
.grafico-coluna {flex:1;min-width:40px;text-align:center;}
.grafico-valor,.grafico-horario {display:block;font-size:11px;color:#64748b;line-height:24px;}
.grafico-barra-espaco {height:160px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #cbd5e1;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f1f5f9 39px,#f1f5f9 40px);}
.grafico-barra {width:70%;min-height:1px;background:#00afec;border-radius:4px 4px 0 0;}
.grafico-barra.grafico-pico {background:#4f46e5;}
.grafico-acumulado {display:block;width:100%;min-width:440px;height:auto;}
.grafico-acumulado text {font-size:12px;fill:#64748b;}
@media(min-width:1024px) {.graficos-grade {grid-template-columns:repeat(2,minmax(0,1fr));}}
.painel-filtros select,.painel-filtros input {width:100%;min-width:0;max-width:100%;}
.painel-dados {width:100%;border-collapse:collapse;font-size:14px;}
.painel-dados th,.painel-dados td {padding:12px;vertical-align:top;overflow-wrap:anywhere;}
.painel-dados th {text-align:left;background:#edf9fe;color:#007ba5;}
.painel-dados tr {border-bottom:1px solid #e5e7eb;}
.painel-dados .acoes-linha {display:flex;flex-wrap:wrap;gap:8px;}
.painel-acoes-sala {display:grid;gap:8px;width:210px;}
.painel-dados .painel-acao-sala {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:100px;font-size:12px;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s;}
.painel-dados .painel-acao-sala i {width:16px;flex-shrink:0;}
.painel-dados .painel-acao-candidatos {background:#00afec;color:#fff;}
.painel-dados .painel-acao-candidatos:hover {background:#008fbe;}
.painel-dados .painel-acao-excel {background:#f0f6e9;border-color:#d8e5c8;color:#426724;}
.painel-dados .painel-acao-excel:hover {background:#e4eed8;}
.painel-dados .painel-acao-whatsapp {min-width:190px;background:#f0f6e9;border-color:#d8e5c8;color:#426724;}
.painel-dados .painel-acao-whatsapp:hover {background:#e4eed8;}
.painel-dados .painel-acao-sala:focus-visible {outline:2px solid #007ba5;outline-offset:3px;}
.painel-tabela {overflow:auto;max-width:100%;border:1px solid #e5e7eb;border-radius:12px;}
.painel-associados-scroll,.painel-salas-scroll {max-height:580px;}
.painel-nome-predio {font-size:14px;font-weight:400;line-height:1.5;}
.painel-nome-local {font-size:12px;font-weight:400;color:#64748b;line-height:1.5;margin-top:3px;}
.painel-salas-conteudo.fechado {display:none;}
.painel-salas-cabecalho {display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;}
.painel-salas-recolher {display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;color:#007ba5;cursor:pointer;}
.painel-salas-recolher:hover {color:#004f6b;}
.painel-salas-recolher:focus-visible {outline:2px solid #007ba5;outline-offset:2px;border-radius:8px;}
.painel-header .painel-header-acoes {flex-shrink:0;}
.painel-header .painel-header-acoes a {display:inline-flex;align-items:center;white-space:nowrap;}
.painel-acoes a,.painel-acoes button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;}
.erros-acoes a,.erros-acoes button {display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;}
@media(min-width:768px) {
  .painel-filtros {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px) {
  .painel-salas-cabecalho {grid-template-columns:1fr auto auto;gap:8px;}
  .painel-salas-contagem {grid-row:1;grid-column:2;}
  .painel-salas-recolher {grid-row:1;grid-column:3;}
  .painel-excel-totais {display:flex;width:100%;grid-row:2;grid-column:1 / -1;}
  .painel-cabecalho {flex-direction:column;align-items:stretch;gap:16px;}
  .painel-acoes {display:grid;grid-template-columns:1fr;width:100%;}
  .painel-acoes a,.painel-acoes button {text-align:center;width:100%;min-height:48px;border-radius:100px;padding:12px 16px;}
  .painel-tabela {overflow:auto;-webkit-overflow-scrolling:touch;}
  .painel-associados-scroll {max-height:none;}
  .painel-dados {min-width:720px;font-size:13px;}
  .painel-dados th,.painel-dados td {padding:10px;overflow-wrap:normal;}
  .painel-dados th {white-space:nowrap;}
  .painel-dados td:nth-child(2) {min-width:150px;}
  .painel-dados tbody tr:nth-child(even) {background:#f6fbfe;}
}
@media(max-width:480px) {
  .painel-header .inner_header {padding-left:12px;padding-right:12px;gap:8px;}
  .painel-header .painel-header-marca {gap:6px;min-width:0;}
  .painel-header h1 {font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .painel-header .painel-header-marca > div {width:24px;height:24px;flex-shrink:0;}
  .painel-header .painel-header-acoes {gap:2px;}
  .painel-header .painel-header-acoes a {padding-left:6px;padding-right:6px;gap:5px;font-size:13px;}
}
@media(min-width:1024px) {
  .painel-filtros {grid-template-columns:repeat(3,minmax(0,1fr));}
  .painel-filtros.com-filtro-predio {grid-template-columns:repeat(4,minmax(0,1fr));}
}