/* Navegacao por perfil e paginas proprias (E1): aviso de rota, Meus alunos (lista/detalhe), menu inferior no celular. */
.nav button[hidden]{display:none!important}
.nav .nav-label{min-width:0;overflow-wrap:anywhere}
.nav button[aria-current="page"]{font-weight:800}
#legacyPrograms,#programs[data-legacy-unrouted]{display:none!important}

.route-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:10px 0 0;padding:11px 14px;border-radius:12px;border:1px solid #f2c55c66;background:#f2c55c14;color:var(--ink);font-size:13px;line-height:1.4}
.route-notice[hidden]{display:none}
.route-notice-x{flex:none;min-width:44px;min-height:44px;margin:-10px -8px -10px 0;background:transparent;border:0;color:inherit;font-size:20px;line-height:1;cursor:pointer;border-radius:10px}
.route-notice-x:focus-visible{outline:2px solid #c7ff62;outline-offset:2px}

/* Meus alunos: lista (ranking, solicitacoes, clientes) ou ficha de um aluno, nunca as duas juntas. */
#students[data-view="list"] #studentDetail{display:none}
#students[data-view="detail"] #studentsList{display:none}
#studentsList>.account-card{margin-top:10px}
#studentDetail{display:grid;gap:12px;margin-top:10px}
.student-back{justify-self:start;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
#studentDetail #clientProgressEditor{margin:0}
#notfound .btn{margin-top:12px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
#fichasBody{margin-top:10px}
#perfilBody{margin-top:10px}
.fichas-list .btn{white-space:nowrap}

/* Personal: Minha conta so com dados de conta e acesso (perfil profissional e preco ficam em Meu painel, etapa E9). */
body[data-role="coach"] #coachProfileFields,
body[data-role="coach"] .account-payment,
body[data-role="admin"] .account-payment{display:none!important}
/* Aluno sem ficha: so o estado vazio, nunca a lista antiga de programas de exemplo. */
body[data-role="client"] #workout:not(.plan-mode)>:not(#planWorkout){display:none!important}

/* Menu inferior (celular): todos os itens do perfil, rotulos podem quebrar em ate 3 linhas. */
@media (max-width:660px){
  .nav button:not([hidden]){display:flex!important;flex:1 1 0;min-width:0}
  .nav button .nav-label{white-space:normal;text-align:center;line-height:1.1;font-size:8.5px;hyphens:auto}
  .nav button{padding:4px 1px}
  .route-notice{margin-top:8px}
}

/* O inicio por perfil (15-home.css) forca display:flex; fora da rota #/inicio ele precisa sair da tela. */
#home[data-home-role]:not(.active){display:none!important}