/* ─── Identidade V7Ti — telas de login ────────────────────────────────────────
   A tela de login é do produto, não do cliente: ela carrega a marca V7Ti.
   A personalização de cada empresa (logo e cores) só aparece depois de entrar.

   Cores extraídas de v7ti.com.br. Tudo é escopado em #tela-login para vencer,
   por especificidade, o CSS que já existe em cada portal — sem depender da
   ordem em que as folhas são carregadas.

   A fonte Inter não é baixada de fora: se estiver instalada no sistema ela é
   usada, senão cai na fonte de interface nativa, que é visualmente próxima.  */

#tela-login{
  min-height:100dvh; display:flex; align-items:center; justify-content:center; padding:20px;
  background:
    radial-gradient(900px 520px at 12% -12%, rgba(47,107,255,.22), transparent 60%),
    radial-gradient(760px 480px at 100% 0%,  rgba(139,92,246,.18), transparent 55%),
    #050916;
  font-family:Inter,-apple-system,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* Wordmark: "V7" em degradê + "Ti." em branco, como no site */
#tela-login .v7-logo{
  text-align:center; font-weight:800; font-size:2.5rem; letter-spacing:-.03em;
  line-height:1; margin:0 0 18px;
}
#tela-login .v7-logo .mark{
  background:linear-gradient(95deg,#4f8bff 0%,#7aa2ff 40%,#a78bfa 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#tela-login .v7-logo .txt{ color:#fff; }

#tela-login .login-card{
  background:#0d1730; border:1px solid rgba(255,255,255,.09); border-radius:20px;
  padding:38px 32px; width:100%; max-width:400px;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.65);
}

#tela-login h1{ font-size:1.15rem; font-weight:800; text-align:center; color:#eaf0ff; margin:0 0 5px; }
#tela-login p{ text-align:center; color:#9aa8c7; font-size:.85rem; margin:0 0 24px; }

#tela-login label{
  display:block; font-size:.75rem; font-weight:700; color:#9aa8c7;
  margin-bottom:6px; letter-spacing:.01em;
}
#tela-login input{
  width:100%; padding:12px 14px; border-radius:10px; font-size:.95rem; font-family:inherit;
  background:#111c3a; border:1.5px solid rgba(255,255,255,.09); color:#eaf0ff;
  outline:none; transition:border-color .18s, box-shadow .18s;
}
#tela-login input::placeholder{ color:#7c8bad; }
#tela-login input:focus{ border-color:#2f6bff; box-shadow:0 0 0 3px rgba(47,107,255,.22); }

#tela-login button{
  width:100%; padding:14px; margin-top:8px; border:none; border-radius:12px;
  background:linear-gradient(100deg,#2f6bff 0%,#6d5cff 55%,#8b5cf6 100%);
  color:#fff; font-size:1rem; font-weight:700; font-family:inherit; cursor:pointer;
  transition:filter .18s, transform .06s;
}
#tela-login button:hover{ filter:brightness(1.08); }
#tela-login button:active{ transform:translateY(1px); }

/* Mensagens de erro dos três portais (.erro no master/admin, .erro-login no atendente) */
#tela-login .erro, #tela-login .erro-login{
  background:rgba(239,68,68,.13); color:#fca5a5; border:1px solid rgba(239,68,68,.28);
  padding:10px 14px; border-radius:10px; font-size:.84rem; font-weight:600; margin-bottom:12px;
}

/* Assinatura do produto no rodapé do cartão */
#tela-login .v7-rodape{
  text-align:center; color:#7c8bad; font-size:.72rem; margin-top:22px; line-height:1.5;
}