/* cug-login.css — Partner-/CUG-Login (partner.<domain>).
   Ausgelagert aus dem frueheren <style nonce="…">-Block in cug/login.cfm: die Maske wird
   cookielosen Besuchern statisch aus /static/<portal>/cug-login.html ausgeliefert, und ein
   Inline-Style mit Request-Nonce waere dort veraltet -> die CSP verwuerfe ihn. Als externes
   Stylesheet greift 'self' und es braucht keinen Nonce.
   Die Theme-Tokens (--accent, --soft, …) kommen aus /assets/css/theme-<portal>.css. */

.cug-login-bg{min-height:100vh;display:grid;place-items:center;background:var(--soft);padding:24px}
.cug-login-bg .login-card{box-shadow:0 12px 40px rgba(0,0,0,.10)}
.login-card .brandmark{display:flex;justify-content:center;margin-bottom:6px}
.login-card .brandmark img{max-height:42px}
.lgn-err{background:#fde8e8;color:var(--cta);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:14px;font-weight:600;text-align:center}
.altcha-widget{margin:4px 0 14px}
.altcha-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--mut);background:var(--soft);padding:7px 12px;border-radius:999px}
.altcha-ok{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}
.altcha-err{color:var(--cta);background:color-mix(in srgb,var(--cta) 12%,transparent)}
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.lgn-primary:disabled{opacity:.45;cursor:not-allowed}

/* Anmeldewege (cug/auth.cfm): Umschalten ohne JS ueber :target */
.lgn-info{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--ink);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:14px;text-align:center}
.lgn-h{margin:0 0 6px;font-size:17px;text-align:center}
.lgn-note{font-size:13px;color:var(--mut);margin:0 0 12px;text-align:center}
.lgn-pane-x{display:none}
.lgn-pane-x:target{display:block}
.login-card:has(.lgn-pane-x:target) .lgn-pane-main{display:none}
a.lgn-btn{text-decoration:none;color:inherit}
.lgn-off{background:var(--soft);border-radius:10px;padding:14px 16px;margin:6px 0 4px;font-size:15px;text-align:center;color:var(--ink)}
.lgn-recheck{font-size:13px}