/* Login e troca de senha: split-screen no padrão da casa (.claude/login-page-standard.md).
   Painel de marca em vinho profundo (o único lugar do sistema com fundo de marca); formulário em Geist. */
.entrada { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 100vh; background: var(--papel); }
.entrada__marca { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; padding: var(--e6) var(--e7);
  color: var(--creme); background: #3a050b url('../img/topografia.webp') center / cover; }
.entrada__marca::before { content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(90% 70% at 15% 0%, rgba(142, 15, 24, .7), transparent 65%), linear-gradient(165deg, rgba(74, 6, 13, .82), rgba(30, 2, 5, .97)); }
.entrada__logo { width: 210px; }
.entrada__texto { margin: auto 0; max-width: 28rem; }
.entrada__titulo { max-width: 13ch; text-wrap: balance; font-family: var(--f-menu); font-size: 3.25rem; font-weight: 600; line-height: 1.02; letter-spacing: -.02em; color: #fff; }
.entrada__linha { display: block; width: 64px; height: 1px; margin-top: var(--e5); background: var(--ouro); }
.entrada__apoio { margin-top: var(--e5); color: #e3d3c4; font-size: var(--t-16); max-width: 36ch; }
.entrada__lista { list-style: none; padding: 0; margin: var(--e6) 0 0; display: grid; gap: 14px; }
.entrada__lista li { display: flex; align-items: center; gap: var(--e3); color: #f3e7da; }
.entrada__lista span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: var(--raio); background: rgba(246, 234, 216, .08); border: 1px solid rgba(201, 151, 63, .35); flex: none; }
.entrada__lista svg { width: 16px; height: 16px; color: #f1d39b; }
.entrada__rodape-marca { font-family: var(--f-mono); font-size: var(--t-12); color: #c9b2a3; }

.entrada__form { display: flex; align-items: center; justify-content: center; padding: var(--e7) var(--e5); }
.entrada__caixa { width: 100%; max-width: 360px; }
.entrada__logo-movel { display: none; }
.entrada__h1 { font-size: var(--t-25); letter-spacing: -.03em; }
.entrada__sub { color: var(--tinta-3); margin: 6px 0 var(--e5); }
.entrada__icone { position: relative; }
.entrada__icone > svg { position: absolute; left: 12px; top: 50%; translate: 0 -50%; width: 16px; height: 16px; color: var(--tinta-3); pointer-events: none; }
.campo .entrada__icone input { padding-left: 36px; height: 42px; }
.campo .entrada__icone input[type='password'], .campo .entrada__icone input[data-senha] { padding-right: 46px; }
.entrada__olho { position: absolute; right: 2px; top: 50%; translate: 0 -50%; width: 40px; height: 38px; display: grid; place-items: center;
  background: none; border: 0; border-radius: var(--raio); color: var(--tinta-3); cursor: pointer; }
.entrada__olho svg { width: 16px; height: 16px; }
.entrada__olho:hover { color: var(--vinho); }
.entrada__botao { width: 100%; height: 44px; font-size: var(--t-14); margin-top: var(--e2); }
.entrada__rodape { margin-top: var(--e5); font-size: var(--t-13); color: var(--tinta-3); text-align: center; }
.entrada__rodape .btn { margin: 0 auto; }

@media (max-width: 1024px) {
  .entrada { grid-template-columns: minmax(0, 1fr); background: var(--fundo); }
  .entrada__marca { display: none; }
  .entrada__form { align-items: flex-start; padding: var(--e7) var(--e4); }
  .entrada__caixa { background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio-g); padding: var(--e5); box-shadow: var(--sombra-flutua); }
  .entrada__logo-movel { display: block; width: 170px; margin: 0 auto var(--e5); }
}

/* Troca de senha: só o formulário. */
.entrada__form--so { min-height: 100vh; background: var(--fundo); align-items: flex-start; padding: var(--e7) var(--e4); }
.entrada__form--so .entrada__caixa { background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio-g); padding: var(--e5); box-shadow: var(--sombra-flutua); }
.entrada__form--so .entrada__logo-movel { display: block; width: 170px; margin: 0 auto var(--e5); }