/**
 * CSS compartilhado das telas de login (Views/login.php — administração —
 * e Views/entrar.php — clínica). Extraído pra cá porque as duas views
 * tinham o MESMO bloco de estilos, palavra por palavra, exceto o fundo do
 * `body` e a borda/sombra do `.login-card` (achado da varredura geral,
 * 2026-07). Cada view mantém só essas duas regras no `<style>` inline.
 */
.login-brand{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:600;font-size:1.2rem;color:var(--ink-900);margin-bottom:1.4rem;}
.login-brand-mark{width:32px;height:32px;border-radius:8px;object-fit:cover;object-position:center top;flex-shrink:0;}
.login-card h1{font-size:1.2rem;color:var(--ink-900);margin-bottom:.3rem;}
.login-card p.sub{color:var(--ink-500);font-size:.88rem;margin-bottom:1.4rem;}
.login-field{margin-bottom:1rem;}
.login-field label{display:block;font-size:.85rem;color:var(--ink-700);margin-bottom:.35rem;}
.login-field input{width:100%;padding:.65rem .8rem;border:1px solid var(--border-strong);border-radius:8px;font-size:.92rem;}

/* Campo de senha com botão de mostrar/ocultar (ícone de olho) — pedido da
   Miriam, 2026-07. O `position:relative` fica no `.login-senha-input-wrap`
   (só input+botão), NÃO no `.login-field-senha` inteiro — senão o
   `top:50%` do botão centralizava em relação a label+input juntos, e o
   ícone ficava deslocado pra cima, fora do campo (bug reportado). */
.login-senha-input-wrap{position:relative;}
.login-senha-input-wrap input{padding-right:2.6rem;}
.login-senha-toggle{
  position:absolute;
  right:.55rem;
  top:50%;
  transform:translateY(-50%);
  width:32px;height:32px;
  border:0;background:transparent;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-400);
  cursor:pointer;
  border-radius:6px;
}
.login-senha-toggle:hover{background:var(--bg);color:var(--ink-600);}
.login-senha-toggle .icon-olho-fechado{display:none;}
.login-field-senha.senha-visivel .icon-olho-aberto{display:none;}
.login-field-senha.senha-visivel .icon-olho-fechado{display:block;}
.login-erro{background:var(--alert-100);color:var(--alert-600);border-radius:8px;padding:.6rem .8rem;font-size:.85rem;margin-bottom:1rem;}
.login-aviso{background:var(--sage-100);color:var(--sage-700);border-radius:8px;padding:.6rem .8rem;font-size:.85rem;margin-bottom:1rem;}
.login-btn{width:100%;padding:.75rem;border:0;border-radius:8px;background:var(--sage-600);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;}

/* "Esqueci minha senha" (Views/login.php, Views/entrar.php) e as duas telas
   novas do fluxo (Views/esqueci_senha.php, Views/redefinir_senha.php). */
.login-forgot{display:block;text-align:right;margin:-.4rem 0 1.1rem;font-size:.82rem;}
.login-forgot a{color:var(--sage-700);font-weight:600;}
.login-footer{margin-top:1.4rem;text-align:center;font-size:.85rem;color:var(--ink-500);}
.login-footer a{color:var(--sage-700);font-weight:600;}
.login-hint{color:var(--ink-400);font-size:.8rem;margin-top:.3rem;line-height:1.5;}
.login-field .msg-erro{color:var(--alert-600);font-size:.8rem;margin-top:.35rem;}
.login-field input.erro{border-color:var(--alert-600);}