/* Loading ring — the ERP's (Logic Leap Workspace) .ll-loadring, so both systems feel the same while they work. */
@keyframes ll-spin { to { transform: rotate(360deg); } }
.ll-loadring { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; pointer-events: none;
  opacity: 0; transition: opacity .25s; }
.ll-loadring.on { opacity: 1; pointer-events: auto; }
.ll-loadring-disc { position: relative; width: 172px; height: 172px; border-radius: 50%; display: grid; place-items: center;
  background: color-mix(in srgb, var(--ll-panel, #1a0f28) 88%, transparent);
  border: 1px solid var(--ll-hairline-soft, #2a1840);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .35), 0 0 36px rgba(198, 90, 212, .22);
  backdrop-filter: blur(6px); transform: scale(.92); transition: transform .25s; }
.ll-loadring.on .ll-loadring-disc { transform: scale(1); }
.ll-loadring-svg { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px);
  animation: ll-spin 1.4s linear infinite; }
.ll-loadring-svg circle { fill: none; stroke-width: 6; }
.ll-loadring-track { stroke: rgba(198, 90, 212, .16); }
.ll-loadring-arc { stroke: url(#ll-loadring-grad); stroke-linecap: round; transition: stroke-dasharray .3s;
  filter: drop-shadow(0 0 4px rgba(198, 90, 212, .6)); }
.ll-loadring-text { position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; direction: ltr; }
.ll-loadring-logo { display: inline-flex; align-items: center; gap: 7px; font: 900 15px/1 "Cairo", system-ui, sans-serif;
  letter-spacing: 1px; user-select: none; }
.ll-loadring-logo .l { color: #c65ad4; }
.ll-loadring-logo .p { color: #fff; background: linear-gradient(135deg, #8f3b9e, #c65ad4); border-radius: 6px;
  padding: 4px 8px 5px; box-shadow: 0 4px 18px -4px rgba(198, 90, 212, .45); }
.ll-loadring-ws { font: 700 11px/1 "Cairo", system-ui, sans-serif; letter-spacing: .22em; color: var(--ll-muted, #c5b6d6); }
@media (prefers-reduced-motion: reduce) { .ll-loadring-svg { animation: none; } .ll-loadring-arc, .ll-loadring-disc { transition: none; } }
