/* ============================================================
   ÁREA DO PACIENTE — FASE 2 (identidade, convite, login)
   Reaproveita o shell público já usado em anamnese.html (link direto pra
   anamnese-2.0.css: .public-header/.page-shell/.intro-panel/.form-card/
   .status-state/.loading-state/.anam-btn/.field/.professional-card) — este
   arquivo só acrescenta o que aquele não tinha: input de texto/senha,
   toggle de senha, e o layout leve da home pós-login.
   ============================================================ */
.field input[type="email"],.field input[type="password"],.field input[type="text"]{
  width:100%;padding:14px 44px 14px 15px;border:1px solid var(--anam-border);border-radius:12px;
  outline:0;color:#282342;background:#fbfbfe;font-size:16px;line-height:1.5;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.field input::placeholder{color:#9b97aa}
.field input:hover{border-color:#cbc7df}
.field input:focus{border-color:#6a5ed0;background:#fff;box-shadow:0 0 0 4px rgba(91,79,194,.11)}
.field input[aria-invalid="true"]{border-color:var(--anam-danger);box-shadow:0 0 0 3px rgba(180,35,69,.08)}
/* .field-password-input envolve só o input+botão (nunca label/dica/erro) —
   o toggle precisa ficar centralizado na altura do CAMPO, não do bloco
   inteiro; quando o campo tem uma dica abaixo (ex.: "Mínimo de 8
   caracteres"), centralizar em relação ao bloco todo jogava o botão pra
   fora do input (achado real em produção, telas com dica de senha). */
.field-password-input{position:relative}
.field-password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:9px;color:#6f6a85;background:none;font-size:12px;font-weight:800;cursor:pointer}
.field-password-toggle:hover{background:var(--anam-soft)}
.field-password-toggle:focus-visible{outline:3px solid rgba(91,79,194,.22);outline-offset:1px}

.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;font-size:13px}
.auth-links a{color:var(--anam-cta);font-weight:700;text-decoration:none}
.auth-links a:hover{text-decoration:underline}

.field-note{color:#8a869a;font-size:11px;margin-top:-2px}

/* Home pós-login — placeholder desta fase, não é o portal completo. */
.home-card{padding:40px 34px;text-align:center}
.home-avatar{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:19px;color:#574bc2;background:#ece9ff;font-size:22px;font-weight:850}
.home-card h2{margin:0 0 8px;font-size:24px}
.home-card p{max-width:400px;margin:0 auto;color:var(--anam-muted);font-size:14px;line-height:1.65}
.home-vinculos{display:grid;gap:10px;max-width:380px;margin:26px auto 0;text-align:left}
.home-vinculo{display:flex;flex-direction:column;gap:8px;padding:13px 14px;border:1px solid #e6e3f1;border-radius:12px;background:#faf9fd}
.home-vinculo>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-vinculo strong{font-size:13px}
.home-vinculo .aps-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}
.home-vinculo .aps-badge--ativo{color:#087b5b;background:#e3f7ef}
.home-vinculo .aps-badge--suspenso{color:#8a5a09;background:#fff3d5}
.home-vinculo-aviso{margin:0;color:#8a5a09;font-size:12px;line-height:1.5}
.home-logout{margin-top:28px}

@media(max-width:560px){
  .home-card{padding:32px 20px}
  .field input[type="email"],.field input[type="password"],.field input[type="text"]{font-size:16px}
}