/* Keep the login's proportions when browser chrome or a short window reduces height.
   Use available width for sizing; normal document flow supplies scrolling when needed. */
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-stage>.auth-panel[data-step=login]{
 min-height:440px!important;padding:clamp(28px,5vw,42px)!important;gap:28px!important;
}
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-panel[data-step=login] .auth-brand{gap:10px!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-panel[data-step=login] .auth-brand img{width:clamp(180px,45vw,280px)!important;max-width:90%!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-panel[data-step=login] #auth-title{font-size:clamp(22px,4.2vw,30px)!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-panel[data-step=login] #access-hint{font-size:14px!important;min-height:20px!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-panel[data-step=login] .code-entry{height:auto!important;aspect-ratio:7/1!important;min-height:42px!important}
html#kino-auth-v122[data-auth-kind][data-auth-keypad=false] .auth-panel[data-step=login] #new-account{min-height:44px!important;padding:10px 6px!important;font-size:14px!important}
/* A wide touch/remote layout may change columns, but must not flatten its controls. */
@media(orientation:landscape) and (max-height:620px){
 html#kino-auth-v122[data-auth-kind][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login]{padding:clamp(24px,3vw,40px) clamp(20px,3vw,40px)!important;min-height:min-content!important;row-gap:16px!important}
 html#kino-auth-v122[data-auth-kind][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login] #login-form{gap:10px!important}
 html#kino-auth-v122[data-auth-kind][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login] .code-entry{min-height:42px!important}
 html#kino-auth-v122[data-auth-kind][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login] #keypad{gap:6px!important}
 html#kino-auth-v122[data-auth-kind][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login] #keypad button{min-height:44px!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login]{--phone-form-width:clamp(188px,24vw,248px);padding:24px 20px!important;column-gap:24px!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login] .auth-brand img{width:clamp(160px,22vw,208px)!important}
}