/* VTRSTORE — komponen tambahan sistem order */
.vtr-banner{
  margin:0 0 16px;padding:12px 16px;
  background:rgba(234,179,8,.12);border:1px solid rgba(234,179,8,.45);border-left:4px solid #eab308;
  color:#fff;font-size:12px;line-height:1.55;
}
.vtr-banner.closed{background:rgba(201,31,38,.14);border-color:rgba(239,43,50,.5);border-left-color:#ef2b32}

.field-error{margin-top:5px;font-size:10px;color:#ff6b70;min-height:0}
.field input.invalid{border-color:#ef2b32!important}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

button:disabled,.is-busy{opacity:.65;cursor:progress}

/* Kartu info order / pembayaran */
.vtr-box{
  background:#0b0b0b;border:1px solid #3a3a3a;padding:14px 16px;margin:12px 0;
}
.vtr-box h3{margin:0 0 8px;font-size:12px;font-weight:600;color:#bbb;text-transform:uppercase;letter-spacing:.06em}
.vtr-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px;border-bottom:1px dashed #262626}
.vtr-row:last-child{border-bottom:0}
.vtr-row b{color:#fff}
.vtr-big{font-size:22px;font-weight:700;color:#ef2b32;letter-spacing:-.4px}
.vtr-id{
  display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:15px;font-weight:700;
  background:#1d1d1d;border:1px solid #444;padding:6px 10px;color:#fff;
}
.vtr-copy{
  border:1px solid #555;background:#222;color:#fff;font-size:10px;padding:4px 8px;cursor:pointer;font-family:inherit;
}
.vtr-copy:hover{border-color:#ef2b32}
.vtr-acc{font-family:ui-monospace,monospace;font-size:18px;font-weight:700;letter-spacing:.04em}
.vtr-qris{display:block;max-width:260px;width:100%;background:#fff;padding:8px;margin:8px auto}
.vtr-muted{color:#9a9a9a;font-size:11px;line-height:1.6}
.vtr-steps{margin:6px 0 0;padding-left:18px;font-size:11px;line-height:1.8;color:#ddd}

/* Status */
.vtr-badge{display:inline-block;padding:3px 9px;font-size:11px;font-weight:600;border:1px solid}
.st-pending_payment{color:#facc15;border-color:#a16207;background:rgba(234,179,8,.1)}
.st-waiting_trade{color:#fdba74;border-color:#c2410c;background:rgba(249,115,22,.1)}
.st-verifying{color:#7dd3fc;border-color:#0369a1;background:rgba(56,189,248,.1)}
.st-processing{color:#c4b5fd;border-color:#6d28d9;background:rgba(139,92,246,.12)}
.st-done{color:#4ade80;border-color:#15803d;background:rgba(34,197,94,.1)}
.st-cancelled{color:#f87171;border-color:#b91c1c;background:rgba(239,68,68,.1)}

.vtr-success{text-align:center;padding:10px 0 4px}
.vtr-success .check{
  width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;font-size:28px;
  background:rgba(34,197,94,.12);border:2px solid #22c55e;border-radius:50%;
}
.vtr-success h2{margin:0 0 6px;font-size:20px}
.vtr-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
.vtr-link-btn{
  display:inline-grid;place-items:center;min-height:37px;padding:0 16px;font-size:11px;font-weight:600;
  border:1px solid #555;background:#161616;color:#fff;
}
.vtr-link-btn.red{background:#c91f26;border-color:#c91f26}
.vtr-link-btn.green{background:#15803d;border-color:#15803d}

.vtr-preview{display:block;max-height:180px;max-width:100%;margin:10px auto 0;border:1px solid #444}

/* Toast */
#vtrToast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;display:grid;gap:8px;width:min(92vw,420px)}
.vtr-toast{
  padding:11px 14px;font-size:12px;background:#1b1b1b;border:1px solid #444;border-left:4px solid #888;color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.45);transition:.4s;animation:vtrIn .25s ease;
}
.vtr-toast.ok{border-left-color:#22c55e}
.vtr-toast.err{border-left-color:#ef2b32}
.vtr-toast.out{opacity:0;transform:translateY(8px)}
@keyframes vtrIn{from{opacity:0;transform:translateY(10px)}}

/* Dropzone (dipakai juga di halaman pembelian) */
.vtr-drop{
  display:block;
  border:1px dashed #666;background:#0d0d0d;padding:22px 14px;text-align:center;font-size:11px;cursor:pointer;
}
.vtr-drop.drag{border-color:#c91f26;background:rgba(201,31,38,.07)}
.vtr-drop input{display:none}