/* VMAG Beta Wizard */
.vw { margin-top:14px; font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.vw .card{ background: var(--panel,#f7f8fb); border:1px solid var(--line,#e6e9f2); border-radius:18px; padding:14px; }
.vw .row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.vw .hr{ height:1px; background: var(--line,#e6e9f2); margin:12px 0; }
.vw .mini{ font-size:.88rem; color: var(--muted,#4a5568); }
.vw .muted{ opacity:.8; }
.vw .pill{ display:inline-flex; padding:4px 10px; border-radius:999px; background: var(--accent2,#fbbf24); color:#000; font-weight:1000; font-size:.75rem; }

.vw .steps{ display:flex; gap:10px; flex-wrap:wrap; }
.vw .step{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px;
  border:1px solid var(--line,#e6e9f2); background: var(--bg,#fff);
  font-weight:900; font-size:.8rem;
}
.vw .dot{ width:10px; height:10px; border-radius:99px; background: var(--line,#e6e9f2); }
.vw .step.active{ border-color: var(--accent,#1d4ed8); }
.vw .step.active .dot{ background: var(--accent,#1d4ed8); }
.vw .step.done{ border-color:#22c55e; }
.vw .step.done .dot{ background:#22c55e; }

.vw .btn{
  padding:9px 12px; border-radius:999px; border:none; cursor:pointer;
  font-weight:1000; background: var(--accent,#1d4ed8); color:#fff;
}
.vw .btn.ghost{ background: transparent; border:1px solid var(--line,#e6e9f2); color: var(--text,#0b1220); }

.vw .input, .vw select, .vw textarea{
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--line,#e6e9f2);
  background: var(--bg,#fff); color: var(--text,#0b1220); font: inherit;
}
.vw textarea{ min-height:220px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size:.88rem; }

.vw .grid2{ display:grid; gap:14px; grid-template-columns:1fr; }
@media(min-width: 980px){ .vw .grid2{ grid-template-columns: 1fr 1fr; } }

.vw .statusOk{ border-left: 6px solid #22c55e; padding-left:10px; }
.vw .statusBad{ border-left: 6px solid #ef4444; padding-left:10px; }
.vw .hint{ background: rgba(251,191,36,.16); border:1px solid rgba(251,191,36,.35); padding:10px; border-radius:14px; }
.vw .kbd{ padding:2px 6px; border-radius:8px; border:1px solid var(--line,#e6e9f2); background: var(--bg,#fff); font-weight:900; font-size:.75rem; }

.vw .toastHost{
  position: fixed; right: 12px; bottom: 12px; display:flex; flex-direction:column; gap:10px; z-index: 9999;
  max-width: 380px;
}
.vw .toast{
  background: var(--panel,#f7f8fb); border:1px solid var(--line,#e6e9f2); border-radius:16px; padding:12px;
  box-shadow: 0 12px 26px rgba(0,0,0,.2);
}
.vw .toastTop{ display:flex; justify-content:space-between; gap:10px; align-items:center; }
.vw .toastMsg{ margin-top:6px; font-size:.92rem; color: var(--text,#0b1220); }