/* Kepha Studio — tela de login real (overlay) + gate de autenticação da Home
   OS: WAVE1-CONTINUATION-RUNTIME-CONTRACT (login visível para /api/auth/login)
   Reaproveita as variáveis de tema já definidas em app.css (--bg/--panel/--line/
   --acc/--acc2/--dim/--txt/--err) — nenhuma cor nova inventada aqui. */

#kh-login{position:fixed;inset:0;z-index:60;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;padding:20px}

/* HOTFIX-KEPHA-STUDIO-DUPLICATE-JS-DECLARATION-001: #kh-force-pw (tela
   "Defina sua nova senha", auth_gate.js::showForcePasswordChangeScreen)
   nunca teve regra própria -- renderizava como <div> solto dentro do
   `body` (flex column, overflow:hidden em app.css), sem posição/tamanho
   visível, então o formulário existia no DOM (confirmado via texto
   extraído) mas nunca aparecia na tela (achado real via captura de tela
   headless: fundo preto, nada visível). Mesmo tratamento de overlay que
   #kh-login -- reaproveita literalmente as MESMAS 2 linhas, nenhuma
   variável/cor nova. */
#kh-force-pw{position:fixed;inset:0;z-index:60;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;padding:20px}

.kh-login-box{width:100%;max-width:380px;background:var(--surface-card);border:var(--border-gold);
  border-radius:var(--radius-lg);padding:32px 28px}
.kh-login-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:6px;font-size:18px;color:var(--txt)}
.kh-login-brand img.logo-img{height:26px;width:auto;display:block}
.kh-login-brand .tag{font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:var(--radius-pill);padding:1px 9px}
.kh-login-title{text-align:center;font-size:13px;color:var(--dim);margin-bottom:22px;line-height:1.5}

.kh-login-box label{display:block;font-size:12px;color:var(--dim);margin:0 0 6px}
.kh-login-box input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--rad-md);
  color:var(--txt);padding:10px 12px;font-size:14px;margin-bottom:16px;font-family:var(--font)}
.kh-login-box input:focus{outline:none;border-color:var(--acc)}

.kh-login-err{background:var(--danger-wash);border:1px solid var(--danger-line);color:var(--err);
  border-radius:var(--rad-md);padding:8px 12px;font-size:12px;margin-bottom:14px;display:none;line-height:1.5}
.kh-login-err.show{display:block}

.kh-login-submit{width:100%;background:var(--gold-500);border:1px solid transparent;
  color:var(--gold-ink);font-weight:800;border-radius:var(--rad-md);padding:11px;cursor:pointer;font-size:13px}
.kh-login-submit:hover{background:var(--gold-100)}
.kh-login-submit:active{background:var(--gold-700)}
.kh-login-submit:disabled{opacity:.45;cursor:not-allowed}

/* OS-KEPHA-STUDIO-USER-ONBOARDING-MAIL-PRODUCTION-CLOSEOUT-001, Fase 22 */
.kh-login-forgot{display:block;text-align:center;margin-top:16px;font-size:12px;
  color:var(--dim);text-decoration:none}
.kh-login-forgot:hover{color:var(--acc);text-decoration:underline}

/* link de logout na barra superior da Home (reaproveita .ih-link já existente) */
#ih-logout{white-space:nowrap}

/* Verificação de segurança (2º fator do Studio MFA individual) dentro do
   modal do Dashboard Executivo -- reaproveita as mesmas variáveis de tema e
   o mesmo padrão visual de .kh-login-box (label/input/erro), sem duplicar
   nada novo. */
.kh-mfa-prompt h4{margin:0 0 6px;font-size:15px;color:var(--txt)}
.kh-mfa-prompt label{display:block;font-size:12px;color:var(--dim);margin:14px 0 6px}
.kh-mfa-prompt input{width:160px;background:var(--bg);border:1px solid var(--line);border-radius:10px;
  color:var(--txt);padding:10px 12px;font-size:20px;letter-spacing:4px;text-align:center;font-family:var(--font)}
.kh-mfa-prompt input:focus{outline:none;border-color:var(--acc)}