/* Lapisan GUI FPX (PayNet) — eBayar MDSB UAT */
.fpx-panel{border:1px solid #dee2e6;border-radius:.5rem;padding:1rem 1.15rem;margin:0 0 1rem;background:#fff}
.fpx-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}
.fpx-head-text{font-size:1.05rem;font-weight:600;color:#212529}
.fpx-logo{height:26px;width:auto;display:block}
.fpx-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}
.fpx-label{min-width:210px;margin:0;font-weight:500;color:#495057}
.fpx-select{flex:1 1 260px;min-width:240px;padding:.45rem .6rem;border:1px solid #ced4da;border-radius:.375rem;
  background:#fff;color:#212529;font-size:.95rem;line-height:1.4;
  /* teks status (Offline) mesti penuh, tidak terpotong — syarat PayNet */
  text-overflow:clip;white-space:normal}
.fpx-select option{white-space:normal}
.fpx-tnc{display:flex;align-items:flex-start;gap:.5rem;margin-top:.35rem}
.fpx-tnc-text{margin:0;font-size:.92rem;color:#212529;line-height:1.45}
.fpx-tnc-text a{color:#0d6efd;text-decoration:underline}
.fpx-tnc-text a:hover{color:#0a58ca}
.fpx-hidden-grid{display:none!important}
@media (max-width:576px){.fpx-label{min-width:100%}}
.fpx-warn{display:none;margin-top:.6rem;padding:.5rem .7rem;border-radius:.375rem;
  background:#f8d7da;border:1px solid #f1aeb5;color:#58151c;font-size:.92rem}
.fpx-warn.show{display:block}

/* Nota B2B1 — bayaran menunggu kelulusan Authorizer (guideline PayNet ms24).
   Warna amaran lembut, bukan merah: ini keadaan SAH, bukan ralat. */
.fpx-note {
  margin: .6rem 0 .2rem;
  padding: .6rem .75rem;
  border-left: 3px solid #B8893B;
  background: rgba(184, 137, 59, .08);
  border-radius: .25rem;
  font-size: .82rem;
  line-height: 1.45;
  color: #6b5320;
}