:root{--sabir-mobile-navy:#00365a;--sabir-mobile-blue:#0a496f;--sabir-mobile-gold:#b39a68;--sabir-mobile-line:#dce4e8;--sabir-mobile-bg:#ffffff}
.sabir-mobile-nav,.sabir-mobile-sheet,.sabir-mobile-backdrop{display:none}
@media (max-width:800px),(display-mode:standalone){
  body.sabir-mobile-portal{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .sabir-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:2147482000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid rgba(0,54,90,.12);box-shadow:0 -10px 30px rgba(0,54,90,.10);backdrop-filter:blur(12px)}
  .sabir-mobile-nav button{border:0;background:transparent;color:#607487;min-width:0;min-height:62px;padding:7px 2px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:750 13px/1.12 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.01em;cursor:pointer;touch-action:manipulation}
  .sabir-mobile-nav button .mi{font-size:23px;line-height:1}
  .sabir-mobile-nav button.active{background:#eef5f8;color:var(--sabir-mobile-navy)}
  .sabir-mobile-nav button:active{transform:scale(.97)}
  .sabir-mobile-backdrop.open{display:block;position:fixed;inset:0;z-index:2147482090;background:rgba(2,26,42,.42)}
  .sabir-mobile-sheet.open{display:block;position:fixed;left:10px;right:10px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:2147482100;background:#fff;border:1px solid rgba(0,54,90,.12);border-radius:22px;box-shadow:0 24px 70px rgba(0,38,70,.28);padding:14px;max-height:calc(100vh - 120px);overflow:auto}
  .sabir-mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px;color:var(--sabir-mobile-navy)}
  .sabir-mobile-sheet-head b{font-size:17px;line-height:1.2}.sabir-mobile-sheet-head button{border:0;background:#eef2f4;border-radius:50%;width:40px;height:40px;color:var(--sabir-mobile-navy);font-size:22px;display:grid;place-items:center;cursor:pointer}
  .sabir-mobile-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .sabir-mobile-sheet-grid button{border:1px solid var(--sabir-mobile-line);background:#fff;color:var(--sabir-mobile-navy);border-radius:15px;min-height:72px;padding:13px 12px;text-align:left;font:800 14px/1.25 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer;touch-action:manipulation}
  .sabir-mobile-sheet-grid button span{display:block;font-size:23px;line-height:1;margin-bottom:7px}
  .sabir-mobile-sheet-grid button:active{background:#f2f7f9;transform:scale(.985)}
  #sabirSupportRoot.sabir-support-with-mobile-nav{bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
  #sabirSupportRoot.sabir-support-with-mobile-nav .sabir-support-panel{bottom:126px!important;max-height:calc(100vh - 250px)!important}
  html.sabir-standalone .sabir-mobile-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:420px){
  .sabir-mobile-sheet-grid{grid-template-columns:1fr 1fr;gap:8px}
  .sabir-mobile-nav{padding-left:3px;padding-right:3px;gap:1px}
  .sabir-mobile-nav button{font-size:13px;min-height:60px;padding-left:1px;padding-right:1px}
  .sabir-mobile-nav button .mi{font-size:22px}
  .sabir-mobile-sheet-grid button{font-size:13.5px;min-height:70px;padding:12px 10px}
}
@media(max-width:350px){
  .sabir-mobile-nav button{font-size:13px;letter-spacing:-.025em}
  .sabir-mobile-nav button .mi{font-size:21px}
}
@media print{.sabir-mobile-nav,.sabir-mobile-sheet,.sabir-mobile-backdrop{display:none!important}}

/* v9.3.11 — persistent Home + Chatbot on mobile */
@media (max-width:800px),(display-mode:standalone){
  .sabir-mobile-nav button[data-mobile-chatbot]{color:var(--sabir-mobile-navy);font-weight:850}
  .sabir-mobile-nav button[data-mobile-chatbot] .mi{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sabir-mobile-navy);color:#fff;font-size:20px;box-shadow:0 5px 14px rgba(0,54,90,.18)}
  #sabirSupportRoot.sabir-support-with-mobile-nav .sabir-support-actions{display:none!important}
  #sabirSupportRoot.sabir-support-with-mobile-nav{right:8px!important;bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
  #sabirSupportRoot.sabir-support-with-mobile-nav .sabir-support-panel{right:0!important;bottom:0!important;width:min(390px,calc(100vw - 16px))!important;max-height:calc(100vh - 122px)!important}
}

/* ===== v9.3.13 · Mobile Merchant QR Pay + beneficiary picker ===== */
.sabir-qr-modal,.sabir-beneficiary-modal{display:none}
@media (max-width:800px),(display-mode:standalone){
  .sabir-mobile-sheet-grid button[data-mobile-qr]{background:#eef5f8;border-color:#c7d9e2}
  .sabir-mobile-qr-pay{display:block!important;min-height:52px!important;font-size:15px!important;border-width:1.5px!important}
  .sabir-beneficiary-native{display:none!important}
  .sabir-beneficiary-trigger{grid-column:1/-1;width:100%;border:1px solid #cfdce2;background:#fff;color:#082f4b;border-radius:13px;min-height:58px;padding:9px 42px 9px 13px;text-align:left;position:relative;cursor:pointer;display:block}
  .sabir-beneficiary-trigger span{display:block;font-size:11px;color:#607487;margin-bottom:3px}.sabir-beneficiary-trigger strong{display:block;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sabir-beneficiary-trigger i{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-style:normal;font-size:22px;color:#607487}
  .sabir-qr-modal,.sabir-beneficiary-modal{position:fixed;inset:0;z-index:2147483500;background:rgba(2,26,42,.72);backdrop-filter:blur(7px);padding:12px;align-items:flex-end;justify-content:center}
  .sabir-qr-modal.open,.sabir-beneficiary-modal.open{display:flex}
  .sabir-qr-card,.sabir-beneficiary-card{width:min(520px,100%);max-height:calc(100vh - 24px);overflow:auto;background:#fff;border-radius:24px 24px 18px 18px;box-shadow:0 30px 90px rgba(0,0,0,.30);padding:14px}
  .sabir-qr-head,.sabir-beneficiary-head{display:flex;align-items:flex-start;gap:12px;color:#00365a;margin-bottom:12px}.sabir-qr-head>div{flex:1}.sabir-qr-head b,.sabir-beneficiary-head b{display:block;font-size:18px}.sabir-qr-head small{display:block;font-size:12.5px;line-height:1.45;color:#607487;margin-top:4px}.sabir-qr-head button,.sabir-beneficiary-head button{margin-left:auto;border:0;background:#eef2f4;color:#00365a;width:40px;height:40px;border-radius:50%;font-size:22px;display:grid;place-items:center}
  .sabir-qr-camera{position:relative;aspect-ratio:1/1;background:#071c29;border-radius:20px;overflow:hidden}.sabir-qr-camera video{width:100%;height:100%;object-fit:cover;display:block}
  .sabir-qr-frame{position:absolute;inset:16%;pointer-events:none}.sabir-qr-frame span{position:absolute;width:36px;height:36px;border-color:#fff;border-style:solid}.sabir-qr-frame span:nth-child(1){left:0;top:0;border-width:4px 0 0 4px;border-radius:9px 0 0 0}.sabir-qr-frame span:nth-child(2){right:0;top:0;border-width:4px 4px 0 0;border-radius:0 9px 0 0}.sabir-qr-frame span:nth-child(3){left:0;bottom:0;border-width:0 0 4px 4px;border-radius:0 0 0 9px}.sabir-qr-frame span:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 9px 0}
  .sabir-qr-status{font-size:12.5px;line-height:1.45;color:#526f81;padding:10px 3px}.sabir-qr-status.error{color:#9d3342;font-weight:700}
  .sabir-qr-actions{display:flex;gap:8px}.sabir-qr-file{flex:1;border:1px solid #ccdbe2;background:#f8fbfc;color:#00365a;border-radius:13px;min-height:48px;padding:11px 13px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
  .sabir-qr-manual{display:flex;gap:8px;margin-top:9px}.sabir-qr-manual input{min-width:0;flex:1;border:1px solid #ccdbe2;border-radius:12px;padding:11px;font-size:14px}.sabir-qr-manual button{border:0;background:#00365a;color:#fff;border-radius:12px;padding:10px 13px;font-weight:800;font-size:13px}
  .sabir-beneficiary-card{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.sabir-beneficiary-list{display:grid;gap:8px}.sabir-beneficiary-option{width:100%;border:1px solid #dce4e8;background:#fff;color:#082f4b;border-radius:14px;padding:14px;text-align:left;font-size:14px;font-weight:750;line-height:1.3;min-height:52px}.sabir-beneficiary-option.selected{background:#eef5f8;border-color:#9fb8c7}.sabir-ben-empty{padding:18px;text-align:center;color:#607487;font-size:13px}
}