/* Painel Hermes — tela de login. */
.lg { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--space-16); box-sizing: border-box; }
.lg-card { width: 100%; max-width: 360px; gap: var(--space-16); }
.lg-title { font-family: var(--font-ui); font-size: 31px; font-weight: 600; letter-spacing: -0.4px; line-height: 1.25; color: var(--ink); margin: 0; }
.lg-field { display: flex; flex-direction: column; gap: 6px; }
.lg-field input { padding: 10px 14px; border: 1px solid var(--pearl); border-radius: var(--radius-inputs); background: var(--ash); color: var(--graphite); font: inherit; font-size: 14px; }
.lg-field input:focus { outline: 2px solid var(--iris-glow); outline-offset: 1px; }
.lg-btn { align-self: flex-start; }
.lg-erro { margin: 0; padding: 8px 12px; border-radius: var(--radius-images); background: var(--tag-rose); color: var(--graphite); font-size: 13px; }