/* =========================================================
   inKUR Link · POS BBM. APLIKASI HP (mobile-only)
   Bahasa desain: FUEL-RETAIL / E-WALLET (ala app fuel modern).
   UI dikunci dalam BINGKAI HP (~430px) di tengah layar.
   SEMUA layout tanpa @media(min-width). Cukup prefix `body.mob`
   agar identik di semua lebar viewport. Media-query hanya kosmetik bingkai.
   Di-load SETELAH styles.css sebagai override. Shell dibangun bbm-nav.js.
   ========================================================= */
:root{
  --app-bg:#f2f5f9;
  --card:#ffffff;
  --r:24px;
  --r-sm:18px;
  --sh:0 6px 18px rgba(3,81,135,.06);
  --sh-lg:0 16px 34px -14px rgba(3,81,135,.14);
  --ink2:#44515f;
  --muted:#98a1ab;
  --g1:#035187; --g2:#0a6cad; --g3:#2E90FA;
  --accent-soft:#e9f2fb;
}

/* ---------- panggung ----------
   MOBILE-FIRST: di HP aplikasi PENUH SELAYAR (tanpa bingkai, tanpa latar gelap).
   Bingkai "mockup HP di tengah" HANYA muncul di layar lebar (desktop) >=760px. */
body.mob{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--app-bg);color:var(--ink)}
.phone{position:relative;width:100%;height:100vh;height:100dvh;background:var(--app-bg);
  display:flex;flex-direction:column;overflow:hidden;isolation:isolate;margin:0 auto}
@media(min-width:480px){
  body.mob{background:#d9e0da;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}
  /* HP fix 390x844 (proporsi asli iPhone), lalu di-scale agar selalu muat tinggi jendela -> tak ada scrollbar */
  .phone{width:390px;height:844px;max-width:none;border-radius:46px;
    box-shadow:0 44px 90px rgba(3,81,135,.20), 0 0 0 10px #0b1420, 0 0 0 11px #27333f;
    transform:scale(var(--ps,1));transform-origin:center center}
}

/* ---------- top bar ---------- */
.m-top{flex:none;height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#fff;z-index:20;
  box-shadow:0 1px 0 rgba(15,23,42,.06)}
.m-top .m-brand{display:flex;align-items:center;gap:9px;min-width:0}
.m-top .m-brand img{height:25px;width:auto;display:block}
.m-top .m-brand b{font-size:14px;font-weight:700;color:var(--ink);line-height:1;white-space:nowrap}
.m-top .m-brand span{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:2px;letter-spacing:.1px}
.m-top .m-spacer{flex:1}
.m-shift{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--g1);
  background:#e9f2fb;border:1px solid #bcdcf5;padding:6px 10px;border-radius:20px;white-space:nowrap}
.m-shift .d{width:6px;height:6px;border-radius:50%;background:var(--g2);box-shadow:0 0 0 3px rgba(3,81,135,.16)}
.m-ic{position:relative;width:37px;height:37px;border-radius:12px;background:#f2f4f8;color:#3f4a5a;border:0;cursor:pointer;display:grid;place-items:center;flex:none}
.m-ic svg{width:19px;height:19px}
.m-ic .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid #fff}
.m-user{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g2));
  color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:0;cursor:pointer;flex:none;
  box-shadow:0 6px 14px -6px rgba(3,81,135,.7)}

/* ---------- body scroll ---------- */
.m-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--app-bg)}
.m-body::-webkit-scrollbar{width:0}

/* ---------- bottom tab ---------- */
.m-tab{flex:none;height:68px;display:flex;align-items:stretch;background:#fff;z-index:20;
  box-shadow:0 -1px 0 rgba(15,23,42,.06);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}
.m-tab a,.m-tab button{flex:1;border:0;background:none;font-family:inherit;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font-size:10px;font-weight:700;color:#9aa4b2;text-decoration:none;position:relative;min-width:0}
.m-tab a svg,.m-tab button svg{width:22px;height:22px}
.m-tab a.on,.m-tab button.on{color:var(--g1)}
.m-tab a.on::before,.m-tab button.on::before{content:"";position:absolute;top:-8px;width:26px;height:3px;border-radius:3px;background:var(--g1)}
.m-tab .t-kasir{color:var(--g1)}
.m-tab .t-kasir.on::before{display:none}
.m-tab .t-kasir .ic{width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,var(--g1),var(--g3));
  color:#fff;display:grid;place-items:center;box-shadow:0 14px 24px -8px rgba(3,81,135,.8);margin-top:-20px;margin-bottom:2px;
  border:4px solid #fff}
.m-tab .t-kasir .ic svg{width:26px;height:26px}

/* ---------- sheet (Lainnya / user) ---------- */
.m-sheet-bg{position:absolute;inset:0;background:rgba(2,6,15,.5);opacity:0;visibility:hidden;transition:.2s;z-index:60}
.m-sheet-bg.open{opacity:1;visibility:visible}
.m-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;
  transform:translateY(100%);transition:transform .26s var(--ease);z-index:61;max-height:90%;
  display:flex;flex-direction:column;overflow:hidden}
