/* SePay owns one viewport: header / scrollable content / footer. */
.sepay-reopen-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px solid #d4e2ee;border-radius:14px;background:#fff}
.sepay-reopen-toolbar>span{flex:1 1 160px;font-size:13px;line-height:1.5;color:#536b82}
body.unified-shell .sepay-reopen-button{min-height:44px!important;font-size:13px!important;white-space:normal!important}
body.unified-shell #debt-list .sepay-reopen-button{grid-column:1/-1;width:100%;margin-top:6px}
.staff-delivery-expanded>.sepay-reopen-button{width:100%;margin-top:10px}
#sepay-dialog .sepay-history-item{display:grid;gap:6px;align-content:start;text-align:left;width:100%;padding:14px!important;height:auto!important}
#sepay-dialog .sepay-history-item strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
#sepay-dialog .sepay-history-meta{font-size:12px;line-height:1.5;color:#536b82;overflow-wrap:anywhere}
#sepay-dialog .sepay-history-status{font-size:13px;line-height:1.4;font-weight:700}
#sepay-dialog .sepay-history-status.pending{color:#086cce}
#sepay-dialog .sepay-history-empty{padding:18px;border:1px dashed #b8cedf;border-radius:14px;background:#fff}
#sepay-dialog .sepay-reopen-hint{font-size:13px;color:#536b82;padding:12px;border-radius:12px;background:#edf6ff}
#sepay-dialog.sepay-fullscreen {
  position:fixed!important;inset:auto!important;
  top:var(--sepay-top,0px)!important;left:var(--sepay-left,0px)!important;
  width:var(--sepay-vw,100vw)!important;min-width:0!important;max-width:none!important;
  height:var(--sepay-vh,100dvh)!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  box-sizing:border-box!important;overflow:hidden!important;transform:none!important;
  background:#f4f8fc;color:#193752;box-shadow:none!important;
}
#sepay-dialog.sepay-fullscreen:not([open]){display:none!important}
#sepay-dialog.sepay-fullscreen[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important}
#sepay-dialog.sepay-fullscreen>.sepay-head,
#sepay-dialog.sepay-fullscreen>.sepay-foot{position:static!important;inset:auto!important;transform:none!important;width:100%!important;box-sizing:border-box!important;margin:0!important;background:#fff;padding:14px 18px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:auto!important}
#sepay-dialog.sepay-fullscreen>.sepay-head{border-bottom:1px solid #d8e5ef;padding-top:max(14px,env(safe-area-inset-top))!important}
#sepay-dialog .sepay-head>div{min-width:0}#sepay-dialog .sepay-head h2{font-size:22px!important;line-height:1.3!important;margin:4px 0 0!important}
#sepay-dialog small{font-size:10px!important;letter-spacing:1.5px;color:#087cfa;font-weight:800}
#sepay-dialog .sepay-head .icon-btn{width:44px!important;height:44px!important;min-height:44px!important;flex:none;font-size:28px!important;box-shadow:none!important;border-radius:12px!important}
#sepay-dialog.sepay-fullscreen>.sepay-body{position:static!important;min-height:0!important;min-width:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;box-sizing:border-box!important}
#sepay-dialog .sepay-body>*{flex:0 0 auto!important;max-width:100%;box-sizing:border-box}
#sepay-dialog p{margin:0;line-height:1.5;font-size:16px}
#sepay-dialog .sepay-state{margin:0;font-size:22px;color:#193752}#sepay-dialog .paid,#sepay-dialog .manual{color:#087e55}
#sepay-dialog .review,#sepay-dialog .sepay-network{color:#9c5900}
#sepay-dialog .sepay-amount{font-size:32px;color:#087cfa;line-height:1.3}
#sepay-dialog .sepay-image{width:min(100%,340px);height:auto;align-self:center;border-radius:12px}
#sepay-dialog .sepay-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
#sepay-dialog .sepay-review{padding:14px;border:1px solid #f0d097;background:#fff9ec;border-radius:14px}
#sepay-dialog .sepay-review p{white-space:pre-wrap;overflow-wrap:anywhere}
#sepay-dialog .btn{white-space:normal;min-height:48px;font-size:16px}
#sepay-dialog.sepay-fullscreen>.sepay-foot{border-top:1px solid #d8e5ef;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
#sepay-dialog .sepay-foot button{width:100%}
.sepay-form-error{padding:12px;border:1px solid #efacac;border-radius:12px;background:#fff0f0;color:#a52832;line-height:1.5}
#payment-qr .sepay-launch,#payment-qr .sepay-manual{width:100%;margin-top:10px;white-space:normal;min-height:48px}
#payment-qr .sepay-launch{background:#087cfa;color:white}
html:has(#sepay-dialog[open]),body:has(#sepay-dialog[open]){overflow:hidden!important}

/* v4.06.1.58 — Delivery → SePay same-flow preview and QR image integrity */
#delivery-qr .sepay-delivery-ready{display:grid;gap:8px;width:100%;padding:16px;box-sizing:border-box;border:1px solid #a8d2ff;border-radius:14px;background:#eef7ff;color:#193f62;text-align:left}
#delivery-qr .sepay-delivery-ready strong{font-size:18px;line-height:1.35;color:#0878ef}
#delivery-qr .sepay-delivery-ready span{font-size:13px;line-height:1.55;color:#496b87}
#delivery-qr:has(.sepay-delivery-ready){padding:0!important;border:0!important;background:transparent!important}
#delivery-qr:has(.sepay-delivery-ready)>img,#delivery-qr:has(.sepay-delivery-ready)>p{display:none!important}
#sepay-dialog .sepay-image{display:block!important;width:min(100%,380px)!important;height:auto!important;max-height:none!important;min-height:0!important;object-fit:contain!important;aspect-ratio:auto!important;align-self:center!important;overflow:visible!important}
#sepay-dialog .sepay-body{contain:none!important}

/* v4.06.1.61 — Thu nợ dùng cùng kiểu QR workflow như Giao hàng */
#payment-qr .sepay-payment-ready{
  display:grid;gap:8px;width:100%;padding:16px;box-sizing:border-box;
  border:1px solid #a8d2ff;border-radius:14px;background:#eef7ff;color:#193f62;text-align:left;
}
#payment-qr .sepay-payment-ready strong{font-size:18px;line-height:1.35;color:#0878ef}
#payment-qr .sepay-payment-ready span{font-size:13px;line-height:1.55;color:#496b87}
#payment-qr:has(.sepay-payment-ready){padding:0!important;border:0!important;background:transparent!important}
#payment-qr:has(.sepay-payment-ready)>img,#payment-qr:has(.sepay-payment-ready)>p{display:none!important}

/* v4.07.6 — Instant SePay Checkout: phản hồi ngay sau khi phiếu giao đã lưu */
#sepay-dialog .sepay-preparing{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #a8d2ff;border-radius:14px;background:#eef7ff}
#sepay-dialog .sepay-preparing>div{display:grid;gap:4px;min-width:0}
#sepay-dialog .sepay-preparing strong{font-size:18px;line-height:1.35;color:#0878ef}
#sepay-dialog .sepay-preparing span:not(.sepay-spinner){font-size:14px;line-height:1.45;color:#496b87}
#sepay-dialog .sepay-spinner{width:24px;height:24px;flex:0 0 24px;border:3px solid #cfe6ff;border-top-color:#087cfa;border-radius:50%;animation:sepay-spin .7s linear infinite}
@keyframes sepay-spin{to{transform:rotate(360deg)}}

/* v4.09.1 — Local Instant VietQR: SVG local, không tải PNG ngoài ở luồng chính */
#sepay-dialog .sepay-local-qr-card{
  width:min(100%,420px);align-self:center;display:grid;gap:8px;justify-items:center;
  padding:10px 10px 12px;border:1px solid #d7e6f2;border-radius:16px;background:#fff;
  box-shadow:0 8px 24px rgba(20,62,98,.06);
}
#sepay-dialog .sepay-local-qr-badge{
  font-size:11px;font-weight:900;letter-spacing:1.1px;color:#087cfa;text-align:center;
}
#sepay-dialog .sepay-local-qr-host{width:100%;display:grid;justify-items:center;gap:8px;min-height:0}
#sepay-dialog .sepay-local-svg{display:block;width:min(100%,380px);height:auto;aspect-ratio:1/1;background:#fff}
#sepay-dialog .sepay-qr-fallback-status{font-size:13px;color:#58758e;text-align:center}
#sepay-dialog .sepay-qr-retry{width:100%;max-width:280px}


