@import url('./index-shell-base.css');

/* Canonical early loader: one lightweight CSS spinner for boot and transitions. */
#app-boot-loader,.app-transition-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f8fafc;transition:opacity .12s ease,visibility .12s ease}
.app-transition-loader{z-index:16000}
.app-transition-loader[hidden]{display:none!important}
#app-boot-loader.hidden,.app-transition-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.app-boot-loader__visual,.app-transition-loader__panel{position:static;display:grid;place-items:center;gap:12px;width:auto;height:auto}
.app-boot-loader__ring,.app-transition-loader__spinner{position:static;inset:auto;width:30px;height:30px;border:3px solid #dbe3ef;border-top-color:#0ea5e9;border-right-color:#dbe3ef;border-radius:50%;animation:hadirlyLightSpin .65s linear infinite}
.app-boot-loader__icon{display:none!important;filter:none!important;animation:none!important}
.app-transition-loader__label{font-size:.78rem;font-weight:700;color:#475569;letter-spacing:.01em}
@keyframes hadirlyLightSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.app-boot-loader__ring,.app-transition-loader__spinner{animation:none}}