/* =============================================================================
   login.css — o ÚNICO CSS que a página pública carrega (19/08/2026).

   O style.css (2.032 linhas) passou a ser interno: ele carrega o nome de toda
   tela do sistema nos seletores (#view-procob, .csi-*, .prosp-*), e isso é
   planta do sistema pra quem não entrou. Ver .claude/rules/operational-security.md §B.4.1.

   As regras abaixo são CÓPIA LITERAL das do style.css (linhas 2-112), pra a tela
   de login ficar idêntica ao que sempre foi. Só os tokens de cor foram reduzidos
   aos que ela usa. Mexeu no visual do login lá? tem que refletir aqui.
   ============================================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#09090b;--s:#111114;--s2:#18181b;--b:#27272a;--bl:#3f3f46;
  --a:#d4a647;--at:#09090b;
  --t:#fafafa;--m:#a1a1aa;
  --r:#ef4444;--rd:rgba(239,68,68,.12);
  --font:'DM Sans',system-ui,sans-serif;
}
html{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--t);min-height:100%;-webkit-font-smoothing:antialiased}
input,select,button{font-family:var(--font)}

/* ============ LOGIN ============ */
.screen{display:none;min-height:100vh;align-items:center;justify-content:center;padding:20px}
.screen.active{display:flex}
.login-container{width:100%;max-width:380px}
.login-header{text-align:center;margin-bottom:44px}
.login-logo{height:40px;width:auto;margin-bottom:20px}
.logo-fallback{color:var(--a);font-weight:800;font-size:18px;letter-spacing:.1em;margin-bottom:20px}
.login-header h1{color:var(--t);font-size:20px;font-weight:700;letter-spacing:-.02em}
.login-header p{color:var(--m);font-size:13px;margin-top:5px}

.card{background:var(--s);border:1px solid var(--b);border-radius:12px;padding:20px}

.form-group{display:flex;flex-direction:column;gap:5px}
.form-group label{font-size:11px;font-weight:600;color:var(--m);text-transform:uppercase;letter-spacing:.07em}
.form-group input{
  background:var(--s2);border:1px solid var(--bl);border-radius:8px;
  padding:10px 14px;color:var(--t);font-size:14px;outline:none;
  transition:border-color .15s;width:100%;color-scheme:dark;
  font-family:inherit;
}
.form-group input:focus{border-color:var(--a)}

.btn{font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s;letter-spacing:.02em;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:none;font-size:13px;padding:10px 18px}
.btn-primary{background:var(--a);color:var(--at)}
.btn-primary:hover:not(:disabled){background:#c4952f}
.btn-full{width:100%;justify-content:center}

.error-msg{background:var(--rd);color:var(--r);padding:10px 14px;border-radius:8px;font-size:13px}