/* ============================================================
   SCREEN: LOGIN — ajustes específicos da tela de entrada
   (paridade com o protótipo: cabeçalho navy com logo em imagem)
   ============================================================ */
#login{height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;background:var(--login-bg);padding:16px}
#login .card{max-width:100%}
#login .card{background:var(--surface);border:1px solid var(--hair);border-radius:12px;width:360px;overflow:hidden;box-shadow:0 1px 3px rgba(24,24,27,.05),0 14px 36px rgba(24,24,27,.10)}
#login .lh{background:var(--side);padding:24px 0;display:flex;justify-content:center;align-items:center}
#login .lh img{height:60px;width:auto;display:block}
#login .body{padding:26px 32px 30px}
#login h1{font-size:13.5px;color:var(--mut);font-weight:400;margin:0 0 22px}
#login .err{background:var(--alert-bg);color:var(--alert);border-radius:var(--r);padding:9px 13px;font-size:12.5px;margin-bottom:14px}