/* Reference-inspired account entry; account dashboard remains on its existing surface. */
html body #authDialog:has(.auth-tabs){width:min(1060px,calc(100vw - 40px))!important;border:7px solid #242424!important;border-radius:0!important;background:#101010!important;color:#fff!important}
html body #authDialog:has(.auth-tabs) #authDialog-inner{display:grid!important;grid-template-columns:44% 56%!important;min-height:730px;background:#101010!important}
html body #authDialog:has(.auth-tabs) .auth-content{grid-column:1;grid-row:1;background:#101010!important;padding:70px 65px 45px!important;color:#fff!important;min-width:0}
html body #authDialog:has(.auth-tabs) .auth-identity{grid-column:2;grid-row:1;background:#101010 url('/assets/pisa-stipple.svg') center/contain no-repeat!important;border:0!important;padding:0!important;min-height:730px}
html body #authDialog:has(.auth-tabs) .auth-identity>* ,html body #authDialog:has(.auth-tabs) .auth-identity:after{display:none!important}
html body #authDialog:has(.auth-tabs) .auth-content:before{content:'';display:block;width:125px;height:36px;background:url('/assets/acubenslab-wordmark-white.svg') center/contain no-repeat;margin:0 auto 50px}
html body #authDialog:has(.auth-tabs) .auth-tabs{background:transparent!important;border:0!important;border-bottom:1px solid #303030!important;border-radius:0!important;padding:0;margin-bottom:25px}
html body #authDialog:has(.auth-tabs) .auth-tabs button{background:transparent!important;color:#888!important;border-radius:0!important;font-size:11px}
html body #authDialog:has(.auth-tabs) .auth-tabs button.active{color:#fff!important;border-bottom:1px solid #fff!important}
html body #authDialog:has(.auth-tabs) .auth-form h2{font:400 19px Arial!important;letter-spacing:0!important;color:#fff!important;margin:22px 0}
html body #authDialog:has(.auth-tabs) .auth-form label{color:#eee!important;font:12px Arial!important}
html body #authDialog:has(.auth-tabs) .auth-form input:not([type=checkbox]):not([type=radio]){background:#1e1e1e!important;color:#fff!important;border:1px solid #2b2b2b!important;border-radius:0!important;min-height:39px!important;font:12px Arial!important}
html body #authDialog:has(.auth-tabs) .auth-submit{background:#fff!important;color:#080808!important;border:1px solid #ddd!important;border-radius:0!important;min-height:38px!important}
html body #authDialog:has(.auth-tabs) .auth-google{background:#050505!important;color:#fff!important;border:1px solid #303030!important;border-radius:0!important;font-size:12px!important}
html body #authDialog:has(.auth-tabs) p,html body #authDialog:has(.auth-tabs) .auth-divider,html body #authDialog:has(.auth-tabs) .auth-forgot{color:#999!important;font-size:11px!important}
html body #authDialog:has(.auth-tabs) a{color:#ddd!important}
html body #authDialog:has(.auth-tabs) .auth-close{background:#111!important;color:#eee!important;border:1px solid #333!important;border-radius:0!important}
html body #authDialog:has(.auth-tabs) .avatar-picker{margin:12px 0}#authDialog:has(.auth-tabs) .avatar-picker img{max-height:40px;max-width:40px}
@media(max-width:720px){html body #authDialog:has(.auth-tabs) #authDialog-inner{grid-template-columns:1fr!important;min-height:0}html body #authDialog:has(.auth-tabs) .auth-identity{display:none!important}html body #authDialog:has(.auth-tabs) .auth-content{padding:42px 24px 30px!important}html body #authDialog:has(.auth-tabs){width:calc(100vw - 20px)!important}html body #authDialog:has(.auth-tabs) .auth-content:before{margin-bottom:24px}}

@media(max-width:720px){html body #authDialog:has(.auth-tabs) .auth-identity{display:block!important;grid-column:1;grid-row:1;min-height:180px;height:180px;background-size:auto 320px!important;background-position:center 30%!important}html body #authDialog:has(.auth-tabs) .auth-content{grid-row:2!important}}
html body #authDialog#authDialog:has(.auth-tabs) .auth-content{display:block!important;margin:0!important;border-radius:0!important;background:#101010!important}
html body #authDialog#authDialog:has(.auth-tabs) .auth-form{display:flex!important;flex-direction:column!important;gap:16px!important}
html body #authDialog#authDialog:has(.auth-tabs) .auth-form>label{display:flex!important;flex-direction:column!important;width:100%!important;margin:0!important}
html body #authDialog#authDialog:has(.auth-tabs) .auth-form .auth-submit{width:100%!important;height:39px!important;min-height:39px!important;border-radius:0!important;margin:18px 0 0!important;align-self:stretch!important}
html body #authDialog#authDialog:has(.auth-tabs) .auth-form input:not([type=checkbox]):not([type=radio]){padding:10px 12px!important;box-sizing:border-box!important}
html body #authDialog#authDialog:has(.auth-tabs) .auth-tabs{justify-content:flex-start!important}
html body #authDialog#authDialog:has(.auth-tabs) .auth-check{flex-direction:row!important}

html body #authDialog#authDialog:has(.auth-tabs) .auth-identity{background-image:url('/assets/pisa-stipple-city.svg')!important;background-size:cover!important;background-position:center!important;filter:brightness(1.25)!important}
@media(max-width:720px){html body #authDialog#authDialog:has(.auth-tabs) .auth-identity{height:260px!important;min-height:260px!important;background-size:cover!important;background-position:center 65%!important}}