@media(max-width:750px){body.mobile-banking #modal{position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom));margin:0;width:auto;max-width:none;min-width:0;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:24px 20px 20px;border-radius:24px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding:24px}body.mobile-banking #modalbody{width:100%;min-width:0;clear:both}body.mobile-banking #modal .modalclose{position:absolute;right:12px;top:10px;float:none;width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;margin:0;padding:0;font-size:24px;border-radius:50%;z-index:2;background:transparent}body.mobile-banking #modal h2,body.mobile-banking #modal .detail-heading h2{font-size:20px;letter-spacing:-.5px;line-height:1.25;margin:6px 32px 10px 0}body.mobile-banking #modal p{font-size:12px;line-height:1.55;overflow-wrap:anywhere}body.mobile-banking #modal label{display:block;font-size:12px;line-height:1.5;margin:18px 0 8px}body.mobile-banking #modal input,body.mobile-banking #modal select{width:100%;min-width:0;max-width:100%;height:46px;min-height:46px;padding:12px;font-size:16px;box-sizing:border-box}body.mobile-banking #modal .detail-heading>span{font-size:9px;letter-spacing:1.4px}body.mobile-banking #modal .detail-heading p{font-size:11px;margin:0}body.mobile-banking #modal .detail-summary{padding:16px 0;margin:0 0 14px;gap:10px;flex-wrap:wrap}body.mobile-banking #modal .detail-summary>div{gap:5px;min-width:0}body.mobile-banking #modal .detail-summary strong{font-size:25px;letter-spacing:-.7px;line-height:1.2;overflow-wrap:anywhere}body.mobile-banking #modal .detail-summary span:not(.badge){font-size:11px}body.mobile-banking #modal .detail-summary small{font-size:10px}body.mobile-banking #modal .detail-summary .badge{font-size:10px;padding:5px 8px}body.mobile-banking #modal .detail-data{padding:14px;border-radius:13px;min-width:0}body.mobile-banking #modal .detail-data-title{margin-bottom:14px;gap:8px}body.mobile-banking #modal .detail-data-title h3{font-size:12px}body.mobile-banking #modal .detail-data-title>span{font-size:10px}body.mobile-banking #modal .detail-data span:not(.detail-data-title span){font-size:10px}body.mobile-banking #modal .detail-number strong{font-size:17px;letter-spacing:.6px;line-height:1.45;overflow-wrap:anywhere}body.mobile-banking #modal .detail-number,body.mobile-banking #modal .detail-holder,body.mobile-banking #modal .detail-data-grid>div{gap:5px}body.mobile-banking #modal .detail-data-grid{gap:12px;margin:14px 0}body.mobile-banking #modal .detail-data-grid strong{font-size:13px}body.mobile-banking #modal .detail-holder strong{font-size:12px;overflow-wrap:anywhere}body.mobile-banking #modal .detail-reveal{height:auto;min-height:42px;padding:10px;margin:14px 0 0;line-height:1.4;border-radius:10px}body.mobile-banking #modal .detail-reveal span{font-size:11px;color:inherit}body.mobile-banking #modal .detail-reveal svg{flex-shrink:0;width:17px;height:17px}body.mobile-banking #modal .detail-security{font-size:10px;margin:8px 0 0;line-height:1.5}body.mobile-banking #modal .detail-actions{gap:9px;margin:14px 0 12px}body.mobile-banking #modal .detail-actions .btn{min-height:44px;height:auto;padding:10px 8px;font-size:12px;line-height:1.4;margin:0}body.mobile-banking #modal .detail-settings button{min-height:44px;padding:12px 0;font-size:12px;gap:10px}body.mobile-banking #modal .detail-close-card{min-height:42px;margin:8px auto 0;padding:10px;font-size:12px}body.mobile-banking #modal .receipt{font-size:12px;line-height:1.5;padding:14px;min-width:0;overflow-wrap:anywhere}body.mobile-banking #modal .mobile-fund-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 0;font-size:11px}body.mobile-banking #modal .mobile-fund-row:first-child{padding-top:0}body.mobile-banking #modal .mobile-fund-row strong{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}body.mobile-banking #modal .mobile-fund-total{border-top:1px solid var(--line);margin-top:4px;padding-top:14px;padding-bottom:0;font-weight:600}body.mobile-banking #modal .modalnote{font-size:11px;line-height:1.6;margin-top:14px}body.mobile-banking #modal.mobile-fund-modal form>.btn{min-height:46px;padding:12px;font-size:13px;margin-top:18px;line-height:1.4}body.mobile-banking #modal.mobile-fund-modal #fundamount{font-size:22px;min-height:54px;height:54px;padding:12px}body.mobile-banking #modal .detail-settings button>span:last-child{display:none}body.mobile-banking #modal.mobile-fund-modal form>.btn{border-radius:12px}
}
@media(max-width:350px){body.mobile-banking #modal{inset:auto 8px calc(8px + env(safe-area-inset-bottom));padding:22px 16px 16px;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:20px}body.mobile-banking #modal .detail-summary strong{font-size:23px}body.mobile-banking #modal .detail-number strong{font-size:16px;letter-spacing:.2px}}