/* Elementos próprios da app (login, utilizador, avisos de gravação); o resto vem de dashboard.css */
.entrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}
.entrada[hidden],#app[hidden]{display:none}
.entrada .cx{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.entrada h1{font-size:19px;margin:0 0 4px}.entrada p.sub{color:var(--muted);margin:0 0 18px;font-size:13.5px}
.entrada label{display:block;font-size:12.5px;color:var(--muted);margin:12px 0 4px}
.entrada input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}
.entrada .btn{margin-top:16px;width:100%}
.entrada .msg{margin-top:12px;font-size:13.5px;color:var(--muted)}.entrada .msg.err{color:var(--neg)}
.quem{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
@media (max-width:640px){.quem{display:none}#sairBtn{padding:6px 7px;font-size:12px}}
#avisoDados{position:fixed;left:12px;right:12px;bottom:12px;z-index:1000;display:grid;gap:6px;max-width:720px;margin:0 auto}
#avisoDados .aviso-linha{background:var(--neg);color:#fff;border-radius:10px;padding:10px 40px 10px 14px;font-size:13.5px;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.2)}
#avisoDados button{position:absolute;right:8px;top:6px;background:none;border:0;color:#fff;font-size:20px;cursor:pointer;line-height:1}