/* CABEÇALHO PERFIL + Tela de Login e Logout */
.cabecalho-perfil {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--esp-sm);
  padding: var(--esp-xl) var(--esp-md);
  text-align: center;
}
.cabecalho-perfil__avatar {
  width: 64px; height: 64px; border-radius: 50%;
  background: var(--cor-elevacao); border: 1px solid var(--cor-borda);
  display: flex; align-items: center; justify-content: center;
  font-size: var(--texto-xl); font-weight: var(--peso-bold); color: var(--cor-accent);
}
.cabecalho-perfil__nome { font-size: var(--texto-lg); font-weight: var(--peso-bold); }
.cabecalho-perfil__id { font-size: var(--texto-xxs); color: var(--cor-texto-secundario); font-family: var(--font-mono); }

.perfil-login-screen {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--esp-md); padding: var(--esp-xxl) var(--esp-md); text-align: center;
  min-height: 400px;
}
.perfil-login__icone { color: var(--cor-desativado); width: 48px; height: 48px; }
.perfil-login__titulo { font-size: var(--texto-lg); font-weight: var(--peso-bold); }
.perfil-login__sub { font-size: var(--texto-sm); color: var(--cor-texto-secundario); max-width: 280px; }

.perfil-btn-sair {
  display: block; width: calc(100% - 32px); margin: var(--esp-xl) auto;
  padding: var(--esp-sm); background: transparent; color: var(--cor-texto-secundario);
  border: 1px solid var(--cor-borda); border-radius: var(--raio-btn);
  font-size: var(--texto-sm); font-weight: var(--peso-semi); text-transform: uppercase;
  letter-spacing: var(--ls-micro); min-height: 44px;
  transition: all var(--trans-rapida);
}
.perfil-btn-sair:active { background: var(--cor-elevacao); color: var(--cor-texto); }