/* Update 4 / Nov 1: iPad Safari screenshot fixes — isolated QA. */
/* Finance utility cards: keep paired even when old full-width grid styles apply. */
#app main.u4-finance-home.u4q-paired-utilities > .u4fw-utility-pair{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 width:100%!important;max-width:100%!important;gap:12px!important;align-items:stretch!important;
 margin:0 0 13px!important;box-sizing:border-box!important;
}
#app main.u4-finance-home.u4q-paired-utilities > .u4fw-utility-pair > .u4-finance-reports,
#app main.u4-finance-home.u4q-paired-utilities > .u4fw-utility-pair > .u4-salary-banner{
 display:block!important;grid-column:auto!important;grid-row:auto!important;position:relative!important;
 width:100%!important;max-width:100%!important;min-width:0!important;min-height:82px!important;
 margin:0!important;align-self:stretch!important;height:100%!important;
}
#app main.u4-finance-home.u4q-paired-utilities > .u4fw-utility-pair > .u4-salary-banner{display:grid!important}
#app main.u4-finance-home.u4q-paired-utilities > .u4-health-dashboard{grid-column:1/-1!important}
@media(max-width:540px){#app main.u4-finance-home.u4q-paired-utilities > .u4fw-utility-pair{gap:9px!important}}

/* Account actions share one secondary pill and a common right-side inset. */
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile{
 padding:12px 14px!important;min-height:69px!important;gap:12px!important;
 display:flex!important;align-items:center!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile > .u4acct-section-mark,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary > .u4acct-section-mark{display:none!important}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile > div{
 display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:5px!important;min-width:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile > div > span{
 font-size:13px!important;font-weight:750!important;line-height:1.35!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile > div > small{
 font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile > button,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .linked-debit-cards-v12813.u4q-linked > .widget-head > button{
 box-sizing:border-box!important;-webkit-appearance:none!important;appearance:none!important;
 width:114px!important;min-width:114px!important;max-width:114px!important;
 height:38px!important;min-height:38px!important;max-height:38px!important;
 padding:0 10px!important;border-radius:999px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 background:color-mix(in srgb,var(--accent,#087b59) 10%,var(--card,#fff))!important;
 border:1px solid color-mix(in srgb,var(--accent,#087b59) 15%,var(--border,#dfe8e4))!important;
 color:var(--accent,#087b59)!important;font-size:11px!important;font-weight:750!important;
 white-space:nowrap!important;box-shadow:none!important;flex:0 0 114px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .linked-debit-cards-v12813.u4q-linked > .widget-head{
 box-sizing:border-box!important;padding-right:14px!important;min-height:69px!important;align-items:center!important;
}
/* Expanded Safeguards must clip *all* child surfaces to curved lower corners. */
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards{
 overflow:hidden!important;clip-path:none!important;border-radius:22px!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 isolation:isolate!important;box-sizing:border-box!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary{
 position:relative!important;display:grid!important;
 grid-template-columns:minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;
 column-gap:12px!important;row-gap:4px!important;align-items:center!important;
 min-height:70px!important;padding:14px 16px!important;
 border-radius:22px!important;overflow:hidden!important;list-style:none!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards[open] > summary{
 border-radius:22px 22px 0 0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary:after,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary:after{
 content:none!important;display:none!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary > strong{
 grid-column:1!important;grid-row:1!important;min-width:0!important;line-height:1.3!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary > span:not(.u4acct-section-mark){
 grid-column:1!important;grid-row:2!important;min-width:0!important;line-height:1.35!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > summary > .u4q-chevron{
 grid-column:2!important;grid-row:1/3!important;align-self:center!important;justify-self:center!important;
 width:18px!important;height:18px!important;display:block!important;flex:none!important;
 color:var(--accent,#087b59)!important;transform:rotate(0)!important;
 transition:transform .22s ease!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards[open] > summary > .u4q-chevron{
 transform:rotate(180deg)!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > .v1322-account-intel{
 box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
 border-radius:0!important;margin:0!important;overflow:visible!important;
 padding:15px 16px 18px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > .u4acct-forecast-note{
 border-radius:0 0 20px 20px!important;
}
/* Account-specific reservations are intentionally separate from the *combined* forecast. */
#app .u4q-safeguards .u4fw-outlook .u4q-allocation-summary{
 display:grid!important;gap:11px!important;min-width:0!important;box-sizing:border-box!important;
 background:color-mix(in srgb,var(--accent,#087b59) 4%,var(--card,#fff))!important;
 border:1px solid color-mix(in srgb,var(--accent,#087b59) 8%,transparent)!important;
 padding:14px!important;border-radius:16px!important;
}
#app .u4q-allocation-summary .u4q-reserve-heading{display:flex!important;flex-wrap:wrap!important;gap:3px 12px!important;justify-content:space-between!important;align-items:baseline!important}
#app .u4q-allocation-summary .u4q-reserve-heading b{font-size:13px!important;color:var(--text)!important}
#app .u4q-allocation-summary .u4q-reserve-heading span{font-size:10px!important;color:var(--muted)!important}
#app .u4q-allocation-summary .u4q-reserve-totals{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#app .u4q-allocation-summary .u4q-reserve-totals > div{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
#app .u4q-allocation-summary .u4q-reserve-totals span{font-size:10px!important;color:var(--muted)!important}
#app .u4q-allocation-summary .u4q-reserve-totals strong{font-size:clamp(12px,2vw,16px)!important;overflow-wrap:anywhere!important;color:var(--text)!important}
#app .u4q-allocation-summary .u4q-reserve-breakdown{border-top:1px solid var(--border,#e2e8e5)!important;padding-top:9px!important;display:grid!important;gap:7px!important}
#app .u4q-allocation-summary .u4q-reserve-breakdown > div{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;font-size:11px!important}
#app .u4q-allocation-summary .u4q-reserve-breakdown > div > b{font-size:11px!important;text-align:right!important}
/* Allocation form retains stored nonzero values; zero is placeholder-only. */
#modal-root .modal.u4q-allocation-modal .u4q-account-identity{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
 gap:8px 24px!important;max-width:100%!important;min-width:0!important;
 box-sizing:border-box!important;padding:17px 18px!important;
}
#modal-root .modal.u4q-allocation-modal .u4q-account-identity > b{
 min-width:0!important;overflow-wrap:anywhere!important;font-size:14px!important;
}
#modal-root .modal.u4q-allocation-modal .u4q-account-identity > .u4q-account-balance{
 min-width:0!important;white-space:nowrap!important;font-size:13px!important;color:var(--muted)!important;text-align:right!important;
}
#modal-root .modal.u4q-allocation-modal input::placeholder{color:var(--muted,#8c96a3)!important;opacity:.66!important}
#modal-root .modal.u4q-allocation-modal .u4q-allocation-preview{
 margin:12px 0 17px!important;padding:12px 14px!important;border-radius:13px!important;
 font-size:11px!important;line-height:1.45!important;color:var(--accent,#087b59)!important;
 background:color-mix(in srgb,var(--accent,#087b59) 6%,var(--card,#fff))!important;
}
#modal-root .modal.u4q-allocation-modal .u4q-allocation-preview.is-over{color:#be6671!important}
@media(max-width:600px){
 #modal-root .modal.u4q-allocation-modal .u4q-account-identity{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
 #modal-root .modal.u4q-allocation-modal .u4q-account-identity > .u4q-account-balance{text-align:left!important}
 #app .u4q-allocation-summary .u4q-reserve-totals{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
 #app .u4q-safeguards > summary > .u4q-chevron{transition:none!important}
}