/* app.css — só o que o Talent Review como app próprio tem ALÉM do Lola:
   o login sem o vídeo, o modal de senha e a Administração. Todo o visual do
   Lola está em main.css, settings.css e wizard.css, copiados sem mudança do
   repositório lola-intelligence (src/client/styles). Não escreva aqui regra
   que exista lá: a cópia tem que continuar fiel. */

/* Login: a casca do Lola (.login-screen, .login-card…) sem o vídeo de fundo. */
.login-screen { background: #14110d; }
.login-note { font-size: 12.5px; color: rgba(239, 234, 223, .7); line-height: 1.5; margin: 0 0 14px; }
.login-card .login-forgot { display: block; text-align: left; cursor: default; }
.login-card .login-forgot:hover { color: #b8b1a4; }

/* Modal simples (trocar senha). */
.veu { position: fixed; inset: 0; z-index: 300; background: rgba(0, 0, 0, .42); display: grid; place-items: center; padding: 24px; }
.modal { width: 100%; max-width: 460px; background: var(--paper); border: 0.5px solid var(--hairline-strong); border-radius: 12px; padding: 24px 26px; }
.modal h2 { font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 1; margin: 0 0 14px; }
.modal .campo { display: block; font-size: 12.5px; color: var(--ink-mute); margin-bottom: 12px; }
.modal .campo .s-input { margin-top: 6px; }
.modal .acoes { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.modal .erro { color: var(--signal); font-size: 12.5px; margin: -4px 0 10px; }

/* Administração (quadro e contas): não existe no Lola. */
.admin .ferramentas { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0 14px; }
.admin .ferramentas .s-input { width: 260px; }
.admin .note.erro { border-left: 3px solid var(--signal); }
.admin .link { font-family: var(--font-mono); font-size: 12px; word-break: break-all; }
.admin .table .nome { font-weight: 500; }
.admin .sub { color: var(--ink-soft); font-size: 12.5px; }
.admin p.sub { max-width: 80ch; line-height: 1.5; }
.admin .section-head .s-input { width: 300px; }
.admin .settings-nav { grid-template-columns: repeat(2, 1fr); }