/* Rufiyaa Update 4 — Nov 1 cleanup follow-up styles. */

/* Finance home: make the top two utility tiles a little slimmer. */
#app main.u4-finance-home .u4fw-utility-pair > .u4-finance-reports > button,
#app main.u4-finance-home .u4fw-utility-pair > .u4-salary-banner{
  min-height:68px!important;height:100%!important;padding:10px 12px!important;
}
#app main.u4-finance-home .u4fw-utility-pair > .u4-finance-reports,
#app main.u4-finance-home .u4fw-utility-pair > .u4-salary-banner{
  min-height:68px!important;border-radius:18px!important;
}
#app main.u4-finance-home .u4fw-utility-pair > .u4-salary-banner > b{
  font-size:10px!important;line-height:1.25!important;white-space:normal!important;
}
@media(max-width:520px){
 #app main.u4-finance-home .u4fw-utility-pair > .u4-finance-reports > button,
 #app main.u4-finance-home .u4fw-utility-pair > .u4-salary-banner{
   min-height:64px!important;padding:9px 10px!important;
 }
}

/* Account detail modal from Linked Card: simpler peek, no extra action/activity blocks. */
#modal-root .modal.u4qa-card-peek-clean > .u4qa-card-facts{
  display:block!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
#modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  background:color-mix(in srgb,var(--accent,#087b59) 5%,var(--card,#fff))!important;
  border:1px solid color-mix(in srgb,var(--accent,#087b59) 10%,var(--border,#dce8e4))!important;
  border-radius:16px!important;overflow:hidden!important;
}
#modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary > div{
  display:flex!important;flex-direction:column!important;gap:6px!important;padding:14px 16px!important;min-width:0!important;
}
#modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary > div + div{
  border-left:1px solid color-mix(in srgb,var(--accent,#087b59) 10%,var(--border,#dce8e4))!important;
}
#modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary span{font-size:11px!important;color:var(--muted)!important}
#modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary strong{font-size:13px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
@media(max-width:540px){
 #modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary{grid-template-columns:1fr!important}
 #modal-root .modal.u4qa-card-peek-clean .u4qa-card-summary > div + div{border-left:0!important;border-top:1px solid color-mix(in srgb,var(--accent,#087b59) 10%,var(--border,#dce8e4))!important}
}

/* Safeguards: reserved + available pair inside one premium surface. */
#app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel{
  position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  background:linear-gradient(135deg, color-mix(in srgb,var(--accent,#087b59) 7%,var(--card,#fff)), color-mix(in srgb,var(--accent,#087b59) 3%,var(--card,#fff)))!important;
  border:1px solid color-mix(in srgb,var(--accent,#087b59) 12%,var(--border,#dce8e4))!important;
  border-radius:16px!important;overflow:hidden!important;
  box-shadow:0 10px 24px rgba(7,45,38,.04)!important;
}
#app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel::before{
  content:'';position:absolute;top:12px;bottom:12px;left:50%;width:1px;
  background:color-mix(in srgb,var(--accent,#087b59) 11%,var(--border,#dce8e4))!important;
}
#app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel > div{
  background:transparent!important;min-height:78px!important;padding:14px 16px!important;justify-content:center!important;
}
#app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel span{font-size:10px!important;color:var(--muted)!important}
#app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel strong{font-size:clamp(15px,2vw,18px)!important;line-height:1.25!important}
#app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-breakdown{
  border-top:1px solid color-mix(in srgb,var(--accent,#087b59) 12%,var(--border,#dce8e4))!important;
}
@media(max-width:540px){
 #app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel{grid-template-columns:1fr!important}
 #app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel::before{display:none!important}
 #app .u4q-safeguards .u4q-premium-allocation .u4q-reserve-panel > div + div{border-top:1px solid color-mix(in srgb,var(--accent,#087b59) 11%,var(--border,#dce8e4))!important}
}

/* Wallet carousel Card Details: informational only, no duplicate actions or activity. */
#modal-root .modal .u4q-wallet-detail-minimal .u2native-card + .u2native-card,
#modal-root .modal .u4q-wallet-detail-minimal .u2r3-history-row,
#modal-root .modal .u4q-wallet-detail-minimal .note{display:none!important}
#modal-root .modal .u4q-wallet-detail-minimal .u2native-card{
  margin-bottom:0!important;
}
#modal-root .modal .u4q-wallet-detail-minimal .u2native-grid{
  row-gap:16px!important;
}
#modal-root .modal .u4q-wallet-detail-minimal .u2native-grid .u4q-span2{grid-column:1/-1!important}