/* Only auth opened from the welcome screen. All forms and handlers remain owned by COGO. */
#cogoGuestWelcomeR3.cgw-auth-active *,
#cogoGuestWelcomeR3.cgw-auth-active *::before,
#cogoGuestWelcomeR3.cgw-auth-active *::after{animation-play-state:paused!important}
html body dialog#modal.cgw-auth-overlay[open]{
 position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;
 width:min(480px,calc(100% - 32px))!important;min-width:0!important;max-width:480px!important;
 height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 48px)!important;
 padding:0!important;border:1px solid #ffffff70!important;border-radius:24px!important;
 background:#fcfbff!important;color:#26243b!important;color-scheme:light;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
 box-sizing:border-box;box-shadow:0 24px 90px #03061650!important;
 animation:cgw-auth-enter .22s cubic-bezier(.2,.8,.2,1)!important;
}
html body dialog#modal.cgw-auth-overlay::backdrop{background:#0509174d!important;backdrop-filter:blur(3px)!important}
html body #modal.cgw-auth-overlay>.dialog-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px!important;margin:0!important;border-bottom:1px solid #e9e5f0;background:#fcfbff!important}
html body #modal.cgw-auth-overlay .dialog-head>h2{font-size:21px!important;line-height:1.4;letter-spacing:-.025em;color:#26243b;margin:0!important}
html body #modal.cgw-auth-overlay .dialog-head>.icon-btn{display:grid;place-items:center;flex:none;width:44px!important;height:44px!important;min-height:44px!important;border-radius:14px;background:#f0edf7;color:#6b6181;border:0}
html body #modal.cgw-auth-overlay>#modalContent{padding:20px 24px 24px!important;min-height:0!important;max-height:none!important;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scroll-padding:16px;line-height:1.65}
html body #modal.cgw-auth-overlay :is(.auth-simple289,.social-auth-buttons288,#cogoServerAuth){max-width:100%;box-sizing:border-box}
html body #modal.cgw-auth-overlay :is(input:not([type=checkbox]):not([type=radio]),select){font-size:16px!important;min-height:48px;border-radius:12px;max-width:100%;box-sizing:border-box}
html body #modal.cgw-auth-overlay button{min-height:44px;line-height:1.5}
html body #modal.cgw-auth-overlay #cogoServerAuth>.btn{min-height:48px;border-radius:13px;font-size:15px}
html body #modal.cgw-auth-overlay #cogoServerAuth>.btn:not(.ghost){background:#6552b4;border-color:#6552b4;color:white}
html body #modal.cgw-auth-overlay :is(label,.small,small){line-height:1.65;overflow-wrap:anywhere}
html body #modal.cgw-auth-overlay :is(button,input,select,a):focus-visible{outline:3px solid #a38bdc;outline-offset:3px}
@keyframes cgw-auth-enter{from{opacity:.2;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:540px){
 html body dialog#modal.cgw-auth-overlay[open]{width:calc(100% - 24px)!important;max-height:calc(100dvh - 40px)!important;border-radius:22px!important}
 html body #modal.cgw-auth-overlay>.dialog-head{padding:14px 18px!important}
 html body #modal.cgw-auth-overlay>#modalContent{padding:18px!important}
}
@media(max-height:480px){html body dialog#modal.cgw-auth-overlay[open]{max-height:calc(100dvh - 16px)!important}html body #modal.cgw-auth-overlay>.dialog-head{padding-block:8px!important}}
@media(prefers-reduced-motion:reduce){html body dialog#modal.cgw-auth-overlay[open]{animation:none!important}html body dialog#modal.cgw-auth-overlay::backdrop{backdrop-filter:none!important}}
html[data-motion="reduce"] body dialog#modal.cgw-auth-overlay[open],html.cogo-reduced-motion body dialog#modal.cgw-auth-overlay[open]{animation:none!important}
