/* Conta do professor (canvas P18): o menu com rótulo e explicação, quem está na conta, «Ouvir página» na linha do
   título e as abas do Perfil (P20). */
.account-menu-panel > .account-menu-item {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  white-space: normal;
}
.account-menu-item strong {
  font-size: 15px;
}
.account-menu-item small,
.account-menu-who small {
  color: var(--app-muted);
  font-size: 13px;
}
.account-menu-who {
  display: grid;
  gap: 2px;
  padding: 10px 14px 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--app-border);
}
/* A Conta com o avatar de iniciais (canvas Componentes): botão em pílula. */
.frame-top-teacher .account-menu > summary {
  gap: 10px;
  padding: 6px 12px 6px 6px;
  border-radius: 999px;
}
.account-initials,
.account-photo {
  display: block;
  flex: none;
}
.account-initials[hidden],
.account-photo[hidden] {
  display: none;
}
.account-photo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 2px #f2b84b;
}
.frame-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}
.frame-title-row h1 {
  margin-bottom: 0;
}
.frame-title-listen {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
}
.profile-tabs {
  margin: 4px 0 12px;
}
#profile-font {
  margin: 8px 0;
}
/* Cabeçalho do professor: logo e Conta (canvas P18); quem está na conta fica no topo do menu Conta (a conta antiga,
   sem espaço, continua com o nome no cabeçalho). */
.frame-top-teacher:has(.account-menu-who) > .identity {
  display: none;
}

/* A linha curta do beta aberto na porta «Sou professor» (página inicial), visível sem rolar; «Saiba mais» leva à nota
   completa no fim da página. */
.entry-beta-line {
  margin: 12px 0 0;
  font-size: 14px;
  color: var(--app-muted);
}
.entry-beta-line a {
  color: var(--app-primary);
  font-weight: 700;
}