/* Rufiyaa Update 4 / Nov 1 iPad feedback — additional display refinements. */
/* Exactly the same readable green and opacity for the two account actions. */
#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{
 color:#086747!important;-webkit-text-fill-color:#086747!important;
 opacity:1!important;filter:none!important;visibility:visible!important;
 font-weight:750!important;text-shadow:none!important;
}
html[data-theme="dark"] #app .finance-full-body.u4acct-detail-page .u4hyb-restored > .account-reconcile-v12971.u4q-reconcile > button,
html[data-theme="dark"] #app .finance-full-body.u4acct-detail-page .u4hyb-restored > .linked-debit-cards-v12813.u4q-linked > .widget-head > button{
 color:#a7e6c8!important;-webkit-text-fill-color:#a7e6c8!important;
}
/* Clear hierarchy: account reservations first; combined forecast second. */
#app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > .v1322-account-intel.u4fw-outlook{
 padding:16px 18px 18px!important;display:flex!important;flex-direction:column!important;
 gap:0!important;background:transparent!important;border:0!important;
}
#app .u4q-safeguards .u4fw-outlook > .u4q-allocation-summary{
 order:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;
 margin:0!important;border:0!important;border-radius:16px!important;
 background:color-mix(in srgb,var(--accent,#087b59) 5%,var(--card,#fff))!important;
 padding:15px 16px!important;
}
#app .u4q-safeguards .u4q-reserve-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:9px!important;
}
#app .u4q-safeguards .u4q-reserve-heading>b{font-size:13px!important;font-weight:760!important}
#app .u4q-safeguards .u4q-reserve-description{
 color:var(--muted)!important;font-size:10px!important;line-height:1.4!important;
 margin-top:-4px!important;
}
#app .u4q-safeguards .u4q-reserve-heading > button.u4q-manage-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:34px!important;height:34px!important;padding:0 13px!important;
 border:1px solid color-mix(in srgb,var(--accent,#087b59) 15%,var(--border,#dce8e4))!important;
 background:color-mix(in srgb,var(--accent,#087b59) 9%,var(--card,#fff))!important;
 color:var(--accent,#086747)!important;opacity:1!important;font-size:11px!important;
 font-weight:750!important;border-radius:999px!important;white-space:nowrap!important;
}
#app .u4q-safeguards .u4q-reserve-totals{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;
}
#app .u4q-safeguards .u4q-reserve-totals>div{
 min-width:0!important;min-height:69px!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;gap:5px!important;border-radius:12px!important;
 padding:11px 12px!important;background:var(--card,#fff)!important;
}
#app .u4q-safeguards .u4q-reserve-totals span{font-size:10px!important;line-height:1.3!important}
#app .u4q-safeguards .u4q-reserve-totals strong{
 font-size:clamp(13px,1.8vw,16px)!important;line-height:1.3!important;
 overflow-wrap:anywhere!important;
}
#app .u4q-safeguards .u4q-reserve-breakdown{
 border-top:1px solid color-mix(in srgb,var(--accent,#087b59) 12%,var(--border,#dce8e4))!important;
 padding-top:9px!important;margin-top:2px!important;
}
#app .u4q-safeguards .u4fw-outlook > .widget-head{
 order:1!important;border-top:1px solid var(--border,#dce8e4)!important;
 padding-top:16px!important;margin-top:16px!important;margin-bottom:10px!important;
}
#app .u4q-safeguards .u4fw-outlook > .v1322-metric-grid{
 order:2!important;margin:0!important;
}
#app .u4q-safeguards .u4fw-outlook > .u4acct-forecast-note{
 order:3!important;margin:8px 1px 0!important;font-size:10px!important;line-height:1.45!important;
}
#app .u4q-safeguards .u4fw-outlook > .v1322-metric-grid > div:nth-child(3){
 border-radius:14px!important;padding:13px 15px!important;
 background:color-mix(in srgb,var(--accent,#087b59) 4%,var(--card,#fff))!important;
}
@media(max-width:430px){
 #app .u4q-safeguards .u4q-reserve-heading{align-items:flex-start!important}
 #app .u4q-safeguards .u4q-reserve-totals{gap:7px!important}
 #app .u4q-safeguards .u4q-reserve-totals>div{padding:10px!important}
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored > .u4acct-advanced.u4q-safeguards > .v1322-account-intel.u4fw-outlook{padding:13px 12px 16px!important}
}
/* Card details use Wallet's true art and a concise account summary. */
#modal-root .modal.u4qa-card-detail > .debit-card-center-v1285.u4qa-wallet-art{
 display:flex!important;justify-content:center!important;align-items:center!important;
 margin:12px auto 16px!important;width:100%!important;max-width:420px!important;
}
#modal-root .modal.u4qa-card-detail .u4qa-wallet-art > .u2-real-card{
 display:flex!important;width:min(100%,410px)!important;max-width:410px!important;
 aspect-ratio:1.68/1!important;height:auto!important;min-height:0!important;
 margin:auto!important;padding:18px 20px!important;border-radius:21px!important;
 box-shadow:0 14px 30px rgba(10,36,35,.16)!important;
}
#modal-root .modal.u4qa-card-detail > .u4qa-card-facts{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;margin:0 0 14px!important;padding:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;overflow:visible!important;
}
#modal-root .modal.u4qa-card-detail .u4qa-card-fact{
 display:flex!important;flex-direction:column!important;min-height:75px!important;
 justify-content:center!important;gap:6px!important;min-width:0!important;
 padding:12px 14px!important;border-radius:15px!important;
 background:color-mix(in srgb,var(--accent,#087b59) 5%,var(--card,#fff))!important;
}
#modal-root .modal.u4qa-card-detail .u4qa-card-fact span{font-size:11px!important;color:var(--muted)!important}
#modal-root .modal.u4qa-card-detail .u4qa-card-fact strong{
 color:var(--text)!important;font-size:13px!important;line-height:1.3!important;
 overflow-wrap:anywhere!important;
}
#modal-root .modal.u4qa-card-detail > .u4qa-card-actions{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;margin:0 0 16px!important;
}
#modal-root .modal.u4qa-card-detail > .u4qa-card-actions>button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;min-width:0!important;min-height:46px!important;
 padding:9px 12px!important;border-radius:15px!important;font-weight:750!important;
}
#modal-root .modal.u4qa-card-detail > .u4qa-card-actions>button.danger{
 color:#b84d5a!important;-webkit-text-fill-color:#b84d5a!important;
 background:color-mix(in srgb,#b84d5a 6%,var(--card,#fff))!important;
 border:1px solid color-mix(in srgb,#b84d5a 13%,var(--border,#dce8e4))!important;
}
#modal-root .modal.u4qa-card-detail > .u4qa-activity-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 margin:5px 0 8px!important;
}
#modal-root .modal.u4qa-card-detail > .u4qa-card-activity{
 margin:0!important;padding:0!important;
}
#modal-root .modal.u4qa-card-detail .debit-history-row-v13046{
 min-height:56px!important;padding:10px 5px!important;border:0!important;
 border-bottom:1px solid var(--border,#dce8e4)!important;
}
@media(max-width:440px){
 #modal-root .modal.u4qa-card-detail > .u4qa-card-facts{grid-template-columns:1fr!important}
 #modal-root .modal.u4qa-card-detail .u4qa-card-fact{min-height:55px!important}
 #modal-root .modal.u4qa-card-detail .u4qa-wallet-art > .u2-real-card{padding:14px 15px!important;border-radius:16px!important}
}
@media(prefers-reduced-motion:reduce){
 #modal-root .modal.u4qa-card-detail .u2-real-card *{transition:none!important;animation:none!important}
}