.installer-flow{position:relative;z-index:5;margin:18px auto 22px;max-width:1420px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--border,#334155) 80%,transparent);border-radius:18px;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(15,23,42,.86) 45%,rgba(16,185,129,.08));box-shadow:0 18px 50px rgba(0,0,0,.2);color:var(--text,#f8fafc)}.installer-flow__top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.installer-flow small{display:block;color:#a5b4fc;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.installer-flow h2{margin:.25rem 0 .35rem;font-size:clamp(1.25rem,2vw,1.8rem)}.installer-flow p{margin:0;color:var(--muted,#94a3b8);max-width:850px}.installer-flow__actions{display:flex;gap:10px;flex-wrap:wrap}.installer-flow button{min-height:44px;padding:0 16px;border:1px solid #475569;border-radius:11px;background:#172033;color:#fff;font-weight:800;cursor:pointer}.installer-flow button:hover,.installer-flow button:focus-visible{border-color:#818cf8;outline:3px solid rgba(129,140,248,.25);outline-offset:2px}.installer-flow__steps{display:grid;grid-template-columns:repeat(9,minmax(78px,1fr));gap:10px;margin:20px 0 14px;padding:0;list-style:none}.installer-flow-step{min-width:0;padding:10px 8px;border:1px solid #263248;border-radius:12px;background:rgba(2,6,23,.45);color:#7f8ea6;text-align:center}.installer-flow-step span{display:block;width:10px;height:10px;margin:0 auto 7px;border-radius:999px;background:#334155}.installer-flow-step strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.installer-flow-step.is-complete{color:#b7f7d7;border-color:rgba(16,185,129,.35)}.installer-flow-step.is-complete span{background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12)}.installer-flow-step.is-current{color:#fff;border-color:#818cf8;background:rgba(99,102,241,.16)}.installer-flow-step.is-current span{background:#818cf8;box-shadow:0 0 0 5px rgba(129,140,248,.14)}.installer-flow__status{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 13px;border:1px solid #263248;border-radius:11px;background:rgba(2,6,23,.45);font-weight:700}.installer-flow__pulse{width:10px;height:10px;border-radius:999px;background:#64748b}.installer-flow[data-mode=busy] .installer-flow__pulse{background:#60a5fa;animation:installerPulse 1.2s infinite}.installer-flow[data-mode=success] .installer-flow__pulse{background:#34d399}.installer-flow[data-mode=error] .installer-flow__pulse{background:#fb7185}.is-submitting{opacity:.88}@keyframes installerPulse{50%{transform:scale(1.5);opacity:.45}}@media(max-width:1050px){.installer-flow__steps{grid-template-columns:repeat(3,1fr)}.installer-flow__top{flex-direction:column}}@media(max-width:600px){.installer-flow{margin:10px;padding:16px;border-radius:14px}.installer-flow__steps{grid-template-columns:repeat(2,1fr)}.installer-flow__actions,.installer-flow button{width:100%}}@media(prefers-reduced-motion:reduce){.installer-flow__pulse{animation:none!important}}
