/* Perfil: conta, propriedades e ajustes na mesma tela, sem menus adicionais. */
#tela-perfil {
  --alvo-perfil: max(48px, var(--alvo-interface, 44px));
  min-width: 0;
  max-width: 1120px;
  margin-inline: auto;
}
#tela-perfil :is(button, select, summary, .perfil-item) { min-height: var(--alvo-perfil); }
#tela-perfil .perfil-capa-acoes .btn,
#tela-perfil #perfil-propriedades .btn,
#tela-perfil .btn-fonte { min-width: var(--alvo-interface, 44px); }
#tela-perfil .perfil-abertura { margin-bottom: var(--e-4); }
#tela-perfil .perfil-sobrelinha {
  margin: 0 0 var(--e-1);
  color: var(--tinta-suave);
  font-size: var(--txt-xs);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#tela-perfil .perfil-abertura > h2 {
  margin: 0 0 var(--e-2);
  font-size: clamp(1.6rem, 4vw, 2rem);
  font-family: var(--fonte-titulo);
}
#tela-perfil .perfil-abertura > p:last-child {
  max-width: 68ch;
  margin: 0;
  color: var(--tinta-suave);
  line-height: 1.6;
  font-size: var(--txt-sm);
}
#tela-perfil .perfil-capa {
  padding: var(--e-5);
  gap: var(--e-4);
  margin-bottom: var(--e-5);
  border: 0;
  border-radius: var(--raio-lg);
  align-items: center;
}
#tela-perfil .perfil-capa-textos { flex: 1 1 240px; min-width: 0; }
#tela-perfil .perfil-capa-textos h2 { font-size: var(--txt-xl); line-height: 1.3; }
#tela-perfil .perfil-capa-textos p { line-height: 1.5; font-size: var(--txt-sm); }
#tela-perfil .perfil-capa-acoes { min-width: 0; }
#tela-perfil .perfil-capa-acoes .btn { white-space: normal; text-align: center; }
#tela-perfil .perfil-retrato[aria-disabled="true"] { cursor: default; pointer-events: none; }
#tela-perfil #perfil-propriedades .btn {
  width: 100%;
  min-height: var(--alvo-perfil);
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
  padding: var(--e-3);
}
#tela-perfil .perfil-papel { white-space: normal; line-height: 1.4; }
#tela-perfil .perfil-grade {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--e-4);
  align-items: start;
}
#tela-perfil .perfil-secao,
#tela-perfil #perfil-contexto-acesso,
#tela-perfil #perfil-ajuda-atualizacoes,
#tela-perfil #perfil-operacoes-perigo { grid-column: 1 / -1; }
#tela-perfil .perfil-secao { margin: var(--e-4) 0 0; min-width: 0; }
#tela-perfil .perfil-secao:first-child { margin-top: 0; }
#tela-perfil .perfil-secao h2 {
  margin: 0;
  font: 600 var(--txt-lg) / 1.4 var(--fonte-titulo);
}
#tela-perfil .perfil-secao p {
  margin: var(--e-1) 0 0;
  color: var(--tinta-suave);
  font-size: var(--txt-sm);
  line-height: 1.5;
}
#tela-perfil .perfil-bloco {
  padding: var(--e-5);
  min-width: 0;
  margin: 0;
  border-radius: var(--raio);
  overflow-wrap: anywhere;
}
#tela-perfil #perfil-assistente-proativo:empty { display: none; }
#tela-perfil .perfil-bloco h3 {
  margin: 0 0 var(--e-2);
  font-size: var(--txt-lg);
  line-height: 1.4;
}
#tela-perfil .perfil-ajuda {
  font-size: var(--txt-sm);
  line-height: 1.6;
  margin: 0 0 var(--e-3);
}
#tela-perfil .perfil-item {
  min-width: 0;
  min-height: var(--alvo-perfil);
  font-size: var(--txt-sm);
  line-height: 1.5;
  gap: var(--e-3);
  padding: var(--e-3);
  white-space: normal;
  overflow-wrap: anywhere;
}
#tela-perfil .perfil-item > svg { width: 20px; height: 20px; }
#tela-perfil .perfil-item + .perfil-item,
#tela-perfil .perfil-item + .perfil-item-estatico,
#tela-perfil .perfil-item-estatico + .perfil-item {
  border-radius: var(--raio-sm);
  border-top: 0;
  margin-top: var(--e-1);
}
#tela-perfil .perfil-item:hover { background: var(--fundo); }
#tela-perfil .perfil-item:focus-visible {
  outline: 3px solid var(--latao);
  outline-offset: -3px;
}
#tela-perfil .perfil-item:disabled { cursor: not-allowed; }
#tela-perfil .perfil-item .chave { flex-shrink: 0; margin-left: auto; }
#tela-perfil .perfil-fonte { flex-wrap: wrap; }
#tela-perfil .perfil-fonte-rotulo { flex: 1 1 120px; min-width: 0; }
#tela-perfil .fonte-controles { gap: var(--e-2); flex-shrink: 0; }
#tela-perfil .perfil-acessibilidade { display: grid; gap: var(--e-2); margin-block: var(--e-3); }
#tela-perfil .perfil-acessibilidade p { margin: 0; }
@media (max-width: 600px) {
  #tela-perfil .fonte-controles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100%, 220px); min-width: 0; }
  #tela-perfil #btn-fonte-reset { grid-column: 1 / -1; }
  #tela-perfil .fonte-controles .btn-fonte { justify-self: center; }
}
#tela-perfil .btn-fonte { width: var(--alvo-interface, 44px); height: var(--alvo-interface, 44px); min-width: var(--alvo-interface, 44px); min-height: var(--alvo-interface, 44px); }
#tela-perfil .perfil-nota {
  margin: var(--e-3) 0 0;
  padding: var(--e-3);
  background: var(--fundo);
  border-radius: var(--raio-sm);
  color: var(--tinta-suave);
  font-size: var(--txt-sm);
  line-height: 1.6;
}
#tela-perfil .perfil-propriedades-restrito { display: none; }
#tela-perfil #perfil-propriedades:has(#btn-menu-propriedades[hidden]) .perfil-propriedades-ajuda { display: none; }
#tela-perfil #perfil-propriedades:has(#btn-menu-propriedades[hidden]) .perfil-propriedades-restrito { display: block; }
/* A escolha de outro acesso já aparece no resumo do haras. */
#tela-perfil:has(#btn-perfil-trocar-conta) #btn-menu-contas { display: none; }
#tela-perfil #perfil-contexto-acesso { background: var(--superficie); border-left: 4px solid var(--latao); }
#tela-perfil #perfil-contexto-acesso .perfil-ajuda:last-child { margin-bottom: 0; }
#tela-perfil .plano-selo { max-width: 100%; white-space: normal; line-height: 1.5; margin-bottom: var(--e-3); }
#tela-perfil #gestao-assinatura > summary {
  padding: var(--e-3);
  background: var(--fundo);
  min-height: var(--alvo-perfil);
}
#tela-perfil #gestao-assinatura[open] > summary { margin-bottom: var(--e-3); }
#tela-perfil .assinatura-conteudo { padding-top: 0; }
#tela-perfil .assinatura-plano { padding: var(--e-4); }
#tela-perfil .assinatura-plano dl > div { gap: var(--e-2) var(--e-4); }
#tela-perfil #perfil-assistente-proativo .ap-campo,
#tela-perfil #perfil-assistente-proativo .ap-categoria { min-width: 0; }
#tela-perfil #perfil-assistente-proativo .ap-campo,
#tela-perfil #perfil-assistente-proativo .ap-categoria,
#tela-perfil #perfil-assistente-proativo .ap-ajuda,
#tela-perfil #perfil-assistente-proativo .ap-condicoes,
#tela-perfil #perfil-assistente-proativo .ap-historico { font-size: var(--txt-sm); line-height: 1.6; }
#tela-perfil #perfil-assistente-proativo .ap-categoria { min-height: var(--alvo-interface, 44px); padding-block: var(--e-2); }
#tela-perfil #perfil-assistente-proativo .ap-categoria input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
#tela-perfil #perfil-assistente-proativo select { max-width: 100%; min-width: 0; min-height: var(--alvo-perfil); }
#tela-perfil #perfil-assistente-proativo .btn { max-width: 100%; white-space: normal; min-height: var(--alvo-perfil); }
#tela-perfil #perfil-assistente-proativo .ap-condicoes { margin-bottom: 0; }
#tela-perfil #perfil-assistente-proativo .ap-condicoes > div { grid-template-columns: 1fr; gap: var(--e-1); }
#tela-perfil #perfil-assistente-proativo .ap-condicoes dt { color: var(--tinta); font-weight: 600; }
#tela-perfil #perfil-assistente-proativo .ap-condicoes dd { margin: 0; }
#tela-perfil #perfil-assistente-proativo .ap-historico > summary { min-height: var(--alvo-interface, 44px); padding-block: var(--e-3); }
#tela-perfil #perfil-assistente-proativo .ap-historico li { overflow-wrap: anywhere; }
#tela-perfil #perfil-assistente-proativo .ap-historico span { display: block; }
#tela-perfil #perfil-novidades {
  margin: var(--e-3) 0;
  padding: var(--e-4);
  border-radius: var(--raio-sm);
  background: var(--fundo);
  box-shadow: none;
  border: 0;
  min-width: 0;
  align-items: start;
}
#tela-perfil #perfil-novidades > div { min-width: 0; }
#tela-perfil #perfil-novidades h2 { font-size: var(--txt-md); line-height: 1.5; }
#tela-perfil #perfil-novidades .hp-novidades-acoes { flex-wrap: wrap; min-width: 0; }
#tela-perfil #perfil-novidades button { white-space: normal; }
#tela-perfil #perfil-operacoes-perigo {
  margin-top: var(--e-4);
  border: 1px solid color-mix(in srgb, var(--vermelho) 35%, var(--linha));
  background: var(--vermelho-suave);
}
#tela-perfil #perfil-operacoes-perigo:has(#btn-menu-apagar[hidden]) { display: none; }
#tela-perfil #perfil-operacoes-perigo .perfil-item-perigo:hover { background: color-mix(in srgb, var(--vermelho) 12%, transparent); }
@media (max-width: 760px) {
  #tela-perfil .perfil-grade { grid-template-columns: minmax(0, 1fr); }
  #tela-perfil .perfil-capa { padding: var(--e-4); gap: var(--e-3); }
  #tela-perfil .perfil-retrato { width: 64px; height: 64px; align-self: flex-start; }
  #tela-perfil .perfil-capa-textos { flex-basis: 100%; width: 100%; }
  #tela-perfil .perfil-capa-acoes { width: 100%; }
  #tela-perfil .perfil-capa-acoes:has(#btn-menu-foto[hidden]) { display: none; }
  #tela-perfil .perfil-capa-acoes .btn { width: 100%; }
  #tela-perfil .perfil-bloco { padding: var(--e-4); }
  #tela-perfil #perfil-novidades { flex-direction: column; gap: var(--e-3); padding: var(--e-3); }
  #tela-perfil #perfil-novidades .hp-novidades-acoes { width: 100%; }
  #tela-perfil #perfil-novidades button { width: 100%; }
}