/* ── GLOBAL API LOADING SPINNER (toggled by js/core/api-loader.js) —
     a thin sliding bar along the top edge plus a round spinner chip just
     under the navbar. Sits above modals and toasts, never blocks clicks. ── */
.api-loader{position:fixed;top:0;left:0;right:0;z-index:800;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}
.api-loader.show{opacity:1;visibility:visible}
.api-loader-bar{position:relative;height:3px;overflow:hidden;background:var(--info-tag-bg)}
.api-loader-bar::before{content:'';position:absolute;top:0;bottom:0;left:-40%;width:40%;background:var(--cta);border-radius:2px;animation:api-loader-slide 1.1s ease-in-out infinite}
@keyframes api-loader-slide{from{left:-40%}to{left:100%}}
.api-loader-chip{position:absolute;top:68px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}
.api-loader-ring{width:22px;height:22px;border:3px solid var(--spinner-track);border-top-color:var(--cta);border-radius:50%;animation:spin .7s linear infinite}