/* SIGVORA Crew: Anmelde- und Registrierungsseite auf einem Bildschirm (nur wenn nicht eingeloggt).
   Breite Bildschirme: Foto als Hintergrund, Titel links, Karte rechts. Niedrige Bildschirme: Abstände verdichtet.
   Handy: schmales Foto, Karte darunter. Gilt nur, solange body nicht .crew-dashboard-active ist. */

/* A) Breite Bildschirme: Zwei Spalten */
@media (min-width:1000px){
 body:not(.crew-dashboard-active) main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(440px,580px);align-items:center;position:relative;min-height:0!important;padding:0!important}
 body:not(.crew-dashboard-active) .sv-auth-photo-hero{position:absolute;inset:0;min-height:0!important;height:auto;display:flex;align-items:center}
 body:not(.crew-dashboard-active) .sv-auth-photo-copy{margin:0!important;padding:0!important;margin-left:max(24px,calc((100vw - 1240px)/2))!important;width:min(620px,calc(100vw - 580px - max(24px,calc((100vw - 1240px)/2)) - max(96px,calc((100vw - 1240px)/2)) - 48px))!important;max-width:none!important;position:relative}
 body:not(.crew-dashboard-active) .sv-auth-photo-copy h1{font-size:clamp(2.2rem,3.4vw,3.4rem)!important;line-height:1.1!important;margin:0 0 16px}
 body:not(.crew-dashboard-active) #login-view.login-layout{grid-column:2;grid-row:1;position:relative;z-index:2;margin:20px max(96px,calc((100vw - 1240px)/2)) 20px 0;padding:0}
 body:not(.crew-dashboard-active) #login-view .login-card{margin:0!important;width:100%}
 body:not(.crew-dashboard-active) #login-panel{padding:20px 28px 22px}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-method-tabs{margin-bottom:12px}
 body:not(.crew-dashboard-active) #login-form{gap:0}
 body:not(.crew-dashboard-active) #login-form label{margin-bottom:6px}
 body:not(.crew-dashboard-active) #login-form input{margin-bottom:12px;height:48px;min-height:48px}
 body:not(.crew-dashboard-active) #login-form #login-button{margin-top:6px}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-recovery-links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}
}

/* B) Breite Bildschirme: Registrierung, Passwort und Wiederholung nebeneinander */
@media (min-width:1000px){
 body:not(.crew-dashboard-active) #registration-form{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:0;align-items:end}
 body:not(.crew-dashboard-active) #registration-form>*{grid-column:1/-1}
 body:not(.crew-dashboard-active) #registration-form>.registration-grid{grid-row:1}
 body:not(.crew-dashboard-active) #registration-form>label[for=register-email]{grid-row:2}
 body:not(.crew-dashboard-active) #registration-form>input#register-email{grid-row:3}
 body:not(.crew-dashboard-active) #registration-form>label[for=register-password]{grid-row:4;grid-column:1}
 body:not(.crew-dashboard-active) #registration-form>label[for=register-password-confirmation]{grid-row:4;grid-column:2}
 body:not(.crew-dashboard-active) #registration-form>input#register-password{grid-row:5;grid-column:1}
 body:not(.crew-dashboard-active) #registration-form>input#register-password-confirmation{grid-row:5;grid-column:2}
 body:not(.crew-dashboard-active) #registration-form>small.field-hint{grid-row:6}
 body:not(.crew-dashboard-active) #registration-form>label[for=register-terms]{grid-row:7}
 body:not(.crew-dashboard-active) #registration-form>label[for=register-privacy]{grid-row:8}
 body:not(.crew-dashboard-active) #registration-form>#registration-error{grid-row:9}
 body:not(.crew-dashboard-active) #registration-form>#registration-button{grid-row:10}
}

/* C) Niedrige Bildschirme (bis 820 px Höhe): Abstände verdichtet */
@media (min-width:1000px) and (max-height:820px){
 body:not(.crew-dashboard-active) header.sv-responsive-header{padding-top:10px!important;padding-bottom:10px!important;min-height:0!important}
 body:not(.crew-dashboard-active) #login-view.login-layout{margin-top:8px!important;margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-panel{padding:14px 24px 16px!important}
 body:not(.crew-dashboard-active) #login-view .sv-auth-account-tabs{margin-bottom:6px!important}
 body:not(.crew-dashboard-active) #login-view .sv-auth-account-tabs button{padding-top:8px!important;padding-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-method-tabs{margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-method-tabs button{padding-top:8px!important;padding-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-form input{height:44px!important;min-height:44px!important;margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-form label{margin-bottom:4px!important}
 body:not(.crew-dashboard-active) #login-form #login-button{margin-top:4px!important;min-height:46px!important;padding-top:8px!important;padding-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-recovery-links{margin-top:6px!important}
 body:not(.crew-dashboard-active) #registration-panel{padding:14px 24px 14px!important}
 body:not(.crew-dashboard-active) #registration-form label{margin-bottom:4px!important}
 body:not(.crew-dashboard-active) #registration-form input:not([type=checkbox]){height:44px!important;min-height:44px!important;margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #registration-form .field-hint{margin:-4px 0 6px!important}
 body:not(.crew-dashboard-active) #registration-form .checkbox-line{margin:0 0 4px!important;min-height:0!important;font-size:.85rem!important;line-height:1.3!important;gap:8px!important}
 body:not(.crew-dashboard-active) #registration-form #registration-error{margin:0 0 4px!important}
 body:not(.crew-dashboard-active) #registration-form #registration-button{min-height:46px!important;padding-top:8px!important;padding-bottom:8px!important}
 body:not(.crew-dashboard-active) #registration-form .registration-grid{gap:0 16px!important;margin:0!important}
 body:not(.crew-dashboard-active) #registration-panel .account-switch{margin:8px 0 0!important}
 body:not(.crew-dashboard-active) #registration-panel>div:first-child{margin-bottom:6px!important}
 body:not(.crew-dashboard-active) #registration-panel>div:first-child p{margin:0 0 6px!important;font-size:.9rem!important;line-height:1.4!important}
 body:not(.crew-dashboard-active) #registration-panel .eyebrow{display:none!important}
 body:not(.crew-dashboard-active) #registration-panel h2{font-size:1.35rem!important;line-height:1.2!important;margin:0 0 4px!important}
}

