/* Ajustes compartilhados; todas as cores seguem o tema escolhido. */
#abas .navegacao-mais,#abas .nav-rotulo-curto,#abas .icone-nav-mobile{display:none}
#abas button:focus-visible,.navegacao-opcao:focus-visible{outline:3px solid var(--acento);outline-offset:-3px}
.navegacao-lista{display:grid;gap:18px}
.navegacao-lista h3{margin:8px 0;color:var(--tinta-2);font-size:13px}
.navegacao-opcao{display:flex;width:100%;justify-content:space-between;text-align:left;padding:12px 14px;min-height:48px;margin:6px 0;gap:12px;white-space:normal}
.navegacao-opcao span{min-width:0;overflow-wrap:anywhere}
.navegacao-opcao[aria-current=page]{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,var(--superficie))}
.navegacao-opcao .sub{font-size:12px;flex-shrink:0}
.folha-cabecalho{position:sticky;top:-8px;z-index:2;background:var(--plano);padding-block:12px;border-bottom:1px solid var(--borda)}
.folha-cabecalho .botao{flex-shrink:0}
.mensagem-formulario{border:1px solid var(--critico);border-radius:12px;padding:12px 14px;margin:12px 0;background:var(--superficie);color:var(--tinta);overflow-wrap:anywhere}
.mensagem-formulario p{margin:6px 0 0}
.campo [aria-invalid=true]{border-color:var(--critico);outline-color:var(--critico)}
.senha-controle{position:relative;display:flex;gap:8px;align-items:center;margin-bottom:12px}
.senha-controle .campo{flex:1;min-width:0;margin:0}
.senha-controle .botao{align-self:flex-end;min-width:78px;margin-bottom:0}
.consulta-status{color:var(--tinta-2);font-size:14px;min-height:22px}
.consulta-erro{padding:14px;border:1px solid var(--borda);border-radius:12px;margin:12px 0}
.consulta-erro .botao{margin-top:10px}
.consulta-vazia{padding:24px;text-align:center;border:1px dashed var(--borda);border-radius:16px;margin:16px 0}
.consulta-vazia h3{margin-top:0}
.consultorio-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}
.consultorio-acoes .botao{flex:0 1 auto}
.consultorio-cards .cartao{display:flex;flex-direction:column;align-items:stretch}
.consultorio-cards h3{font-size:16px;margin:0 0 10px}
button:disabled{cursor:not-allowed}
button[aria-busy=true]{cursor:progress}
@media(max-width:959px){
 #abas{display:grid;grid-template-columns:repeat(var(--nav-colunas,5),minmax(0,1fr));overflow:visible;gap:0;align-items:stretch;padding:4px 4px max(4px,env(safe-area-inset-bottom))}
 #abas button[data-aba]{display:none;min-width:0;min-height:60px;padding:6px 2px;font-size:11px;text-align:center;white-space:normal;overflow-wrap:anywhere;gap:4px}
 #abas button[data-principal-mobile=true],#abas .navegacao-mais{display:flex;flex-direction:column;align-items:center;justify-content:center}
 #abas .navegacao-mais{min-height:60px;font-size:11px;gap:4px}
 #abas .nav-rotulo-curto,#abas .icone-nav-mobile{display:block}
 #abas button:has(.nav-rotulo-curto) .nav-rotulo{display:none}
 #abas .navegacao-secao-extra{color:var(--acento);font-weight:650}
 .barra-aparencia{padding-block:4px}
 #cabecalho{padding-block:10px}
 .cabecalho-dir .data-hoje{display:none}
 .navegacao-opcao .sub{font-size:11px}
 .tabela-scroll{border:1px solid var(--borda);border-radius:12px}
 .consultorio-acoes .botao{flex:1}
}

/* --- Área do profissional ----------------------------------------------
   Regras do consultório e do contexto de aluno, usadas pelo app e pela área do
   profissional. */
.area-integrada{grid-column:1/-1;width:100%;min-width:0}
.consultorio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.consultorio-cards .botao{margin:4px}
#cabecalho{flex-wrap:wrap}
/* A faixa "Visualizando dados de…": cor fixa de propósito, igual em todo
   tema — ela tem de destoar do resto da tela. */
#contexto-aluno-aviso{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:#ffcf66;color:#231900}
#contexto-aluno-aviso .botao{background:#231900;color:#fff}
@media(max-width:700px){#contexto-aluno-aviso{font-size:12px;flex-wrap:wrap;flex-basis:auto}}
.catalogo-prescricao-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;max-height:440px;overflow:auto;margin:12px 0}
.exercicio-opcao{display:grid;grid-template-columns:72px 1fr;gap:12px;border:1px solid var(--borda);border-radius:12px;padding:12px}
.exercicio-opcao img{object-fit:contain;border-radius:8px;background:#eee}
.exercicio-opcao .botao{grid-column:1/-1;white-space:normal}
.catalogo-prescricao{margin:18px 0}

/* Abas internas do consultório (Meus Alunos, Convidar, Cupons, Assinatura).
   Mesmo desenho das abas que ele usava antes, agora com nome próprio. */
.consultorio-abas{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #8886;padding-bottom:12px;margin-bottom:24px}
.consultorio-abas button{font:inherit;border:1px solid #8886;background:transparent;color:inherit;border-radius:12px;padding:12px 18px;cursor:pointer}
.consultorio-abas button[aria-selected=true]{background:var(--acento);color:var(--sobre-acento);border-color:var(--acento)}
.consultorio-abas button:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
@media(max-width:600px){.consultorio-abas{display:grid;grid-template-columns:1fr 1fr}.consultorio-abas button{padding:12px 8px}}

/* Título de grupo na barra lateral (ver navegacao-ui.js). No celular os
   grupos só existem na folha "Mais". */
#abas [data-grupo-navegacao]{display:block;padding:18px 14px 5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
@media(max-width:959px){#abas [data-grupo-navegacao]{display:none}}

/* Marca da porta na tela de entrada da área do profissional (conta.js). */
.etiqueta-portao{margin:0 0 6px;color:var(--acento);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}