/* Rufiyaa Update 4 isolated QA – 2026-11-02
   Match the signed-off Savings sheet geometry; remove distracting nested scrollbars.
   Presentation only. Payment/loan/savings accounting remains unchanged. */
@media (max-width:540px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal:is(.u4lo-detail-modal,.u4sb-detail-modal){
  box-sizing:border-box!important;
  width:calc(100vw - 18px)!important;
  min-width:0!important;max-width:calc(100vw - 18px)!important;
  height:min(690px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px))!important;
  max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;
  padding:16px 11px 8px!important;
  overflow:hidden!important;
 }
}
#modal-root .modal.u4lo-detail-modal,
#modal-root .modal.u4sb-detail-modal{
 overflow:hidden!important;overscroll-behavior:contain!important;
}
#modal-root .modal.u4lo-detail-modal .u4lo-detail-scroll,
#modal-root .modal.u4sb-detail-modal .u4sb-detail-scroll{
 box-sizing:border-box!important;
 min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;
 scrollbar-width:none!important;-ms-overflow-style:none!important;
 overflow-anchor:none!important;
}
#modal-root .modal.u4lo-detail-modal .u4lo-detail-scroll::-webkit-scrollbar,
#modal-root .modal.u4sb-detail-modal .u4sb-detail-scroll::-webkit-scrollbar{
 width:0!important;height:0!important;display:none!important;
}
#modal-root .modal.u4lo-detail-modal .u4lo-detail-header,
#modal-root .modal.u4sb-detail-modal .u4sb-detail-head{position:relative!important;z-index:6!important;}
/* Payment details: one softly rounded grouping, four independent mint tiles.
   Remove the legacy square white backing and the inset border/glass layer. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal .u4sb-setup.u4sb-setup-modern{
 border-radius:21px!important;
 padding:15px 15px 17px!important;
 margin-bottom:12px!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .subscription-section-head-v75{
 margin:0 0 13px!important;padding:0 1px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-list{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;padding:0!important;margin:0!important;
 border:none!important;border-radius:0!important;background:transparent!important;
 background-image:none!important;box-shadow:none!important;outline:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal .u4sb-setup-modern .detail-line.u4sb-setup-tile{
 min-width:0!important;min-height:76px!important;margin:0!important;
 padding:12px!important;border-radius:16px!important;
 background:color-mix(in srgb,#b8e6d1 14%,var(--card,#fff))!important;
 border:1px solid color-mix(in srgb,#087b59 12%,transparent)!important;
 box-shadow:none!important;
}
@media(max-width:360px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal .u4sb-setup.u4sb-setup-modern{padding-inline:11px!important;}
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal .u4sb-setup.u4sb-setup-modern{background:transparent!important;border-color:transparent!important;}

@media(max-width:540px){
 #modal-root .modal.u4sb-detail-modal .u4sb-detail-scroll{padding-left:1px!important;padding-right:1px!important;}
}