.m-sheet.open{transform:translateY(0)}
.m-sheet .sh-handle{width:42px;height:5px;border-radius:5px;background:#d7dee8;margin:11px auto 4px;flex:none}
.m-sheet .sh-scroll{overflow-y:auto;padding:6px 18px 24px}
.m-sheet .sh-user{display:flex;align-items:center;gap:13px;padding:14px 4px 16px;border-bottom:1px solid var(--line);margin-bottom:6px}
.m-sheet .sh-user .av{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;font-weight:800;font-size:16px;display:grid;place-items:center}
.m-sheet .sh-user b{font-size:15px;font-weight:800;color:var(--ink);display:block}
.m-sheet .sh-user span{font-size:12px;color:var(--slate-500)}
.m-sheet .sh-glabel{font-size:10.5px;font-weight:800;color:#9aa4b2;text-transform:uppercase;letter-spacing:.6px;margin:16px 4px 8px}
.m-sheet .sh-link{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:14px;text-decoration:none;color:var(--ink2);font-size:14px;font-weight:600;transition:.14s}
.m-sheet .sh-link:hover,.m-sheet .sh-link:active{background:var(--app-bg)}
.m-sheet .sh-link svg{width:20px;height:20px;color:var(--g1);flex:none}
.m-sheet .sh-link .chev{margin-left:auto;color:#c3cad4}
.m-sheet .sh-link.danger{color:var(--red)}
.m-sheet .sh-link.danger svg{color:var(--red)}
.m-sheet .sh-div{height:1px;background:var(--line);margin:8px 0}

/* =========================================================
   KOMPONEN E-WALLET (dipakai dashboard & lainnya)
   ========================================================= */
body.mob .adm-wrap{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:16px 15px 36px!important;background:var(--app-bg)}

/* judul halaman ringkas */
body.mob .adm-head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}
body.mob .adm-head .ht h1{font-size:21px;letter-spacing:-.3px}
body.mob .adm-head .ht .clock{font-size:12px;display:block;margin-top:3px;color:var(--slate-500)}
body.mob .hdr-actions{display:flex;gap:9px;flex-wrap:wrap}
body.mob .hdr-actions>*{flex:1;min-width:0;justify-content:center;white-space:nowrap;font-size:12.5px;padding:12px 10px;border-radius:14px}
/* tombol primer selalu hijau (satu aksen) */
body.mob .btn-new{background:var(--g1)!important;border-color:var(--g1)!important;box-shadow:0 10px 22px -14px rgba(3,81,135,.7)!important}
body.mob .btn-out{background:#fff;border:1px solid var(--line);color:var(--ink2)}
body.mob .tc-prod{background:#f1f3f0!important;color:var(--ink2)!important}
body.mob .tc-prod::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pc,var(--g1));margin-right:6px;vertical-align:middle}

/* HERO. Tenang, dalam, lapang (satu warna) */
.mhero{position:relative;overflow:hidden;border-radius:26px;padding:26px 24px 24px;color:#fff;
  background:linear-gradient(150deg,#0a6cad 0%,#115e39 60%,#023f6b 100%);
  box-shadow:0 20px 40px -26px rgba(3,81,135,.9);margin-bottom:26px}
.mhero::after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.06),rgba(255,255,255,0) 70%)}
.mhero .mh-hi{font-size:13px;font-weight:400;opacity:.82;position:relative;z-index:1}
.mhero .mh-hi b{font-weight:700;opacity:1}
.mhero .mh-lbl{font-size:12.5px;font-weight:400;opacity:.72;margin-top:24px;position:relative;z-index:1}
.mhero .mh-amt{font-size:29px;font-weight:700;letter-spacing:-.5px;margin-top:6px;position:relative;z-index:1;line-height:1}
.mhero .mh-meta{display:flex;align-items:center;gap:11px;margin-top:20px;position:relative;z-index:1;font-size:12.5px;opacity:.9;flex-wrap:wrap}
.mhero .mh-meta b{font-weight:700}
.mhero .mh-meta .sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.5)}

