@media screen and (min-width:761px){
 /* Espacements proportionnels au canevas : les étapes de connexion tiennent dans le panneau. */
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card{top:4%!important;height:92%!important;box-sizing:border-box!important;padding:clamp(14px,2cqw,34px)!important;overflow:auto!important;scrollbar-gutter:stable}
 html[data-appearance="aurora"] body .auth-continuation .auth-flow-scene .auth-card{left:32.5%!important;width:35%!important}
 html[data-appearance] body .auth-flow-scene .auth-card>.auth-company-logo{margin:0 0 clamp(8px,1cqw,18px)!important}
 html[data-appearance] body .auth-flow-scene .auth-company-logo img{max-height:clamp(36px,3.5cqw,60px)!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>.auth-brand{column-gap:10px!important;row-gap:clamp(6px,.65cqw,12px)!important;margin:clamp(8px,.8cqw,14px) 0 clamp(12px,1.2cqw,22px)!important}
 html[data-appearance] body .auth-flow-scene .auth-brand>img{width:clamp(28px,2.5cqw,42px)!important;height:clamp(28px,2.5cqw,42px)!important}
 html[data-appearance] body .auth-flow-scene .auth-brand h1{font-size:clamp(15px,1.4cqw,24px)!important}
 html[data-appearance] body .auth-flow-scene .auth-brand>.auth-brand-version{font-size:clamp(11px,.85cqw,14px)!important}
 html[data-appearance] body .auth-flow-scene .auth-card>h2{margin:clamp(12px,1.2cqw,22px) 0 clamp(10px,1cqw,18px)!important;font-size:clamp(18px,1.7cqw,29px)!important;line-height:1.25!important}
 html[data-appearance] body .auth-flow-scene .auth-card :is(p,label,small){font-size:clamp(12px,.95cqw,16px)!important;line-height:1.5!important}
 html[data-appearance] body .auth-flow-scene .auth-card>p:not(.auth-error){margin:0 0 clamp(12px,1.2cqw,22px)!important}
 html[data-appearance] body .auth-flow-scene .auth-card form{gap:clamp(12px,1.2cqw,22px)!important;margin-bottom:clamp(10px,1cqw,18px)!important}
 html[data-appearance] body .auth-flow-scene .auth-card label{gap:clamp(6px,.6cqw,10px)!important}
 html[data-appearance] body .auth-flow-scene .auth-card input{height:clamp(40px,3.2cqw,54px)!important;font-size:16px!important}
 html[data-appearance] body .auth-flow-scene .auth-card .primary{font-size:clamp(12px,.95cqw,16px)!important;min-height:40px!important;white-space:normal!important;line-height:1.35!important}
 html[data-appearance] body .auth-flow-scene :is(#mfaLoginBack,#resetBack){margin:clamp(10px,1cqw,18px) 0!important}
 html[data-appearance] body .auth-flow-scene .auth-card>.auth-security-note{margin-top:clamp(12px,1.2cqw,22px)!important}
 html[data-appearance] body .auth-flow-scene .auth-links{gap:10px!important;margin-top:12px!important}
}

@media screen and (min-width:761px){
 /* Même rythme vertical sur toutes les étapes, sans positionner les champs. */
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:clamp(12px,1.5cqw,26px)!important;padding:clamp(20px,3cqw,50px)!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>*{flex-shrink:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>.auth-company-logo{margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>.auth-brand{margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>h2{margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>p:not(.auth-error){margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card form{gap:clamp(16px,2cqw,34px)!important;margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>.auth-links{gap:clamp(12px,1.2cqw,20px)!important;margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card :is(#mfaLoginBack,#resetBack){margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>.auth-security-note{margin:0!important}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card>.auth-version-footer{margin:0!important;padding:clamp(12px,1cqw,18px) 0 0!important;border-top:1px solid #8ca4b544;width:100%}
 html[data-appearance] body .auth-continuation .auth-flow-scene .auth-card :is(p.auth-error,#mfaLoginError,#mfaSetupError,#resetMessage):empty{display:none!important}
}