/* D) Sehr niedrige Bildschirme (bis 720 px Höhe), nur Desktop */
@media (min-width:1000px) and (max-height:720px){
 body:not(.crew-dashboard-active) header.sv-responsive-header{padding-top:6px!important;padding-bottom:6px!important}
 body:not(.crew-dashboard-active) #registration-form input:not([type=checkbox]),body:not(.crew-dashboard-active) #login-form input{height:40px!important;min-height:40px!important;margin-bottom:6px!important}
 body:not(.crew-dashboard-active) #registration-form label,body:not(.crew-dashboard-active) #login-form label{font-size:.85rem!important;line-height:1.2!important;margin-bottom:2px!important}
 body:not(.crew-dashboard-active) #registration-form #registration-button,body:not(.crew-dashboard-active) #login-form #login-button{min-height:42px!important}
 body:not(.crew-dashboard-active) #login-view.login-layout{margin-top:4px!important;margin-bottom:4px!important}
 body:not(.crew-dashboard-active) #registration-panel>div:first-child p.muted{font-size:.8rem!important;margin:0 0 4px!important}
}

/* E) Handy und schmale Fenster: schmales Foto, Karte darunter, kompakte Abstände */
@media (max-width:999px){
 body:not(.crew-dashboard-active) .sv-auth-photo-hero{min-height:112px!important;height:112px}
 body:not(.crew-dashboard-active) .sv-auth-photo-copy{padding:16px 20px!important;height:100%;display:flex;flex-direction:column;justify-content:center}
 body:not(.crew-dashboard-active) .sv-auth-photo-copy h1{font-size:1.7rem!important;line-height:1.1!important;margin:0 0 4px!important}
 body:not(.crew-dashboard-active) .sv-auth-photo-copy p{font-size:.85rem!important;line-height:1.3!important;margin:0!important}
 body:not(.crew-dashboard-active) #login-view .login-card{margin:10px 16px 16px!important}
 body:not(.crew-dashboard-active) #login-panel{padding:14px 18px 16px!important}
 body:not(.crew-dashboard-active) #login-view .sv-auth-account-tabs{margin-bottom:6px!important}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-method-tabs{margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-form input{height:46px!important;min-height:46px!important;margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #login-form label{margin-bottom:4px!important}
 body:not(.crew-dashboard-active) #login-form #login-button{margin-top:4px!important}
 body:not(.crew-dashboard-active) #login-panel .sv-auth-recovery-links{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:6px!important}
 body:not(.crew-dashboard-active) #registration-panel{padding:14px 18px 14px!important}
 body:not(.crew-dashboard-active) #registration-form label{margin-bottom:4px!important}
 body:not(.crew-dashboard-active) #registration-form input:not([type=checkbox]){height:46px!important;min-height:46px!important;margin-bottom:8px!important}
 body:not(.crew-dashboard-active) #registration-form .field-hint{margin:-4px 0 6px!important}
 body:not(.crew-dashboard-active) #registration-form .checkbox-line{margin:0 0 6px!important;font-size:.85rem!important;line-height:1.3!important;min-height:0!important}
 body:not(.crew-dashboard-active) #registration-form #registration-error{margin:0 0 4px!important}
 body:not(.crew-dashboard-active) #registration-form #registration-button{min-height:48px!important;padding-top:8px!important;padding-bottom:8px!important}
 body:not(.crew-dashboard-active) #registration-panel>div:first-child{margin-bottom:6px!important}
 body:not(.crew-dashboard-active) #registration-panel>div:first-child p{margin:0 0 6px!important;font-size:.85rem!important;line-height:1.35!important}
 body:not(.crew-dashboard-active) #registration-panel .eyebrow{display:none!important}
 body:not(.crew-dashboard-active) #registration-panel h2{font-size:1.25rem!important;line-height:1.2!important;margin:0 0 4px!important}
}