/* v4.09.2 — VietQR Standard Visual: local QR tốc độ cao nhưng trình bày quen thuộc hơn */
#sepay-dialog .sepay-vietqr-standard{
  width:min(100%,390px);padding:18px 16px 16px;gap:6px;border:1px solid #e0e8ef;
  border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(20,62,98,.07);
}
#sepay-dialog .sepay-vietqr-brand{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px}
#sepay-dialog .sepay-vietqr-mark{width:46px;height:34px;display:block;overflow:visible}
#sepay-dialog .sepay-vietqr-word{font-size:29px;line-height:1;font-weight:950;letter-spacing:-1.8px;color:#ef3d36;font-family:Arial,Helvetica,sans-serif}
#sepay-dialog .sepay-vietqr-word>span{color:#24446f}
#sepay-dialog .sepay-vietqr-brand-note{font-size:9px;line-height:1.2;letter-spacing:1.25px;font-weight:800;color:#70869a;text-align:center;margin-top:-1px}
#sepay-dialog .sepay-vietqr-standard .sepay-local-qr-host{
  width:min(100%,336px);padding:10px;box-sizing:border-box;background:#fff;border-radius:10px;
  display:grid;place-items:center;overflow:hidden;
}
#sepay-dialog .sepay-vietqr-standard .sepay-local-svg{
  display:block;width:100%;max-width:316px;height:auto;aspect-ratio:1/1;background:#fff;
}
#sepay-dialog .sepay-vietqr-scan-hint{font-size:12px;line-height:1.35;color:#627b90;text-align:center;margin-top:1px}
@media (max-width:390px){
  #sepay-dialog .sepay-vietqr-standard{padding:14px 12px 13px}
  #sepay-dialog .sepay-vietqr-standard .sepay-local-qr-host{width:min(100%,318px);padding:8px}
  #sepay-dialog .sepay-vietqr-word{font-size:27px}
}

