/* Update 4 — iPhone detail-sheet consistency.
   Align Loans and Subscriptions with the signed-off Savings modal gutter,
   while keeping tablet/desktop widths and existing financial handlers intact. */
@media (max-width:540px) {
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4lo-detail-modal,
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal {
    box-sizing:border-box!important;
    width:calc(100vw - 18px)!important;
    min-width:0!important;
    max-width:calc(100vw - 18px)!important;
    margin-inline:auto!important;
  }
  /* These are separate scroll containers, not new scroll behavior.
     Match Savings' 13px content gutter without cropping full-width tiles. */
  #modal-root .modal.u4lo-detail-modal {
    padding-inline:13px!important;
  }
  #modal-root .modal.u4sb-detail-modal {
    padding-inline:13px!important;
  }
}