/* SETO 2.5.1 – Login and registration: presentation only, preserve auth controls */
body.seto-auth-g2{
 --navy:var(--flow-petrol,#0d4a5d);--blue:var(--flow-petrol,#0d4a5d);
 --bg:var(--flow-bg,#f2f6f7);--card:var(--flow-surface,#fff);
 --text:var(--flow-ink,#142f3c);--muted:var(--flow-ink-2,#526b76);
 --border:var(--flow-line,#d9e3e7);background:var(--bg);color:var(--text);
}
body.seto-auth-g2 .auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(310px,.85fr) minmax(390px,1.15fr);padding:clamp(15px,2.4vw,35px);gap:clamp(18px,3vw,46px);align-items:stretch;place-items:stretch;max-width:1500px;margin:auto}
body.seto-auth-g2 .auth-flow-side,body.seto-auth-g2 .auth-brand-panel{background:linear-gradient(145deg,#0e4c60,#0b3d51);color:#fff;border-radius:24px;padding:clamp(28px,4.4vw,66px);display:flex;flex-direction:column;justify-content:space-between;min-height:650px;box-shadow:0 10px 32px rgba(16,58,75,.12)}
body.seto-auth-g2 .auth-flow-brand{display:flex;align-items:center;gap:13px;font-size:23px;letter-spacing:-.02em}
body.seto-auth-g2 .auth-flow-brand img{border-radius:12px}
body.seto-auth-g2 .auth-flow-message{max-width:430px}
body.seto-auth-g2 .auth-flow-message span{display:block;font-size:13px;color:#c2e4e9;margin:0 0 14px}
body.seto-auth-g2 .auth-flow-message h2{margin:0 0 14px;font-size:clamp(31px,3.8vw,55px);font-weight:730;line-height:1.08;letter-spacing:-.045em}
body.seto-auth-g2 .auth-flow-message p,body.seto-auth-g2 .auth-brand-copy p{font-size:15px;line-height:1.55;color:#dcebed}
body.seto-auth-g2 .auth-flow-side>p{color:#c2dbe1;font-size:12px}
body.seto-auth-g2 .auth-form-panel,body.seto-auth-g2 .auth-form-panel-simple{display:grid;place-items:center;padding:15px;min-width:0}
body.seto-auth-g2 .auth-card,body.seto-auth-g2 .auth-card-simple{width:min(100%,540px);padding:clamp(22px,3vw,40px);border:1px solid var(--border);border-radius:22px;background:var(--card);box-shadow:0 8px 26px rgba(10,51,65,.045)}
body.seto-auth-g2 .auth-simple-head{gap:25px;margin-bottom:22px}
body.seto-auth-g2 .auth-brand-simple{color:var(--text)}
body.seto-auth-g2 .auth-brand-simple img{border-radius:11px}
body.seto-auth-g2 .auth-simple-intro h1,body.seto-auth-g2 .auth-card h1{font-size:clamp(29px,3vw,36px);color:var(--text);letter-spacing:-.03em}
body.seto-auth-g2 .auth-simple-intro p{font-size:14px;color:var(--muted)}
body.seto-auth-g2 .login-mode-switch{margin:0 0 12px;padding:5px;background:var(--bg);border-radius:13px;border:1px solid var(--border);gap:5px}
body.seto-auth-g2 .login-mode-option{min-height:52px;border-radius:9px;font-weight:690;color:var(--muted);box-shadow:none}
body.seto-auth-g2 .login-mode-option.active{background:var(--card);color:var(--navy);border-color:var(--border);box-shadow:0 2px 8px rgba(16,57,73,.07)}
body.seto-auth-g2 .flow-auth-mode-explanation{margin:0 0 19px;font-size:13px;color:var(--muted);line-height:1.5}
body.seto-auth-g2 .register-mode-copy{margin:0 0 18px;font-size:13px}
body.seto-auth-g2 :is(input:not([type=checkbox]):not([type=radio]),select){width:100%;min-height:48px;padding:12px 14px;border-radius:11px;border:1px solid var(--flow-line-strong,#a6bcc5);background:var(--card);color:var(--text)}
body.seto-auth-g2 :is(input,select,button,a):focus-visible{outline:3px solid #a32678;outline-offset:2px}
body.seto-auth-g2 .field{font-size:13px;color:var(--text);font-weight:680}
body.seto-auth-g2 .field small{font-size:12px;font-weight:450}
body.seto-auth-g2 .btn.primary,body.seto-auth-g2 #btnRegister{background:var(--navy);color:var(--flow-on-petrol,#fff);border-radius:11px;min-height:48px}
body.seto-auth-g2 .trusted-device-option{background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:11px 12px}
body.seto-auth-g2 .auth-miniapps{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
body.seto-auth-g2 .auth-miniapps-head h2{font-size:16px;color:var(--text);letter-spacing:-.01em}
body.seto-auth-g2 .auth-miniapps-grid{display:grid;gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card)}
body.seto-auth-g2 .auth-miniapp-tile{border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;background:var(--card);min-height:66px}
body.seto-auth-g2 .auth-miniapp-tile:last-child{border-bottom:0}
body.seto-auth-g2 .auth-miniapp-icon{background:var(--bg);color:var(--navy);box-shadow:none;border:1px solid var(--border);font-size:11px}
body.seto-auth-g2 .auth-miniapp-tile:hover{background:var(--bg);transform:none;box-shadow:none}
body.seto-auth-g2 .auth-miniapp-copy strong{font-size:13px}
body.seto-auth-g2 .auth-miniapp-copy small{font-size:12px}
body.seto-auth-g2 .auth-miniapp-arrow{color:var(--navy)}
body.seto-auth-g2 .auth-simple-footer{margin-top:19px}
body.seto-auth-g2 .auth-simple-footer a{font-size:12px}
body.seto-auth-g2 .flow-release-note{margin:5px 0 14px;padding:10px 12px;border:1px solid #d7ae6d;border-radius:11px;background:#fff4dc;color:#694200;font-size:12px}
body.seto-auth-g2 .flow-release-note[hidden]{display:none}
body.seto-auth-g2 .flow-auth-recovery-heading{font-size:18px;margin:0;letter-spacing:-.02em}
body.seto-auth-g2 .auth-brand-panel .auth-brand-copy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.07;color:#fff}
body.seto-auth-g2 .auth-brand-panel .auth-brand-copy{margin:auto 0}
body.seto-auth-g2 .auth-brand-panel .auth-brand{font-size:17px}
body.seto-auth-g2 .auth-brand-panel .auth-brand-footer a{color:#d3e8ea}
body.seto-auth-g2 .auth-card .intro{margin-bottom:20px}
body.seto-auth-g2 .consent-box{background:var(--bg);border-color:var(--border)}
body.seto-auth-g2 .account-links{line-height:1.5}
body.seto-auth-g2 .account-links a{color:var(--navy)}
@media(max-width:900px){
 body.seto-auth-g2 .auth-page{grid-template-columns:1fr;max-width:720px;padding:15px;gap:10px}
 body.seto-auth-g2 .auth-flow-side{min-height:0;padding:22px;gap:12px}
 body.seto-auth-g2 .auth-flow-message h2{font-size:25px}
 body.seto-auth-g2 .auth-flow-message>p,body.seto-auth-g2 .auth-flow-side>p{display:none}
 body.seto-auth-g2 .auth-form-panel,body.seto-auth-g2 .auth-form-panel-simple{padding:0}
 body.seto-auth-g2 .auth-brand-panel{min-height:0;padding:24px}
 body.seto-auth-g2 .auth-brand-copy{display:none}
 body.seto-auth-g2 .auth-brand-footer{display:flex;margin-top:14px}
}
@media(max-width:520px){
 body.seto-auth-g2 .auth-page{padding:10px}
 body.seto-auth-g2 .auth-flow-side{display:none}
 body.seto-auth-g2 .auth-brand-panel{padding:16px}
 body.seto-auth-g2 .auth-brand-panel .auth-brand-footer{display:none}
 body.seto-auth-g2 .auth-card,body.seto-auth-g2 .auth-card-simple{padding:23px 18px;border-radius:17px}
 body.seto-auth-g2 .auth-miniapp-tile{grid-template-columns:38px minmax(0,1fr) auto}
}
:root[data-theme="dark"] body.seto-auth-g2,body.seto-auth-g2:has(input){color-scheme:dark}
:root[data-theme="dark"] body.seto-auth-g2 .flow-release-note{background:#4a371b;color:#ffe3b2;border-color:#796032}
/* Temporäre harte Overrides nur für G2, bis die alten Schichten in G8 entfernt sind. */
html[data-seto-ui="v2"][data-seto-section="auth"] body.seto-auth-g2 .auth-brand-panel{background:linear-gradient(145deg,#0e4c60,#0b3d51)!important}
html[data-seto-ui="v2"][data-seto-section="auth"] body.seto-auth-g2 .auth-card h1{color:var(--text)!important}
html[data-seto-ui="v2"][data-seto-section="auth"] body.seto-auth-g2 .auth-card{box-shadow:0 8px 26px rgba(10,51,65,.045)!important}


/* G8 2.5.15: a larger focusable area for secondary authentication links. */
body.seto-auth-g2 .auth-text-action,
body.seto-auth-g2 .auth-simple-footer a,
body.seto-auth-g2 .account-links a,
body.seto-auth-g2 .consent-box a{
  display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;
  padding-block:9px;text-underline-offset:3px;
}
body.seto-auth-g2 :is(.auth-text-action,.auth-simple-footer a,.account-links a,.consent-box a):focus-visible{
  outline:3px solid var(--flow-magenta,#a3206f);outline-offset:2px;border-radius:5px;
}
