body[data-login-page]{margin:0;background:#f5f7f3;color:#213c33;font:15px system-ui,sans-serif}
#authGate{box-sizing:border-box;min-height:100dvh;width:100%;display:grid;place-items:center;padding:24px;background:#f5f7f3;color:#213c33;font:15px system-ui,sans-serif}
#authGate[hidden]{display:none!important}
#authGate form{box-sizing:border-box;width:100%;max-width:340px;padding:24px;border:1px solid #dde5de;border-radius:12px;background:#fff}
#authGate h1{font-size:24px;margin:0 0 24px}
#authGate label{display:block;font-size:14px}
#authGate input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #bdcbbf;border-radius:7px;min-height:44px;padding:10px;margin-top:6px}
#authGate button{width:100%;min-height:44px;border:0;border-radius:7px;background:#28614e;color:white;font:600 15px system-ui,sans-serif;padding:10px;margin-top:8px;cursor:pointer}
#authGate button:disabled{opacity:.6;cursor:wait}
#authGate [role=alert]{font-size:14px;color:#a12e27;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}
html.auth-locked body>:not(#authGate):not(script):not(style):not(link){display:none!important}
#authLogout{border:0;background:transparent;color:#5c7167;font:inherit;font-size:13px;padding:8px 12px;cursor:pointer;min-height:44px}
#authLogout:hover{text-decoration:underline}