/* Credit is an embedded sub-screen inside an immutable clone of the exact
   sensel.vn product. The product header/sidebar/runtime remain authoritative. */
#senselCreditHost{
  position:fixed;display:none;overflow:hidden;background:#f8f9fc;
  border:0;z-index:18;min-width:0;min-height:0;
}
body.sensel-credit-active #senselCreditHost{display:block}
#senselCreditFrame{display:block;width:100%;height:100%;border:0;background:#f8f9fc}
#senselCreditNavButton .sensel-credit-nav-icon{color:#6047f5}
#senselCreditNavButton.active{background:linear-gradient(90deg,#f0edff 0%,#fff4fa 100%);color:#5845ef}
@media(max-width:760px){
  body.sensel-credit-active .topbar{visibility:hidden!important;pointer-events:none!important}
  #senselCreditHost{z-index:10020!important;inset:0!important}
}

/* R3 MOBILE X-OVERFLOW LOCK
   iOS Safari may auto-expand an iframe to the width of its document even when
   width:100% is declared. The width:1px + min-width:100% pattern constrains the
   embedded Credit viewport to the product viewport without affecting vertical scroll. */
@media(max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
  body.sensel-credit-active{max-width:100vw!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
  #senselCreditHost{
    width:100vw!important;max-width:100vw!important;min-width:0!important;
    overflow:hidden!important;overscroll-behavior-x:none!important;contain:layout paint!important;
  }
  #senselCreditFrame{
    width:1px!important;min-width:100%!important;max-width:100%!important;
    height:100%!important;border:0!important;display:block!important;
    overscroll-behavior-x:none!important;
  }
}