/* Telas de entrada (login, carregando, avisos) no mesmo visual do CRM */
.entrada{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.entrada[hidden]{display:none}
.entrada .cartao{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px}
.entrada .cartao.centro{align-items:center;text-align:center}
.entrada form{display:flex;flex-direction:column;gap:12px}
.entrada form[hidden]{display:none}
.entrada h1{font-size:20px;margin:4px 0 0}
.entrada .btn.primary{justify-content:center;padding:10px}
.entrada .msg{min-height:1.2em;margin:0;font-size:13px;color:var(--crit)}
.entrada .mk.grande{width:56px;height:56px;font-size:16px}
.entrada input[type=email],.entrada input[type=password]{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%}
.userchip{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;font-size:13px}
.userchip .uname{font-weight:600}
.userchip .lbl{font-size:11px}
@media(max-width:640px){.userchip .lbl{display:none}.userchip{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.entrada .mk{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px;font-weight:800}

/* o atributo hidden sempre esconde, mesmo em elementos com display definido no CSS */
[hidden]{display:none!important}
@media (max-width:640px){#userChip{display:none}}