/* VOXENNE WEB 3.9.322 | Progressive order autosave + resume status. */
.vx-order-progress-v39322{position:relative;z-index:12;width:min(100% - 32px,1240px);margin:10px auto 0;padding:16px 18px;border:1px solid rgba(124,141,183,.22);border-radius:20px;background:rgba(10,15,30,.88);box-shadow:0 18px 50px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.vx-order-progress-top-v39322{display:flex;align-items:center;justify-content:space-between;gap:16px}
.vx-order-progress-copy-v39322{min-width:0}.vx-order-progress-copy-v39322 strong{display:block;font-size:14px;line-height:1.25;color:#f6f8ff}.vx-order-progress-copy-v39322 small{display:block;margin-top:4px;color:#8e9bb5;font-size:11px;line-height:1.4}
.vx-order-save-state-v39322{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#aeb9cf;font-size:11px;white-space:nowrap}.vx-order-save-dot-v39322{width:8px;height:8px;border-radius:50%;background:#7d879c;box-shadow:0 0 0 4px rgba(125,135,156,.10)}
.vx-order-progress-v39322[data-save-state="saving"] .vx-order-save-dot-v39322{animation:vxOrderPulse39322 1s ease-in-out infinite}.vx-order-progress-v39322[data-save-state="saved"] .vx-order-save-dot-v39322{background:#5fd7a3;box-shadow:0 0 0 4px rgba(95,215,163,.11)}.vx-order-progress-v39322[data-save-state="local"] .vx-order-save-dot-v39322{background:#f1c76b;box-shadow:0 0 0 4px rgba(241,199,107,.10)}.vx-order-progress-v39322[data-save-state="error"] .vx-order-save-dot-v39322{background:#ff7f96;box-shadow:0 0 0 4px rgba(255,127,150,.10)}
@keyframes vxOrderPulse39322{50%{opacity:.38;transform:scale(.82)}}
.vx-order-meter-v39322{height:7px;margin:13px 0 12px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.vx-order-meter-v39322>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7c9cff,#b985ff);transition:width .28s ease}
.vx-order-stages-v39322{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vx-order-stage-v39322{appearance:none;border:1px solid rgba(121,139,182,.15);border-radius:13px;background:rgba(255,255,255,.018);padding:9px 10px;color:#9aa7c0;text-align:left;cursor:pointer;min-width:0}.vx-order-stage-v39322 span{display:block;font-size:9px;letter-spacing:.08em;color:#687792}.vx-order-stage-v39322 strong{display:block;margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.vx-order-stage-v39322.is-complete{border-color:rgba(95,215,163,.24);background:rgba(95,215,163,.05);color:#dffbed}.vx-order-stage-v39322.is-active{border-color:rgba(133,157,255,.35);background:rgba(124,156,255,.08);color:#f4f6ff}
.vx-order-resume-v39322{display:flex;justify-content:flex-end;margin-top:10px}.vx-order-resume-v39322 button{appearance:none;border:0;background:transparent;color:#91a8ff;font-size:10px;padding:4px 0;cursor:pointer}.vx-order-resume-v39322 button[hidden]{display:none!important}.vx-order-resume-v39322 button:hover{text-decoration:underline}
.vx-order-restored-v39322{margin-top:10px;padding:9px 11px;border-radius:12px;background:rgba(95,215,163,.07);border:1px solid rgba(95,215,163,.17);color:#c9f5df;font-size:11px;line-height:1.4}
@media(max-width:840px){.vx-order-progress-v39322{width:min(100% - 20px,1240px);margin-top:8px;padding:13px 14px;border-radius:16px}.vx-order-progress-top-v39322{align-items:flex-start}.vx-order-save-state-v39322{font-size:10px}.vx-order-stages-v39322{grid-template-columns:repeat(4,minmax(62px,1fr));overflow-x:auto;padding-bottom:2px}.vx-order-stage-v39322{padding:8px}.vx-order-stage-v39322 strong{font-size:10px}.vx-order-stage-v39322 span{font-size:8px}}
@media(max-width:520px){.vx-order-stages-v39322{display:none}.vx-order-progress-top-v39322{display:block}.vx-order-save-state-v39322{margin-top:8px}.vx-order-progress-copy-v39322 small{max-width:290px}.vx-order-resume-v39322{justify-content:flex-start}}