/* V31.8 — Smart QR: payment-first UI, independent from SePay availability */
#sepay-dialog .sepay-smart-details{display:grid;gap:5px;padding:12px 14px;border:1px solid #d7e6f2;border-radius:14px;background:#fff;color:#193752}
#sepay-dialog .sepay-smart-details strong{font-size:15px;line-height:1.4;color:#173a59}
#sepay-dialog .sepay-smart-details span{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
#sepay-dialog .sepay-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#sepay-dialog .sepay-copy-actions .btn{min-height:44px!important;font-size:14px!important}
#sepay-dialog .sepay-smart-note{padding:12px 14px;border-radius:12px;background:#edf6ff;color:#496b87;font-size:14px!important}
#sepay-dialog .sepay-state.paid,#sepay-dialog .sepay-state.manual{padding:10px 12px;border-radius:12px;background:#eaf8f2;color:#087e55}
@media (max-width:390px){#sepay-dialog .sepay-copy-actions{grid-template-columns:1fr}}

/* V31.9 — Enterprise QR: single local QR, banking-style hierarchy, payment-first */
#sepay-dialog.is-pending-qr{background:
  radial-gradient(circle at 50% 34%,rgba(15,126,248,.08),transparent 34%),
  linear-gradient(180deg,#fbfdff 0%,#f4f9ff 100%)!important;}
#sepay-dialog.is-pending-qr>.sepay-head{padding:18px 22px!important;background:rgba(255,255,255,.96)!important;}
#sepay-dialog.is-pending-qr .sepay-head small{font-size:11px!important;letter-spacing:1.35px!important;color:#087cf2!important;}
#sepay-dialog.is-pending-qr .sepay-head h2{font-size:27px!important;font-weight:900!important;letter-spacing:-.7px!important;color:#102a46!important;}
#sepay-dialog.is-pending-qr .sepay-head .icon-btn{width:52px!important;height:52px!important;border-radius:18px!important;background:#eef5fc!important;border:0!important;color:#132f4c!important;font-size:34px!important;}
#sepay-dialog.is-pending-qr>.sepay-body{align-items:center!important;gap:8px!important;padding:20px 18px 26px!important;}
#sepay-dialog.is-pending-qr .sepay-body>*{width:min(100%,560px);}
#sepay-dialog .sepay-enterprise-clock{width:66px!important;height:66px!important;display:grid;place-items:center;margin:0 auto 4px;border-radius:50%;background:#e9f4ff;box-shadow:0 0 0 12px rgba(8,124,250,.055);}
#sepay-dialog .sepay-enterprise-clock span{width:31px;height:31px;border:4px solid #087cfa;border-radius:50%;position:relative;box-sizing:border-box;}
#sepay-dialog .sepay-enterprise-clock span:before{content:"";position:absolute;width:3px;height:9px;background:#087cfa;left:12px;top:5px;border-radius:3px;transform-origin:50% 8px;}
#sepay-dialog .sepay-enterprise-clock span:after{content:"";position:absolute;width:9px;height:3px;background:#087cfa;left:12px;top:12px;border-radius:3px;transform:rotate(30deg);transform-origin:0 50%;}
#sepay-dialog.is-pending-qr .sepay-state.pending{font-size:24px!important;line-height:1.25!important;text-align:center!important;color:#102a46!important;font-weight:900!important;margin:5px 0 0!important;}
#sepay-dialog.is-pending-qr .sepay-amount{font-size:50px!important;line-height:1.05!important;text-align:center!important;color:#087cfa!important;font-weight:900!important;letter-spacing:-1.3px!important;margin-top:5px!important;}
#sepay-dialog.is-pending-qr .sepay-customer-name{text-align:center!important;font-size:20px!important;color:#5c6d83!important;font-weight:700!important;margin:0 0 12px!important;}
#sepay-dialog .sepay-enterprise-qr-card{width:min(100%,390px)!important;margin:0 auto;border:1px solid #e0eaf4;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 14px 40px rgba(30,86,135,.09);}
#sepay-dialog .sepay-enterprise-account{display:flex;align-items:center;gap:13px;padding:14px 16px;background:linear-gradient(135deg,#eef7ff,#e2f1ff);}
#sepay-dialog .sepay-enterprise-account-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#d9ecff;color:#087cfa;}
#sepay-dialog .sepay-enterprise-account-icon svg{width:27px;height:27px;fill:#087cfa;stroke:none;}
#sepay-dialog .sepay-enterprise-account-text{min-width:0;display:grid;gap:2px;}
#sepay-dialog .sepay-enterprise-account-text strong{font-size:16px;line-height:1.25;color:#102a46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sepay-dialog .sepay-enterprise-account-text span{font-size:18px;line-height:1.25;color:#334e68;letter-spacing:.25px;}
#sepay-dialog .sepay-enterprise-qr-surface{display:grid;justify-items:center;gap:10px;padding:17px 14px 16px;background:#fff;}
#sepay-dialog .sepay-enterprise-brands{width:min(100%,330px);display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;}
#sepay-dialog .sepay-enterprise-vietqr{display:flex;align-items:center;gap:5px;}
#sepay-dialog .sepay-enterprise-vietqr svg{width:37px;height:27px;display:block;}
#sepay-dialog .sepay-enterprise-vietqr span{font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:950;letter-spacing:-1.5px;color:#ed312c;line-height:1;}
#sepay-dialog .sepay-enterprise-vietqr b{color:#183f70;}
#sepay-dialog .sepay-enterprise-bank{display:flex;align-items:center;gap:5px;color:#1229b7;}
#sepay-dialog .sepay-enterprise-bank svg{width:31px;height:31px;display:block;}
#sepay-dialog .sepay-enterprise-bank strong{font-size:26px;line-height:1;font-weight:950;letter-spacing:-1px;}
#sepay-dialog .sepay-enterprise-mb-logo{display:block;width:88px;height:auto;object-fit:contain;}
#sepay-dialog .sepay-enterprise-qr-card .sepay-local-qr-host{width:min(100%,330px);padding:0!important;background:#fff!important;display:grid;place-items:center;overflow:hidden;}
#sepay-dialog .sepay-enterprise-qr-card .sepay-local-svg{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1/1;background:#fff;}
#sepay-dialog .sepay-enterprise-napas{display:flex;align-items:baseline;gap:3px;font-family:Arial,Helvetica,sans-serif;font-style:italic;color:#174b87;font-size:18px;font-weight:900;text-transform:uppercase;}
#sepay-dialog .sepay-enterprise-napas b{font-size:20px;color:#1787d1;}
#sepay-dialog .sepay-enterprise-napas em{font-size:20px;color:#88c21f;font-style:italic;font-weight:900;}
#sepay-dialog .sepay-enterprise-scan{text-align:center!important;color:#657c93!important;font-size:15px!important;padding:10px 0 2px!important;}
#sepay-dialog .sepay-enterprise-scan span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:5px;border:2px solid #637d96;border-radius:7px;vertical-align:middle;font-size:17px;line-height:1;}
#sepay-dialog.is-pending-qr .sepay-smart-details{width:min(100%,390px)!important;padding:10px 13px!important;background:#f6f9fc!important;border-color:#e2ebf3!important;text-align:center;color:#597188!important;font-size:13px!important;}
#sepay-dialog.is-pending-qr .sepay-copy-actions{width:min(100%,390px)!important;grid-template-columns:1fr 1fr;}
#sepay-dialog.is-pending-qr .sepay-copy-actions .btn{background:#fff!important;border:1px solid #cfe0ee!important;color:#264963!important;}
#sepay-dialog.is-pending-qr .sepay-smart-note{width:min(100%,390px)!important;background:#edf6ff!important;color:#496b87!important;text-align:left;}
#sepay-dialog.is-pending-qr>.sepay-foot{background:rgba(255,255,255,.98)!important;padding:12px 18px max(12px,env(safe-area-inset-bottom))!important;}
#sepay-dialog.is-pending-qr>.sepay-foot .btn{min-height:56px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#087cf2,#1599ff)!important;color:#fff!important;font-size:19px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(8,124,250,.18);}
#sepay-dialog .sepay-enterprise-qr-card.is-proxy .sepay-enterprise-brands,#sepay-dialog .sepay-enterprise-qr-card.is-proxy .sepay-enterprise-napas{display:none;}
#sepay-dialog .sepay-enterprise-qr-card.is-proxy .sepay-local-qr-host{padding:10px!important;}
#sepay-dialog .sepay-enterprise-qr-card.is-proxy .sepay-image{width:min(100%,340px)!important;border-radius:14px!important;}
@media (max-width:390px){
  #sepay-dialog.is-pending-qr>.sepay-body{padding:16px 14px 22px!important;}
  #sepay-dialog.is-pending-qr .sepay-head h2{font-size:24px!important;}
  #sepay-dialog.is-pending-qr .sepay-amount{font-size:44px!important;}
  #sepay-dialog .sepay-enterprise-qr-card{border-radius:20px;}
  #sepay-dialog .sepay-enterprise-account{padding:12px 13px;}
  #sepay-dialog .sepay-enterprise-account-icon{width:42px;height:42px;flex-basis:42px;}
  #sepay-dialog .sepay-enterprise-mb-logo{width:82px;}
  #sepay-dialog .sepay-enterprise-qr-surface{padding:14px 10px 13px;}
  #sepay-dialog .sepay-enterprise-qr-card .sepay-local-qr-host{width:min(100%,302px);}
  #sepay-dialog .sepay-enterprise-qr-card .sepay-local-svg{max-width:294px;}
}

/* V31.9.2 — Compact Enterprise QR: giảm phần tiêu đề/trạng thái, ưu tiên QR trong một màn hình */
#sepay-dialog.is-pending-qr>.sepay-head{
  padding:12px 18px!important;
  min-height:0!important;
}
#sepay-dialog.is-pending-qr .sepay-head small{
  font-size:10px!important;
  letter-spacing:1.25px!important;
}
#sepay-dialog.is-pending-qr .sepay-head h2{
  font-size:24px!important;
  line-height:1.15!important;
  margin-top:3px!important;
}
#sepay-dialog.is-pending-qr .sepay-head .icon-btn{
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:16px!important;
  font-size:31px!important;
}
#sepay-dialog.is-pending-qr>.sepay-body{
  gap:4px!important;
  padding:12px 16px 18px!important;
}
#sepay-dialog .sepay-enterprise-clock{
  width:48px!important;
  height:48px!important;
  margin:0 auto 2px!important;
  box-shadow:0 0 0 8px rgba(8,124,250,.045)!important;
}
#sepay-dialog .sepay-enterprise-clock span{
  width:25px!important;
  height:25px!important;
  border-width:3px!important;
}
#sepay-dialog .sepay-enterprise-clock span:before{
  width:3px!important;height:7px!important;left:9px!important;top:4px!important;
}
#sepay-dialog .sepay-enterprise-clock span:after{
  width:7px!important;height:3px!important;left:10px!important;top:10px!important;
}
#sepay-dialog.is-pending-qr .sepay-state.pending{
  font-size:21px!important;
  line-height:1.15!important;
  margin:2px 0 0!important;
}
#sepay-dialog.is-pending-qr .sepay-amount{
  font-size:43px!important;
  line-height:1!important;
  letter-spacing:-1px!important;
  margin:2px 0 0!important;
}
#sepay-dialog.is-pending-qr .sepay-customer-name{
  font-size:17px!important;
  line-height:1.15!important;
  margin:2px 0 7px!important;
}
#sepay-dialog .sepay-enterprise-qr-card{
  border-radius:21px!important;
  box-shadow:0 10px 30px rgba(30,86,135,.08)!important;
}
#sepay-dialog .sepay-enterprise-account{
  gap:11px!important;
  padding:11px 14px!important;
}
#sepay-dialog .sepay-enterprise-account-icon{
  width:40px!important;height:40px!important;flex-basis:40px!important;
}
#sepay-dialog .sepay-enterprise-account-icon svg{width:24px!important;height:24px!important;}
#sepay-dialog .sepay-enterprise-account-text{gap:1px!important;}
#sepay-dialog .sepay-enterprise-account-text strong{font-size:15px!important;}
#sepay-dialog .sepay-enterprise-account-text span{font-size:17px!important;}
#sepay-dialog .sepay-enterprise-qr-surface{
  gap:7px!important;
  padding:11px 12px 12px!important;
}
#sepay-dialog .sepay-enterprise-brands{min-height:38px!important;}
#sepay-dialog .sepay-enterprise-mb-logo{width:82px!important;}
#sepay-dialog .sepay-enterprise-qr-card .sepay-local-qr-host{width:min(100%,320px)!important;}
#sepay-dialog .sepay-enterprise-qr-card .sepay-local-svg{max-width:312px!important;}
#sepay-dialog .sepay-enterprise-napas{font-size:16px!important;line-height:1!important;}
#sepay-dialog .sepay-enterprise-napas b,#sepay-dialog .sepay-enterprise-napas em{font-size:18px!important;}
#sepay-dialog .sepay-enterprise-scan{padding:6px 0 0!important;font-size:14px!important;}
#sepay-dialog.is-pending-qr>.sepay-foot{padding:10px 16px max(10px,env(safe-area-inset-bottom))!important;}
#sepay-dialog.is-pending-qr>.sepay-foot .btn{min-height:52px!important;border-radius:15px!important;font-size:18px!important;}
@media (max-width:390px){
  #sepay-dialog.is-pending-qr>.sepay-head{padding:10px 14px!important;}
  #sepay-dialog.is-pending-qr .sepay-head h2{font-size:22px!important;}
  #sepay-dialog.is-pending-qr .sepay-head .icon-btn{width:44px!important;height:44px!important;min-height:44px!important;font-size:29px!important;}
  #sepay-dialog.is-pending-qr>.sepay-body{gap:3px!important;padding:10px 12px 14px!important;}
  #sepay-dialog .sepay-enterprise-clock{width:44px!important;height:44px!important;box-shadow:0 0 0 7px rgba(8,124,250,.04)!important;}
  #sepay-dialog.is-pending-qr .sepay-state.pending{font-size:20px!important;}
  #sepay-dialog.is-pending-qr .sepay-amount{font-size:40px!important;}
  #sepay-dialog.is-pending-qr .sepay-customer-name{font-size:16px!important;margin-bottom:5px!important;}
  #sepay-dialog .sepay-enterprise-account{padding:10px 12px!important;}
  #sepay-dialog .sepay-enterprise-account-icon{width:38px!important;height:38px!important;flex-basis:38px!important;}
  #sepay-dialog .sepay-enterprise-mb-logo{width:78px!important;}
  #sepay-dialog .sepay-enterprise-qr-surface{padding:9px 9px 10px!important;gap:6px!important;}
  #sepay-dialog .sepay-enterprise-qr-card .sepay-local-qr-host{width:min(100%,298px)!important;}
  #sepay-dialog .sepay-enterprise-qr-card .sepay-local-svg{max-width:292px!important;}
}
@media (max-height:760px){
  #sepay-dialog .sepay-enterprise-clock{width:40px!important;height:40px!important;box-shadow:none!important;}
  #sepay-dialog .sepay-enterprise-clock span{transform:scale(.88);}
  #sepay-dialog.is-pending-qr .sepay-state.pending{font-size:19px!important;}
  #sepay-dialog.is-pending-qr .sepay-amount{font-size:38px!important;}
  #sepay-dialog.is-pending-qr .sepay-customer-name{font-size:15px!important;margin-bottom:4px!important;}
}