/* QUICK ACTIONS. Seragam, satu aksen */
.qact{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}
.qact a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}
.qact .qi{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:var(--g1);background:#fff;box-shadow:var(--sh)}
.qact a:active .qi{transform:translateY(2px)}
.qact .qi svg{width:23px;height:23px}
.qact span{font-size:11px;font-weight:500;color:#48586a;text-align:center;line-height:1.25}

/* SECTION header */
.sec{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}
.sec b{font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.2px}
.sec a{font-size:12px;font-weight:600;color:var(--g1);text-decoration:none}

/* FEED transaksi. Tenang, whitespace */
.feed{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;margin-bottom:26px}
.feed .fr{display:flex;align-items:center;gap:13px;padding:15px 17px}
.feed .fr + .fr{border-top:1px solid #f1f3f0}
.feed .fr .fi{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;color:var(--g1);background:var(--accent-soft)}
.feed .fr .fi svg{width:19px;height:19px}
.feed .fr .fm{flex:1;min-width:0}
.feed .fr .fm b{font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden}
.feed .fr .fm b .pdot{width:7px;height:7px;border-radius:50%;flex:none}
.feed .fr .fm span{font-size:11.5px;color:var(--muted);margin-top:2px;display:block}
.feed .fr .fa{text-align:right;flex:none}
.feed .fr .fa b{font-size:14.5px;font-weight:700;color:var(--ink);display:block}
.feed .fr .fa span{font-size:11px;color:var(--muted);font-weight:500;margin-top:2px;display:block}
.feed-empty{padding:26px;text-align:center;color:var(--muted);font-size:13px}

/* mini stat card 2 kolom (dipakai laporan/dispenser/susut) */
body.mob .stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
body.mob .stat-c{padding:15px 15px;border-radius:var(--r-sm);border:0;box-shadow:var(--sh);background:#fff;align-items:flex-start;flex-direction:column;gap:11px}
body.mob .stat-c .si{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--g1)}
body.mob .stat-c .sv span{font-size:11px;color:var(--slate-500);font-weight:500}
body.mob .stat-c .sv b{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.3px}

/* PANEL -> kartu lembut */
body.mob .adm-grid{grid-template-columns:1fr!important;gap:16px}
body.mob .adm-grid[style]{grid-template-columns:1fr!important}
body.mob .panel{border-radius:var(--r);border:0;box-shadow:var(--sh);overflow:hidden;margin:0}
body.mob .panel-head{padding:15px 16px;border-bottom:1px solid #f0f2f6}
body.mob .panel-head b{font-size:14px;font-weight:700}
body.mob .btn-new,body.mob .btn-out{font-weight:600}
body.mob .adm-head .ht h1{font-weight:700}
body.mob .panel-head b svg{color:var(--g1)}
body.mob .dh-btn,body.mob .jf,body.mob .panel-head .dh-btn{font-size:12px}

/* tabel: kontainer scroll, tampilan lembut */
body.mob .dt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.mob .dt{min-width:500px;font-size:12.5px}
body.mob .dt thead th{background:#f7f9fc;color:#8a95a3;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;padding:10px 13px}
body.mob .dt td{padding:11px 13px;border-color:#f0f2f6}
body.mob .dt tbody tr:active{background:#f7f9fc}

/* kartu grid data -> 1 kolom */
body.mob .disp-grid,body.mob .tank-grid,body.mob .harga-grid{grid-template-columns:1fr;gap:14px}
body.mob .shift-hero{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}
body.mob .shift-hero .sh-c{border-radius:var(--r-sm);box-shadow:var(--sh);border:0}
body.mob .shift-hero .sh-c .v{font-size:18px}
body.mob .tank-card,body.mob .harga-card,body.mob .disp-card{border-radius:var(--r);box-shadow:var(--sh);border:0}
/* redam warna produk jadi aksen tunggal + titik */
body.mob .harga-card::before{background:var(--g1)}
body.mob .harga-card .hc-name{display:flex;align-items:center;gap:8px}
body.mob .harga-card .hc-name::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--pc,var(--g1));flex:none}
body.mob .disp-noz .dn .id{background:#1d2a23}
body.mob .disp-card .dc-head b svg{color:var(--g1)}

/* ---------- KASIR mobile: nozzle tiles + bottom sheet ---------- */
body.mob .adm-wrap.gridwrap{padding:0!important;display:block!important;overflow:visible!important;background:var(--app-bg)}
body.mob .bbm-body{display:block!important}
body.mob .bbm-left{display:block;overflow:visible}
body.mob .bbm-lefthead{padding:18px 16px 4px}
body.mob .bbm-lefthead h2{font-size:17px}
body.mob .bbm-lefthead .hint{width:100%;color:var(--slate-500)}
body.mob .noz-scroll{overflow:visible;padding:12px 15px 36px}
body.mob .noz-grid{grid-template-columns:1fr 1fr;gap:12px}
body.mob .noz-card{padding:15px 15px;border-radius:20px;border:1.5px solid #eef1ee;box-shadow:var(--sh)}
body.mob .noz-card::before{width:0}
body.mob .noz-card .nz-id{border-radius:9px;background:#1d2a23;color:#fff}
body.mob .noz-card .nz-disp{font-size:10.5px;color:var(--muted)}
body.mob .noz-card .nz-prod{font-size:15px;display:flex;align-items:center;gap:7px}
body.mob .noz-card .nz-prod .nz-dot{width:8px;height:8px;border-radius:50%;background:var(--pc,var(--g1));flex:none}
body.mob .noz-card .nz-ron{color:var(--muted)}
body.mob .noz-card .nz-price{color:var(--ink)}
body.mob .noz-card .nz-price small{color:var(--muted)}
body.mob .noz-card .tank-bar{background:#eef1ee}
body.mob .noz-card .tank-bar > i{background:var(--g1)}
body.mob .noz-card .tank-bar.low > i{background:#c98a2b}
body.mob .noz-card .tank-bar.crit > i{background:var(--red)}
body.mob .noz-card .nz-tanktxt{color:var(--muted)}
body.mob .noz-card .nz-check{background:var(--g1)}
body.mob .noz-card.active{border-color:var(--g1);box-shadow:0 0 0 1.5px var(--g1),var(--sh)}

/* panel transaksi = sheet dari bawah */
body.mob .bbm-txn{position:absolute;left:0;right:0;bottom:0;top:auto;border-left:0;border-radius:26px 26px 0 0;
  box-shadow:0 -22px 48px -16px rgba(2,6,15,.45);transform:translateY(110%);transition:transform .28s var(--ease);
  z-index:70;max-height:92%;overflow:hidden}
body.mob.sheet-open .bbm-txn{transform:translateY(0)}
body.mob .bbm-txn .txn-empty{display:none}
body.mob .txn-head{border-radius:26px 26px 0 0;position:relative;padding:18px 20px 16px;background:linear-gradient(150deg,#0a6cad,#023f6b)!important}
body.mob .txn-head .pchip{background:rgba(255,255,255,.16)!important}
body.mob .th-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:10px;border:0;
  background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer}
body.mob .th-close svg{width:16px;height:16px}
body.mob .sheet-grab{width:44px;height:5px;border-radius:5px;background:rgba(255,255,255,.55);margin:9px auto 3px}
body.mob .th-noz .pchip{background:rgba(255,255,255,.2)}
/* isi sheet mengalir & scroll. Jangan di-shrink flex */
body.mob .txn-body{display:block;padding:16px 18px 18px}
body.mob .txn-mode{margin-bottom:14px}
body.mob .txn-disp{border:0;background:linear-gradient(135deg,#effdf4,#e6f8ec);border-radius:16px;margin-bottom:14px}
body.mob .txn-disp .dl{padding:12px 16px}
body.mob .txn-disp .dl.active{background:rgba(3,81,135,.07)}
body.mob .txn-disp .dl .dv{font-size:24px}
body.mob .bbm-keypad{margin-top:0}
body.mob .bbm-keypad button{height:48px;font-size:19px;border-radius:14px}
body.mob .bbm-keypad button.k-del{color:var(--ink2)}
body.mob .bbm-keypad button.k-del svg{width:22px;height:22px}
body.mob .bbm-keypad button.k-fn{color:var(--muted)}
/* bobot lebih ringan ala member: tombol utama 700, angka tangki 700 */
body.mob .txn-bayar,body.mob .tutup-btn,body.mob .conn-btn.go{font-weight:700}
body.mob .txn-foot .tf-row b{font-weight:700;font-size:22px}
body.mob .tank-meta .tm-pct{font-weight:700}
body.mob .txn-disp .dl .dv{font-weight:700}
body.mob .harga-card .hc-price input{font-weight:700}
body.mob .shift-hero .sh-c .v{font-weight:700}
body.mob .txn-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px))}
body.mob .txn-bayar{height:54px;border-radius:16px}

/* baris pilih pelanggan (anggota/umum) */
.cust-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:11px 13px;font-family:inherit;cursor:pointer;margin-bottom:14px;transition:.14s}
.cust-row:active{background:var(--app-bg)}
.cust-row.member{border-color:#bcdcf5;background:var(--accent-soft)}
.cust-row .ci{width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--g1);display:grid;place-items:center;flex:none}
.cust-row.member .ci{background:var(--g1);color:#fff}
.cust-row .ci svg{width:19px;height:19px}
.cust-row .ct{flex:1;min-width:0}
.cust-row .ct b{font-size:14px;font-weight:700;color:var(--ink);display:block}
.cust-row .ct span{font-size:11.5px;color:var(--muted)}
.cust-row.member .ct span{color:var(--g1);font-weight:600}
.cust-row .cchev{color:#c3cad4;font-size:12px;font-weight:700;flex:none}

/* modal pilih anggota */
.agt-search{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:12px;padding:10px 13px;margin-bottom:12px}
.agt-search svg{width:18px;height:18px;color:var(--muted);flex:none}
.agt-search input{flex:1;border:0;outline:none;font-family:inherit;font-size:14px;color:var(--ink);background:none}
.agt-list{max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.agt-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 13px;font-family:inherit;cursor:pointer;transition:.14s}
.agt-item:hover,.agt-item:active{border-color:var(--g1);background:var(--accent-soft)}
.agt-item .av{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--g1);font-weight:800;font-size:14px;display:grid;place-items:center;flex:none}
.agt-item .info{flex:1;min-width:0}
.agt-item .info b{font-size:14px;font-weight:700;color:var(--ink);display:block}
.agt-item .info span{font-size:11.5px;color:var(--muted)}
.agt-item .poin{font-size:11.5px;font-weight:700;color:var(--g1);background:var(--accent-soft);padding:5px 10px;border-radius:20px;flex:none}
.agt-umum{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border:1.5px dashed var(--line);background:#fff;border-radius:13px;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.agt-umum svg{width:16px;height:16px}

/* struk: poin & kupon */
.struk .s-poin{background:var(--accent-soft);border-radius:10px;padding:10px 12px;margin:4px 0}
.struk .s-poin .h{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--g1)}
.struk .s-poin .codes{font-size:10.5px;color:#3f5a49;margin-top:5px;line-height:1.6;word-break:break-all;font-family:monospace}

/* backdrop kasir sheet */
body.mob .kasir-bg{position:absolute;inset:0;background:rgba(2,6,15,.45);opacity:0;visibility:hidden;transition:.2s;z-index:65}
body.mob.sheet-open .kasir-bg{opacity:1;visibility:visible}

/* modal: absolute dalam bingkai, sheet-style */
body.mob .modal{position:absolute;padding:0;align-items:flex-end;z-index:80}
body.mob .modal-card{max-width:none!important;width:100%;border-radius:26px 26px 0 0;max-height:94%;margin:0;position:relative}
body.mob .modal-card::before{content:"";position:absolute;top:9px;left:50%;margin-left:-21px;width:42px;height:5px;border-radius:5px;background:rgba(255,255,255,.55);z-index:2}
body.mob .modal-btn{background:var(--g1)!important}
body.mob #payModal .pm.active{border-color:var(--g1)!important;background:var(--g1)!important}
body.mob #payModal .modal-body.pay-scr{grid-template-columns:1fr;display:block}
body.mob #payModal .pm-rail{border-right:0;border-bottom:1px solid var(--line)}
body.mob #payModal .pm-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
body.mob #payModal .pm{flex-direction:column;text-align:center;gap:5px;font-size:11px;padding:11px 6px}
body.mob .struk{width:100%}
body.mob .set-form{grid-template-columns:1fr!important}

/* sembunyikan sisa shell lama bila ada */
body.mob .adm-shell,body.mob .adm-side,body.mob .adm-topbar,body.mob .adm-side-backdrop{display:none!important}