/* «نسبة التحميل %» (public/load-progress.js). Tokens only: --lp-* map to existing theme tokens (light + dark follow them). */
:root{--lp-fill:var(--accent);--lp-track:var(--stroke);--lp-hole:var(--elevated);--lp-ink:var(--text);--lp-ring:64px;--lp-ring-sm:40px;--lp-ring-w:5px;--lp-bar-h:4px}
.lp-on{position:relative}
.lp-ring{position:absolute;inset:0;margin:auto;width:var(--lp-ring);height:var(--lp-ring);border-radius:50%;z-index:2;pointer-events:none;
  background:conic-gradient(var(--lp-fill) calc(var(--lp-p,0) * 360deg),var(--lp-track) 0);display:grid;place-items:center;transition:background .15s}
.lp-ring b{width:calc(var(--lp-ring) - 2 * var(--lp-ring-w));height:calc(var(--lp-ring) - 2 * var(--lp-ring-w));border-radius:50%;background:var(--lp-hole);color:var(--lp-ink);
  display:grid;place-items:center;font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums}
.lp-ring.lp-ind{animation:lp-rot .9s linear infinite}
.lp-ring.sm{--lp-ring:var(--lp-ring-sm)}
.chip.big .lp-ring{--lp-ring:var(--lp-ring-sm)}
@keyframes lp-rot{to{transform:rotate(360deg)}}
.lp-file{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);color:var(--text2);font-size:var(--fs-sm);text-align:center}
.lp-bar{height:var(--lp-bar-h);border-radius:var(--radius-pill);background:var(--lp-track);overflow:hidden}
.lp-bar i{display:block;height:100%;width:calc(var(--lp-p,0) * 100%);background:var(--lp-fill);border-radius:inherit;transition:width .15s}
.lp-file.lp-ind .lp-bar i{width:30%;animation:lp-slide 1.1s ease-in-out infinite}
@keyframes lp-slide{from{transform:translateX(-120%)}to{transform:translateX(360%)}}
.chip .lp-bar{margin-top:2px;min-width:60px}
@media (prefers-reduced-motion:reduce){.lp-ring.lp-ind,.lp-file.lp-ind .lp-bar i{animation:none}}