/* Shared presentation only. Page controllers retain control of readiness and errors. */
html[data-loading-active] [data-brand-loading]{position:relative!important;text-align:center!important;gap:0!important;min-height:76px;max-width:100%;font-size:0!important;line-height:0!important;color:transparent!important;text-shadow:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:20px!important}
html[data-loading-active] [data-brand-loading]>*{display:none!important}
html[data-loading-active] [data-brand-loading]::before{content:"";display:block;width:120px;height:56px;background-image:var(--n3-loading-logo,none);background-size:contain;background-position:center;background-repeat:no-repeat;border:0!important;border-radius:0!important;box-shadow:none!important;margin-inline:auto;opacity:0;animation:n3-loader-reveal .01s linear .4s forwards}
html[data-loading-active] [data-brand-loading]::after{content:var(--n3-loading-name,"");display:block;max-width:260px;color:#34443d;text-align:center;font:600 15px/1.4 system-ui,sans-serif;opacity:0;animation:n3-loader-reveal .01s linear .4s forwards}
html[data-loading-logo=true][data-loading-active] [data-brand-loading]::after{display:none}
html[data-loading-logo=false][data-loading-active] [data-brand-loading]::before{display:none}
html[data-loading-active] [data-brand-loader=page][data-brand-loading]{position:fixed!important;inset:0!important;z-index:900!important;width:100%!important;max-width:none!important;min-height:100svh!important;margin:0!important;background:#fff!important;visibility:visible!important}
html[data-loading-active] [data-brand-loader=page][data-brand-loading]::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(180px,55vw);height:88px}
html[data-loading-active] [data-brand-loader=page][data-brand-loading]::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,80vw)}
html[data-loading-active] [data-brand-loading][hidden],html[data-loading-active] [data-brand-loading].hidden{display:none!important}
@keyframes n3-loader-reveal{to{opacity:1}}
@media(prefers-reduced-motion:reduce){html[data-loading-active] [data-brand-loading]::before,html[data-loading-active] [data-brand-loading]::after{animation-duration:0s}}
html[data-loading-logo=true][data-loading-tenant=true][data-loading-active] [data-brand-loading]::after{display:block;margin-top:8px}
html[data-loading-logo=true][data-loading-tenant=true][data-loading-active] [data-brand-loader=page][data-brand-loading]::after{top:calc(50% + 64px);margin:0}
