/* User-selected Korean sign/doors, adapted only for actual auth and local preview. */
.login-stage{position:fixed;inset:0;z-index:10;height:100dvh;min-height:100dvh;overflow:auto}
.login-stage #entryCopy{font-size:12px;line-height:1.5;text-align:center;margin:0;background:#faf8f2;padding:8px;border-radius:6px}
.login-stage #checkoutSummary{font-size:12px;line-height:1.5;margin:0;padding:10px}
.login-stage #localOnly{position:fixed;z-index:12;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(360px,calc(100vw - 32px));margin:0;text-align:center}
.login-stage #localOnly p{margin:0 0 6px;font-size:11px;color:#293b2d}
.login-stage #previewLogin{min-height:44px;background:#3c5741;color:#f9faf3;border:0;font-size:13px}
.login-stage button:disabled{opacity:.6;cursor:not-allowed}
.login-stage .social-login span{white-space:nowrap}
@media(orientation:landscape) and (max-height:520px){.login-stage #localOnly{left:max(28px,env(safe-area-inset-left));transform:none;bottom:8px;width:180px}.login-stage #localOnly p{display:none}.login-stage #previewLogin{font-size:11px}.login-stage .preview-feedback,.login-stage #entryCopy{position:fixed;top:8px;left:50%;transform:translateX(-50%);width:min(400px,calc(100vw - 32px));z-index:13}.login-stage #checkoutSummary{font-size:11px}.login-stage .entrance:has(#checkoutSummary:not([hidden])) .login-content{min-height:190px}}

/* Keep messages above the handles and actions below them. */
.login-stage .entrance .login-content{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(88px,auto) 80px auto;gap:0;padding:24px 20px;min-height:336px}
.login-stage .login-message{grid-row:1;display:grid;gap:8px;align-content:center}
.login-stage .login-actions-area{grid-row:3;width:100%;align-self:start}
.login-stage .entrance .door-handle{top:152px}
.login-stage .btns{width:100%}
.login-stage #checkoutSummary{text-align:center;overflow-wrap:anywhere}
@media(orientation:landscape) and (max-height:520px){
.login-stage .entrance .login-content{grid-template-columns:1fr 1fr;grid-template-rows:auto;column-gap:64px;min-height:170px;padding:20px}
.login-stage .login-message{grid-column:1;grid-row:1}
.login-stage .login-actions-area{grid-column:2;grid-row:1;width:100%}
.login-stage .entrance .door-handle{top:50%}
.login-stage #entryCopy{position:static;transform:none;width:auto}
.login-stage .entrance:has(#checkoutSummary:not([hidden])) .login-content{min-height:170px}
.login-stage .social-login{font-size:13px;gap:6px;padding-inline:8px;grid-template-columns:20px 1fr}
}