.staar-loading-card,.staar-loading-steps{--loading-accent:var(--brand-accent,var(--theme-primary-color,#245bc2));box-sizing:border-box}
.staar-loading-card{background:#fff;color:#172b46;border:1px solid #d9e4f3;border-radius:20px;padding:30px;text-align:center;max-width:540px;width:100%;box-shadow:0 20px 65px #0d1d3b25;font:inherit}
.staar-loading-card h2{font-size:24px;font-weight:700;margin:12px 0;line-height:1.25;color:inherit}.staar-loading-card p{font-size:14px;line-height:1.5;color:#4d627d;margin:0}
.staar-loading-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#58708f}.staar-loading-mark{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:0 auto 20px;border:3px solid #e3eaf5;border-radius:50%;color:var(--loading-accent)}.staar-loading-mark:before{content:'';position:absolute;inset:-3px;border:3px solid transparent;border-top-color:var(--loading-accent);border-radius:50%;animation:staarLoadingSpin 1.1s linear infinite}.staar-loading-mark svg{width:30px;height:30px}.staar-loading-wait{display:block;margin-top:18px;font-size:12px;color:#60728a}
.staar-loading-steps{display:flex!important;list-style:none!important;gap:8px;padding:18px 0!important;margin:20px 0 0!important;border-block:1px solid #e5ebf4;text-align:center;font-size:12px;line-height:1.4}
.staar-loading-steps>li{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:7px;color:#64748b;overflow-wrap:anywhere;font-weight:600}
.staar-loading-step-icon{display:grid!important;place-items:center;width:44px;height:44px;background:transparent;color:color-mix(in srgb,var(--loading-accent) 23%,white);transition:color .2s}.staar-loading-step-icon svg{width:25px;height:25px;display:block}
.staar-loading-steps [data-state=complete]{color:#172b46}.staar-loading-steps [data-state=complete] .staar-loading-step-icon{color:var(--loading-accent)}
.staar-loading-steps [data-state=error] .staar-loading-step-icon{color:#9a650d}.staar-loading-steps small{font-size:10px;font-weight:400}
@keyframes staarLoadingSpin{to{transform:rotate(360deg)}}@keyframes staarLoadingPulse{50%{opacity:.55}}
@media(max-width:480px){.staar-loading-card{padding:24px 18px}.staar-loading-card h2{font-size:21px}.staar-loading-steps{gap:4px;font-size:11px}.staar-loading-step-icon{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.staar-loading-mark:before,.staar-loading-steps [data-state=active] .staar-loading-step-icon{animation:none}.staar-loading-step-icon{transition:none}}

.dashboard-progress-card{position:relative;width:min(540px,100%)}
#dashboardLoadingOverlay{background:rgba(19,33,60,.52)}
.fishbowl-detail-loading-host .staar-loading-card{max-width:none}

#fishbowlOrdersModal .dataTables_processing>.staar-loading-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 24px))}
.staar-loading-inline-progress .staar-loading-steps{margin:8px 0 0!important;padding:8px 0!important;border:0;max-width:440px}.staar-loading-inline-progress .staar-loading-step-icon{width:28px;height:28px;border-radius:8px}.staar-loading-inline-progress .staar-loading-step-icon svg{width:20px;height:20px}.staar-loading-inline-progress .staar-loading-steps small{display:none}

.staar-loading-card:has([data-state=error]) .staar-loading-mark:before{animation:none;border-top-color:#9a650d}


.staar-loading-card:not(:has([data-state=waiting],[data-state=active],[data-state=error])) .staar-loading-mark:before{animation:none;border-color:var(--loading-accent)}

.staar-loading-steps>li{padding:10px 5px;background:transparent;box-shadow:none}
.staar-loading-steps>li[data-selected=true] .staar-loading-step-icon path{vector-effect:non-scaling-stroke;stroke:var(--loading-accent);stroke-width:2px;stroke-linejoin:round}
.staar-loading-steps>li[data-selected=true][data-state=error] .staar-loading-step-icon path{stroke:#9a650d}
.staar-loading-inline-progress .staar-loading-steps>li{padding:6px 4px}

@media(prefers-reduced-motion:reduce){.staar-loading-steps>li{transition:none}}

.staar-loading-host>.staar-loading-card{margin-inline:auto}
.modal-content.staar-loading-host{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.staar-loading-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.staar-loading-actions:empty,.staar-loading-actions:has(>[hidden]):not(:has(>:not([hidden]))){display:none}
.staar-loading-actions:not(:empty):has(>:not([hidden])){margin-top:18px}
.modal-dialog:has(>.staar-loading-host){max-width:540px}
.staar-loading-card{max-height:calc(100dvh - 32px);overflow-y:auto}
/* All legacy, Quickship and batch booking callers use the same shared card. */
.staar-creation-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.36);backdrop-filter:blur(3px)}
.staar-creation-overlay>.staar-loading-card{width:min(100%,580px);max-height:90vh;overflow:auto;background:#fff;box-shadow:0 24px 72px rgba(15,23,42,.2)}