/* Tambahan untuk popup pemesanan 3 langkah (durasi -> data & bayar -> QRIS). Dimuat setelah domain.css */
.st3{display:none}
.sheet[data-s="3"] .st1,.sheet[data-s="3"] .st2{display:none}
.sheet[data-s="3"] .st3{display:block}
.fm{display:grid;gap:8px}
.fm2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fm input{width:100%;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(7,13,31,.7);color:#fff;font-weight:600}
.fm input:focus{border-color:var(--sky)}
.fm input::placeholder{font-weight:500;font-size:.84rem;color:#6f7f9b}
.f-err{margin-top:10px;font-size:.78rem;font-weight:700;line-height:1.45;color:var(--no);text-align:left}.f-err:empty{display:none}
.login-note{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:.78rem;line-height:1.5;color:var(--gold);background:rgba(245,192,101,.08);border:1px solid var(--line2);text-align:left}
.qr-box{display:flex;flex-direction:column;align-items:center;gap:12px}
.qr-box .p-bill{width:100%}
.qr-code{padding:12px;border-radius:16px;background:#fff;line-height:0;min-width:234px;min-height:234px;display:grid;place-items:center;color:#0b1530;font-size:.8rem;line-height:1.4}
.qr-code img{display:block;width:210px;height:210px;max-width:100%}
.qr-amt{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:.01em}
.qr-timer{font-size:.78rem;font-weight:700;color:var(--muted)}
.qr-stat{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--gold);background:rgba(245,192,101,.1);border:1px solid var(--line2)}
.qr-stat i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:qpulse 1.2s infinite}
.qr-stat[data-k="exp"]{color:var(--no);background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.4)}
.qr-stat[data-k="exp"] i{animation:none}
@keyframes qpulse{50%{opacity:.25}}
.qr-dl{width:100%}
.a3{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.res-box{text-align:center;padding:10px 0 4px}
.res-ico{width:64px;height:64px;margin:6px auto 12px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800}
.res-box[data-k="ok"] .res-ico{background:rgba(60,220,140,.14);color:var(--ok)}
.res-box[data-k="fail"] .res-ico{background:rgba(255,107,107,.14);color:var(--no)}
.res-box h3{font-size:1.1rem;margin-bottom:6px}
.res-box p{font-size:.84rem;line-height:1.55;color:var(--muted);margin-bottom:14px}
.res-box .p-go{width:100%;text-decoration:none}

.demo-bar{margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:.76rem;line-height:1.5;font-weight:700;text-align:left;color:#ffd27a;background:rgba(255,180,60,.1);border:1px dashed rgba(255,180,60,.55)}