/* Update 4 — old Accounts layout elegance, current emerald Liquid Glass.
   Loaded after the approved Accounts and Wallet preview layers.
   Scoped to a restructured account detail; overview and shared headers stay untouched. */
#app .finance-full-body.u4acct-detail-page .account-theme.u4hyb-restored{
  --u4hyb-surface:color-mix(in srgb,var(--card,#fff) 88%,transparent);
  --u4hyb-soft:color-mix(in srgb,var(--accent,#087b59) 4%,var(--card,#fff));
  --u4hyb-border:color-mix(in srgb,var(--accent,#087b59) 8%,var(--border,#e1e6e9));
  gap:16px!important;
}
#app .finance-full-body.u4acct-detail-page .account-theme.u4hyb-restored>*{
  order:initial!important;min-width:0!important;
}
/* No hero box. Balance, status and transfer breathe on the page background. */
#app .finance-full-body.u4acct-detail-page .account-theme.u4hyb-restored>.account-full-hero,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .account-theme.u4hyb-restored>.account-full-hero{
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;margin:0!important;padding:26px 8px 16px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  text-align:center!important;gap:10px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .u4acct-hero-topline{display:none!important}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-balance-copy{
  align-self:center!important;font-size:clamp(34px,5.8vw,56px)!important;
  line-height:1.12!important;letter-spacing:-.047em!important;font-weight:770!important;
  text-align:center!important;max-width:100%!important;overflow-wrap:anywhere!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero>.account-status-v13{margin-top:4px!important}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-full-actions{
  margin:16px 0 12px!important;justify-content:center!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .finance-round-action{
  border:0!important;box-shadow:none!important;background:transparent!important;
  padding:0!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:8px!important;border-radius:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .finance-round-action span{
  width:58px!important;height:58px!important;border-radius:50%!important;
  background:color-mix(in srgb,var(--card,#fff) 74%,transparent)!important;
  box-shadow:0 10px 25px rgba(18,52,49,.09)!important;
  border:1px solid color-mix(in srgb,var(--card,#fff) 65%,transparent)!important;
  display:grid!important;place-items:center!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored .u4hyb-month-caption{
  margin:0!important;font-size:10px!important;color:var(--muted)!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:650!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-month-strip{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;width:min(100%,560px)!important;margin:0 auto!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-month-strip button{
  display:grid!important;justify-items:center!important;gap:5px!important;
  text-align:center!important;border:0!important;background:transparent!important;
  padding:8px 5px!important;border-radius:14px!important;min-height:60px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-month-strip button:active{
  background:color-mix(in srgb,var(--accent,#087b59) 7%,transparent)!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-month-strip b{font-size:clamp(13px,2vw,17px)!important}

/* Old layout's individual editorial cards, not nested outlined frames. */
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971{
  display:block!important;margin:0!important;padding:20px!important;
  border:1px solid color-mix(in srgb,var(--card,#fff) 64%,var(--u4hyb-border))!important;
  border-radius:28px!important;background:var(--u4hyb-surface)!important;
  box-shadow:0 13px 35px rgba(28,49,67,.065)!important;
  overflow:hidden!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971 .widget-head,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971 .widget-head,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .widget-head{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  margin:0 0 15px!important;gap:12px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971 .widget-head b,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971 .widget-head b,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .widget-head b{
  font-size:15px!important;font-weight:730!important;color:var(--text)!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971 .account-health-grid-v12971{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971 .account-health-grid-v12971>div,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971 .account-flow-grid-v12971>div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-height:66px!important;min-width:0!important;gap:5px!important;
  padding:12px 13px!important;background:var(--u4hyb-soft)!important;
  border:0!important;border-radius:17px!important;box-shadow:none!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971 .account-health-grid-v12971 b,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971 .account-flow-grid-v12971 b{
  font-size:clamp(12px,1.75vw,16px)!important;line-height:1.3!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971 .account-flow-grid-v12971{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971 .account-flow-grid-v12971>div:nth-child(-n+2){display:flex!important}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .account-trend-v12971{
  margin:0!important;display:grid!important;gap:8px!important;min-width:0!important;overflow:hidden!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .account-trend-v12971 svg{
  width:100%!important;height:105px!important;display:block!important;overflow:hidden!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .account-trend-v12971>div{
  min-width:0!important;display:grid!important;grid-template-columns:minmax(30px,1fr) minmax(0,auto) minmax(30px,1fr)!important;
  align-items:center!important;gap:8px!important;padding:5px 2px 2px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .account-trend-v12971>div b{
  min-width:0!important;max-width:100%!important;font-size:clamp(9px,1.4vw,12px)!important;
  overflow-wrap:anywhere!important;white-space:normal!important;text-align:center!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .account-trend-v12971>div span:last-child{text-align:right!important}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.laari-account-insight-v12971{
  display:grid!important;gap:6px!important;
  margin:0!important;padding:15px 18px!important;border:0!important;
  border-radius:22px!important;background:color-mix(in srgb,var(--accent,#087b59) 8%,var(--card,#fff))!important;
  box-shadow:none!important;
}
/* Sparse lower sections: one visual family and identical secondary action pills. */
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-reconcile-v12971.u4acct-consistent-panel,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.u4acct-advanced.u4acct-consistent-panel,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-reconcile-v12971.u4acct-consistent-panel,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.u4acct-advanced.u4acct-consistent-panel{
  background:var(--u4hyb-surface)!important;border:1px solid var(--u4hyb-border)!important;
  border-radius:23px!important;box-shadow:0 9px 25px rgba(28,49,67,.045)!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-reconcile-v12971.u4acct-consistent-panel{
  padding:12px 16px!important;min-height:70px!important;gap:10px!important;margin:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.u4acct-advanced>summary{
  min-height:68px!important;padding:12px 16px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.u4acct-advanced .u4acct-availability{
  margin:8px 16px 12px!important;gap:8px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.u4acct-advanced .u4acct-availability>div{
  background:var(--u4hyb-soft)!important;border:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.linked-debit-cards-v12813.u4acct-linked-panel,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.linked-debit-cards-v12813.u4acct-linked-panel{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;padding:5px 2px 0!important;margin:0!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.linked-debit-cards-v12813 .u4acct-section-mark{
  background:transparent!important;width:28px!important;flex-basis:28px!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.linked-debit-cards-v12813 .widget-head{margin-bottom:10px!important}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.linked-debit-cards-v12813>button.account-linked-debit-v12813{
  background:var(--u4hyb-surface)!important;border:0!important;
  border-radius:20px!important;padding:13px 15px!important;
  box-shadow:0 8px 20px rgba(28,49,67,.035)!important;
}
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-reconcile-v12971>button,
#app .finance-full-body.u4acct-detail-page .u4hyb-restored>.linked-debit-cards-v12813>.widget-head>button{
  color:var(--accent,#087b59)!important;
  background:color-mix(in srgb,var(--accent,#087b59) 10%,var(--card,#fff))!important;
  border:1px solid color-mix(in srgb,var(--accent,#087b59) 12%,var(--border,#e1e6e9))!important;
  border-radius:999px!important;font-size:11px!important;line-height:1.2!important;
  font-weight:750!important;min-height:36px!important;padding:9px 14px!important;
  box-shadow:none!important;
}
@media(max-width:600px){
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971,
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-flow-v12971,
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971{padding:17px!important;border-radius:25px!important}
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-health-v12971 .account-health-grid-v12971{grid-template-columns:1fr!important}
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-trend-card-v12971 .account-trend-v12971>div{gap:4px!important}
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored>.account-full-hero .account-month-strip{gap:10px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored *,
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored *::before,
 #app .finance-full-body.u4acct-detail-page .u4hyb-restored *::after{scroll-behavior:auto!important}
}