/* Account sign-in colors in night mode. */
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page){background:#1b2028!important;color:#f3f5f8!important;border-color:#3a434e!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) :is(h1,h2,h3,label){color:#f3f5f8!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) :is(p,.pa-auth-note){color:#bdc7d2!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-eyebrow{color:#85c7ff!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-auth-tabs{background:#10151b!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-auth-tabs button{color:#c5ced7!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-auth-tabs .selected{background:#303a46!important;color:#fff!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-flow-form :is(input,select,textarea){background:#10151b!important;color:#fff!important;border-color:#56616d!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) :is(.pa-google,.pa-close){background:#252d37!important;color:#e8edf2!important;border-color:#56616d!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) :is(.pa-forgot,.pa-password button,.pa-text-button){color:#91ceff!important}
html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-auth-divider:before,html[data-theme="dark"] :is(.pa-login-dialog,.pa-login-page) .pa-auth-divider:after{background:#56616d!important}
@media(max-width:600px){
 .pa-account-flow{margin:18px auto!important;padding:0 12px!important}
 :is(.pa-login-dialog,.pa-login-page){padding:20px 16px!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-login-heading h2{font-size:1.35rem!important;line-height:1.25!important;margin:8px 0!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-login-heading p{font-size:.88rem!important;line-height:1.5!important;margin:8px 0!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-auth-tabs{margin:15px 0!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-auth-tabs button{font-size:.88rem!important;padding:10px 7px!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-flow-form{gap:12px!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-flow-form label{font-size:.85rem!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-flow-form input{font-size:16px!important;padding-block:10px!important}
 :is(.pa-login-dialog,.pa-login-page) :is(.pa-primary,.pa-google){font-size:.9rem!important;padding:11px!important}
 :is(.pa-login-dialog,.pa-login-page) .pa-auth-divider{margin:14px 0!important}
}
/* Shared app header: keep touch targets and give the centered logo room. */
@media(max-width:900px){
 html.primearz-app .site-header .header-grid{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding-inline:10px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:4px!important}
 html.primearz-app .site-header .header-actions{gap:3px!important;justify-self:end!important}
 html.primearz-app .site-header .brand{max-width:100%!important;overflow:hidden!important}
 html.primearz-app .site-header .brand img{width:auto!important;max-width:min(100%,150px)!important;height:auto!important;max-height:40px!important;object-fit:contain!important}
}
/* Keep mobile navigation at the edges on browser and app headers. */
@media(max-width:900px){
 .site-header .header-grid{width:100%!important;max-width:none!important;padding-inline:10px!important;box-sizing:border-box!important}
 .site-header .header-actions.mobile-only{width:auto!important;gap:4px!important}
 .site-header .brand img{width:auto!important;max-width:min(100%,150px)!important;max-height:40px!important;object-fit:contain!important}
}