.spareli-process-popup{width:min(500px,calc(100vw - 2rem));max-width:none;padding:2rem 1.8rem 1.65rem;border:0;border-radius:20px;background:var(--surface,#fff);color:var(--text,#172033);box-shadow:0 28px 80px rgba(15,23,42,.28)}
.spareli-process-popup::backdrop{background:rgba(15,23,42,.56);backdrop-filter:blur(3px)}
.spareli-process-content{display:grid;justify-items:center;text-align:center}
.spareli-process-visual{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 1rem;border-radius:20px;font-size:2rem}
.spareli-process-visual>i{font-size:1.7rem}
.spareli-process-status-marker{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:25px;height:25px;border:3px solid var(--surface,#fff);border-radius:50%;background:currentColor;box-shadow:0 3px 8px rgba(15,23,42,.18);pointer-events:none}
.spareli-process-status-marker>i{color:#fff;font-size:.7rem;line-height:1}
.spareli-process-content h2{margin:0;color:var(--text,#172033);font-size:1.42rem;line-height:1.2}
.spareli-process-content p{max-width:390px;margin:.65rem auto 0;color:var(--muted,#667085);font-size:.94rem;line-height:1.55}
.spareli-process-content small{display:block;margin-top:.55rem;color:var(--muted,#667085);font-size:.78rem}
.spareli-process-actions{display:flex;justify-content:center;gap:.65rem;margin:1.35rem 0 0}
.spareli-process-actions .btn{min-width:130px;margin:0;padding:.78rem 1.2rem;border:0;border-radius:11px;font-weight:800;box-shadow:none}
.spareli-process-cancel{background:var(--surface-2,#f2f4f7);color:var(--text,#172033)}
.spareli-process-visual.confirm{background:#fff0d5;color:#c66a00}
.spareli-process-visual.warning{background:#fff0d5;color:#b54708}
.spareli-process-visual.loading{overflow:hidden;background:#edf2ff;color:#315fe8}
.spareli-process-visual.success{background:#e1f5ec;color:#079455}
.spareli-process-visual.error{background:#feeceb;color:#d92d20}
.spareli-process-visual.info{background:#edf2ff;color:#315fe8}
.spareli-process-visual.loading::after{content:"";position:absolute;inset:auto 7px 7px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#315fe8,transparent);animation:spareli-process-scan 1.15s ease-in-out infinite}
.spareli-process-visual.loading>i{animation:spareli-process-hourglass 1.25s ease-in-out infinite}
@keyframes spareli-process-scan{0%{transform:translateX(-75%);opacity:.25}50%{opacity:1}100%{transform:translateX(75%);opacity:.25}}
@keyframes spareli-process-hourglass{0%,45%{transform:rotate(0)}55%,100%{transform:rotate(180deg)}}
html[data-theme="dark"] .spareli-process-popup{background:#172033;color:#f2f4f7}
html[data-theme="dark"] .spareli-process-cancel{background:#263348;color:#f2f4f7}
html[data-theme="dark"] .spareli-process-visual.confirm{background:#4a3214;color:#ffb45c}
html[data-theme="dark"] .spareli-process-visual.warning{background:#4a3214;color:#ffb45c}
html[data-theme="dark"] .spareli-process-status-marker{border-color:#172033}
html[data-theme="dark"] .spareli-process-visual.loading,html[data-theme="dark"] .spareli-process-visual.info{background:#24345f;color:#8da9ff}
html[data-theme="dark"] .spareli-process-visual.success{background:#103f31;color:#6ce9a6}
html[data-theme="dark"] .spareli-process-visual.error{background:#4a1f1c;color:#fda29b}
@media(max-width:520px){.spareli-process-popup{padding:1.6rem 1.1rem 1.3rem}.spareli-process-actions{width:100%;flex-direction:column-reverse}.spareli-process-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.spareli-process-visual.loading::after,.spareli-process-visual.loading>i{animation:none}}