/* Shared presentation only. Shopify and Live sales retain their own design. */
body[data-load-design='on']{--load-ink:#355b7c;--load-track:#e2eaf1;--load-fill:#5b87ad}
body[data-load-design='on'] .loading-bar{background:var(--load-track);border-radius:999px}
body[data-load-design='on'] .loading-bar>span{background:linear-gradient(90deg,#87a9c5,var(--load-fill));animation:cdx-load-sweep 1.8s ease-in-out infinite}
body[data-load-design='on'] :is(.loading-state,[data-loading='true'])::before{background:linear-gradient(90deg,var(--load-track) 10%,#83a6c3 45%,var(--load-track) 80%);background-size:250% 100%;animation:chilldex-loading-state 1.8s ease-in-out infinite alternate}
@keyframes cdx-load-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
body[data-load-design='on'] #app .report-frame-progress{z-index:5}
body[data-load-design='on'] #app .report-frame-progress>.cdx-load-card{transform:translateY(-50%)}
body[data-load-design='on'] #app [data-report-busy='true'] .loading-state,
body[data-load-design='on'] .performance-page[aria-busy='true'] .performance-status[data-report-relocated],
body[data-load-design='on'] .stock-page:has([data-report-busy='true'] #rows) #info,
body[data-load-design='on'] .sales-page:has(#sales-loading-bar:not([hidden])) #sales-note{visibility:hidden}
body[data-load-design='on'] .cdx-load-card{display:inline-grid;gap:9px;box-sizing:border-box;width:min(300px,calc(100% - 28px));padding:14px 16px;border:1px solid #d4e0eb;border-radius:10px;background:#fff;box-shadow:0 3px 14px #243b5310;color:var(--load-ink);font:400 12px/1.4 system-ui,sans-serif;text-align:left;vertical-align:top;pointer-events:none}
body[data-load-design='on'] .cdx-load-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0}
body[data-load-design='on'] .cdx-load-title{font-size:12px;font-weight:650;min-width:0}
body[data-load-design='on'] .cdx-load-measure{flex:none;min-width:3.1em;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;color:#667c90}
body[data-load-design='on'] #app .cdx-load-track{display:block;width:100%;height:5px;margin:0;box-shadow:none}
body[data-load-design='on'] .cdx-load-detail{display:block;min-height:2.8em;color:#62788c;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
body[data-load-design='on'] .cdx-load-track[data-determinate='true']>span{width:var(--load-progress);transform:none;animation:none;transition:width .2s ease-out}
body[data-load-design='on'] .cdx-load-track[data-determinate='true'][data-active='true']>span{background:linear-gradient(90deg,#6e98b9,#a0bdd4,#6e98b9);background-size:200% 100%;animation:chilldex-loading-state 2s ease-in-out infinite alternate}
body[data-load-design='on'] #app .report-links-progress{position:sticky;float:right;top:calc(100% - 90px);right:8px;width:min(290px,100%);height:0;z-index:5;text-align:right;pointer-events:none}
body[data-load-design='on'] #app .report-links-progress[hidden]{display:none}
body[data-load-design='on'] .cdx-load-compact{width:100%;padding:9px 12px;gap:6px;border-radius:8px}
body[data-load-design='on'] .cdx-load-compact .cdx-load-detail{min-height:1.4em}
body[data-load-design='on'] .cdx-download-progress{position:relative;display:inline-block;width:0;height:0;z-index:15;vertical-align:bottom}
body[data-load-design='on'] .cdx-download-progress>.cdx-load-card{position:absolute;right:0;top:8px;width:min(280px,80vw);transform:translateX(var(--load-offset,0px))}
body[data-load-design='on'] .cdx-load-card .background-load-hint{display:none}
body[data-load-design='on'] #app .report-frame-progress>.background-load-hint{display:block;margin:7px 0 0;font-size:10px;color:#62788c}
body[data-load-design='on'] .background-job-status{font-variant-numeric:tabular-nums}
body[data-load-design='on'] .cdx-load-heading{min-height:2.8em}
body[data-load-design='on'] .cdx-load-note{color:#6d8194;font-size:10px}
body[data-load-design='on'] #avatar[data-load-busy='true']::before{border-color:var(--load-track);border-top-color:var(--load-fill);border-right-color:var(--load-fill);animation-duration:1.8s}
body[data-load-design='on'] .preview-login-loading{background:var(--load-track)}
body[data-load-design='on'] .preview-login-loading::after{background:var(--load-fill);animation-duration:1.8s}
body[data-load-design='on'] form[aria-busy='true'] button::before,
body[data-load-design='on'] .users-page[aria-busy='true'] .users-save [role='status']::before,
body[data-load-design='on'] [aria-busy='true']>.returns-chart-state::before{background:linear-gradient(90deg,var(--load-track),#83a6c3,var(--load-track));background-size:250% 100%;animation-duration:1.8s}
@media(prefers-reduced-motion:reduce){body[data-load-design='on'] .loading-bar>span,body[data-load-design='on'] :is(.loading-state,[data-loading='true'])::before{animation:none!important;transition:none!important}body[data-load-design='on'] .loading-bar:not([data-determinate='true'])>span{transform:translateX(80%)}}
@media(prefers-reduced-motion:reduce){body[data-load-design='on'] #avatar::before,body[data-load-design='on'] .preview-login-loading::after,body[data-load-design='on'] form[aria-busy='true'] button::before{animation:none!important}}