/* Update 4 / Nov 2: five user-reported iPhone & iPad polish fixes.
   Scoped to People and mobile Subscriptions overview. No financial state changes. */
#modal-root .u4p-add .u4p-person-field{position:relative;isolation:isolate;z-index:4}
#modal-root .u4p-add .u4p-person-results:not([hidden]){
 position:absolute;z-index:25;top:calc(100% + 5px);left:0;right:0;
 display:grid;gap:3px;max-height:min(216px,35dvh);overflow-y:auto;
 padding:6px;border-radius:17px;background:var(--card,#fff);border:1px solid var(--border,#d5e3dd);
 box-shadow:0 18px 38px rgba(15,65,52,.17);overscroll-behavior:contain;
}
#modal-root .u4p-add .u4p-person-results[hidden]{display:none!important}
#modal-root .u4p-add .u4p-person-option{display:flex;align-items:center;gap:11px;
 min-height:56px;width:100%;padding:7px 10px;border:0;border-radius:12px;
 background:transparent;color:var(--text,#192339);text-align:left;font:inherit;cursor:pointer}
#modal-root .u4p-add .u4p-person-option:active,#modal-root .u4p-add .u4p-person-option:focus-visible{background:color-mix(in srgb,#b8e6d1 30%,var(--card,#fff))}
#modal-root .u4p-add .u4p-person-initial{display:grid;place-items:center;flex:0 0 34px;
 width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,#b8e6d1 58%,var(--card,#fff));color:#087859;font-weight:750}
#modal-root .u4p-add .u4p-person-option>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}
#modal-root .u4p-add .u4p-person-option b{font-size:13px}
#modal-root .u4p-add .u4p-person-option small{font-size:11px;color:var(--muted,#7c889b)}
/* Consistent native/custom sort pill, free of legacy three-line icon. */
#app .u4p-shell .u4p-tools .u2-choice-trigger{display:flex!important;justify-content:space-between!important;
 align-items:center!important;width:100%!important;min-width:0!important;min-height:48px!important;
 height:48px!important;padding:0 12px!important;gap:7px!important;font-size:15px!important;font-weight:600!important}
#app .u4p-shell .u4p-tools .u2-choice-selected-icon{display:none!important}
#app .u4p-shell .u4p-tools .u2-choice-selected-label{flex:1 1 auto!important;min-width:0!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 font-size:15px!important;font-weight:600!important}
#app .u4p-shell .u4p-tools .u2-choice-chevron{margin-left:auto!important;flex:0 0 auto!important}
#app .u4p-shell .u4p-tools select.u4p-sort.loan-sort-v73{
 appearance:none!important;-webkit-appearance:none!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235a756a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:16px 16px!important;
 font-size:15px!important;font-weight:600!important;padding-left:13px!important;
 min-height:48px!important;height:48px!important;
}
/* Native details markers were top-aligned with the baseline; use a true centered row. */
#modal-root .u4p-sheet details.u4p-settled{padding:8px 13px!important;gap:4px!important}
#modal-root .u4p-sheet details.u4p-settled>summary{display:flex!important;align-items:center!important;
 justify-content:space-between!important;min-height:46px!important;margin:0!important;
 padding:0 3px!important;line-height:1.4!important;list-style:none!important}
#modal-root .u4p-sheet details.u4p-settled>summary::-webkit-details-marker{display:none}
#modal-root .u4p-sheet .u4p-settled-label,#modal-root .u4p-sheet .u4p-settled-count{display:inline-flex;align-items:center;line-height:1.4!important}
@media(max-width:600px){
 #app .u4p-shell .u4p-tools.loan-tools-v73{grid-template-columns:minmax(0,1fr) minmax(0,145px)!important;gap:9px!important}
 #app .u4p-shell .u4p-tools .u2-choice-trigger{min-height:49px!important;height:49px!important}
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:9px!important;align-items:stretch!important
 }
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75>div{
   display:flex!important;min-width:0!important;min-height:77px!important;
   padding:12px 13px!important;border-radius:17px!important;gap:7px!important
 }
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75>div b{
   font-size:clamp(14px,3.6vw,17px)!important;line-height:1.3!important;
   overflow-wrap:normal!important;word-break:normal!important
 }
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75>div:last-child{
   grid-column:1/-1!important;min-height:55px!important;flex-direction:row!important;
   align-items:center!important;justify-content:space-between!important;gap:12px!important
 }
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75>div:last-child b{text-align:right!important}
}
@media(max-width:360px){#app .u4p-shell .u4p-tools.loan-tools-v73{grid-template-columns:minmax(0,1fr) 132px!important;gap:7px!important}}