/* Rufiyaa Update 4, 2026-11-01 — approved Savings header follow-up.
   Finance child-page titles are centered across the ENTIRE page, not across
   the leftover space between back and add. Existing click handlers preserved.
   Scope: Savings, Wallet landing, Accounts overview; not account detail. */

/* Every breakpoint: center over the full header, regardless of different
   action-pill widths; don't allow the title to intercept taps. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top){
 position:relative!important;
 display:flex!important;
 flex-flow:row nowrap!important;
 align-items:center!important;
 justify-content:space-between!important;
 width:100%!important;
 max-width:100%!important;
 min-height:66px!important;
 padding:9px 0!important;
 margin:0!important;
 box-sizing:border-box!important;
 overflow:visible!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > .finance-full-heading{
 position:absolute!important;
 top:50%!important;
 left:50%!important;
 right:auto!important;
 bottom:auto!important;
 transform:translate(-50%,-50%)!important;
 display:block!important;
 width:max-content!important;
 max-width:calc(100% - 110px)!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 text-align:center!important;
 justify-self:auto!important;
 align-self:auto!important;
 z-index:0!important;
 pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > .finance-back{
 position:relative!important;
 inset:auto!important;
 transform:none!important;
 margin:0 auto 0 0!important;
 flex:0 0 42px!important;
 align-self:center!important;
 z-index:1!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > button:is(.u4sg-add-button,.u4fw-wallet-add,.u4acct-add-top){
 position:relative!important;
 inset:auto!important;
 top:auto!important;
 right:auto!important;
 left:auto!important;
 transform:none!important;
 margin:0 0 0 auto!important;
 justify-self:auto!important;
 align-self:center!important;
 flex:0 0 auto!important;
 z-index:1!important;
}

/* iPhone and narrow split view: a single Liquid Glass +, equal in size to Back.
   The original full action text remains in the accessible button name and
   the original onclick is never replaced; only visual typography changes. */
@media (max-width:600px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > button:is(.u4sg-add-button,.u4fw-wallet-add,.u4acct-add-top){
  display:inline-flex!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:1!important;
  letter-spacing:0!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
 }
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > button:is(.u4sg-add-button,.u4fw-wallet-add,.u4acct-add-top)::after{
  content:'+'!important;
  font-family:system-ui,-apple-system,sans-serif!important;
  font-size:27px!important;
  font-weight:400!important;
  line-height:1!important;
  display:block!important;
  text-align:center!important;
  margin:-2px 0 0!important;
 }
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > .finance-full-heading{
  max-width:calc(100% - 110px)!important;
 }
}

/* Keep Account's selected-card Wallet Add control hidden using the existing rule.
   Never turn the Add button back on while in the card carousel. */
@media(prefers-reduced-motion:reduce){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.finance-full-shell > .finance-full-top.finance-full-top:is(.u4sg-header,.u4fw-wallet-top,.u4acct-overview-top) > button::after{transition:none!important}
}