/* Update 4 / Accounts — visually cohesive, compact premium mint. Isolated QA only. */
.finance-full-body.u4acct-overview-page,.finance-full-body.u4acct-detail-page{--u4a-tint:color-mix(in srgb,var(--accent,#087b59) 8%,var(--card,#fff));--u4a-line:color-mix(in srgb,var(--accent,#087b59) 13%,var(--border,#dce2e9));--u4a-panel:color-mix(in srgb,var(--card,#fff) 82%,transparent);min-width:0}
/* Main Accounts summary: one visible balance and supporting, smaller statistics. */
.finance-full-body.u4acct-overview-page .accounts-overview-v12971{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div{border:1px solid var(--u4a-line)!important;background:var(--u4a-panel)!important;box-shadow:none!important;padding:12px!important;border-radius:16px!important;min-width:0!important}
.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:first-child{grid-column:1/-1;background:linear-gradient(120deg,var(--u4a-tint),color-mix(in srgb,var(--card,#fff) 82%,transparent))!important;border-radius:22px!important;padding:20px 18px!important}
.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:first-child span{font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:first-child b{font-size:clamp(24px,3.7vw,34px)!important;letter-spacing:-.045em!important;white-space:normal!important;color:var(--text)!important}
.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:not(:first-child) span{font-size:10px!important;letter-spacing:0!important;text-transform:none!important}
.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:not(:first-child) b{font-size:clamp(12px,1.65vw,16px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
.u4acct-overview-note{color:var(--muted);font-size:11px;line-height:1.4;margin:9px 2px 0}
.finance-full-body.u4acct-overview-page .account-list-tools-v12971{margin:18px 0 4px!important}
.finance-full-body.u4acct-overview-page .beta121-account-group{margin:16px 0 12px!important}
.finance-full-body.u4acct-overview-page .beta121-account-heading{display:flex;justify-content:space-between;align-items:center;color:var(--text)!important;padding:10px 4px 7px!important;font-size:13px!important;letter-spacing:.065em}
.u4acct-group-count{font-size:10px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}
.finance-full-body.u4acct-overview-page .account-v12-list{display:grid!important;gap:0!important;margin:0!important}
.finance-full-body.u4acct-overview-page button.account-v12-card{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 11px!important;align-items:center!important;gap:10px!important;border:0!important;border-bottom:1px solid var(--u4a-line)!important;border-radius:0!important;min-height:66px!important;margin:0!important;padding:10px 3px!important;background:transparent!important;box-shadow:none!important;text-align:left!important;transform:none!important;color:var(--text)!important}
.finance-full-body.u4acct-overview-page button.account-v12-card:last-child{border-bottom:0!important}
.u4acct-row-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:var(--u4a-tint);color:var(--accent,#087b59);font-size:18px}
.u4acct-row-arrow{font-size:22px;color:var(--muted);opacity:.72;align-self:center}
.finance-full-body.u4acct-overview-page .account-v12-main{min-width:0;gap:3px!important}
.finance-full-body.u4acct-overview-page .account-v12-main b{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.finance-full-body.u4acct-overview-page .account-v12-main span{font-size:11px!important;opacity:1!important;color:var(--muted)!important}
.finance-full-body.u4acct-overview-page .account-v12-main small{display:none!important}
.finance-full-body.u4acct-overview-page button.account-v12-card>strong{font-size:13px!important;text-align:right!important;white-space:nowrap!important}
.finance-full-body.u4acct-overview-page button.account-v12-card:active{background:var(--u4a-tint)!important}
.finance-full-body.u4acct-overview-page .finance-page-add{border-radius:16px!important;margin-top:22px!important}
/* Single-account hero / actions. Existing balances and transfer handlers are reused. */
.finance-full-body.u4acct-detail-page .account-theme{--account-text:var(--text)!important;display:flex;flex-direction:column;gap:12px;min-width:0}
.finance-full-body.u4acct-detail-page .account-full-hero{order:0;background:linear-gradient(132deg,var(--u4a-tint),var(--u4a-panel))!important;border:1px solid var(--u4a-line)!important;border-radius:24px!important;box-shadow:0 8px 25px rgba(20,48,55,.045)!important;padding:18px!important;margin:0!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}
.u4acct-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.u4acct-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
.u4acct-options{position:relative;z-index:3}
.u4acct-options>summary::-webkit-details-marker{display:none}
.u4acct-options .account-detail-top-actions-v1274{position:absolute;right:0;top:43px;z-index:6;display:grid;gap:7px;min-width:136px;padding:10px;background:var(--card);border:1px solid var(--u4a-line);border-radius:14px;box-shadow:0 12px 30px #0002}
.u4acct-options .account-detail-top-actions-v1274 button{min-height:36px;width:100%!important}
.finance-full-body.u4acct-detail-page .account-balance-copy{font-size:clamp(27px,4.8vw,40px)!important;text-align:left!important;line-height:1.18!important;margin:0!important;align-self:flex-start;word-break:break-word}
.finance-full-body.u4acct-detail-page .account-full-hero>span{font-size:11px!important;color:var(--muted)!important;text-align:left!important}
.finance-full-body.u4acct-detail-page .account-status-v13{align-self:flex-start!important;margin:5px 0 0!important}
.finance-full-body.u4acct-detail-page .account-delta-v13{text-align:left!important;margin:0!important;color:var(--muted)!important}
.u4acct-availability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 4px}
.u4acct-availability>div{display:grid;gap:5px;border-radius:14px;padding:11px 12px;background:color-mix(in srgb,var(--card,#fff) 68%,transparent);border:1px solid var(--u4a-line)}
.u4acct-availability span{font-size:10px;color:var(--muted)}
.u4acct-availability b{font-size:clamp(12px,1.8vw,16px);color:var(--text);overflow-wrap:anywhere}
.finance-full-body.u4acct-detail-page .account-full-actions{justify-content:flex-start!important;margin-top:7px!important}
.finance-full-body.u4acct-detail-page .finance-round-action{display:flex!important;align-items:center!important;gap:8px!important;min-height:41px!important;border-radius:999px!important;padding:5px 13px 5px 6px!important;background:var(--card)!important;box-shadow:none!important;border:1px solid var(--u4a-line)!important}
.finance-full-body.u4acct-detail-page .finance-round-action span{width:30px!important;height:30px!important;box-shadow:none!important}
.finance-full-body.u4acct-detail-page .finance-round-action b{font-size:12px!important}
.u4acct-activity-panel{order:1;padding:16px;border:1px solid var(--u4a-line);border-radius:22px;background:var(--u4a-panel);display:grid;gap:11px}
.u4acct-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.u4acct-panel-title h3{margin:0;font-size:15px;letter-spacing:-.015em}
.u4acct-panel-title span{font-size:10px;color:var(--muted)}
.finance-full-body.u4acct-detail-page .account-month-strip{margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.finance-full-body.u4acct-detail-page .account-month-strip button{padding:10px!important;text-align:left!important;border:1px solid var(--u4a-line)!important;border-radius:13px!important;background:var(--u4a-tint)!important;display:grid;gap:3px}
.finance-full-body.u4acct-detail-page .account-month-strip b{font-size:15px!important}
.finance-full-body.u4acct-detail-page .account-flow-v12971,.finance-full-body.u4acct-detail-page .account-trend-card-v12971{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;border-radius:0!important}
.finance-full-body.u4acct-detail-page .account-flow-v12971>.widget-head{display:none!important}
.finance-full-body.u4acct-detail-page .account-flow-grid-v12971{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important;gap:8px!important}
.finance-full-body.u4acct-detail-page .account-flow-grid-v12971>div:nth-child(-n+2){display:none!important}
.finance-full-body.u4acct-detail-page .account-flow-grid-v12971>div{padding:10px!important;border:1px solid var(--u4a-line);background:transparent!important;border-radius:12px!important}
.finance-full-body.u4acct-detail-page .account-flow-grid-v12971 b{font-size:12px!important;white-space:normal!important}
.finance-full-body.u4acct-detail-page .account-trend-card-v12971{padding-top:6px!important}
.finance-full-body.u4acct-detail-page .account-trend-card-v12971 .widget-head{margin-bottom:7px!important}
.finance-full-body.u4acct-detail-page .account-trend-v12971 svg{height:82px!important}
.finance-full-body.u4acct-detail-page .laari-account-insight-v12971{margin:0!important;padding:12px!important;border:1px solid var(--u4a-line)!important;border-radius:14px!important;background:var(--u4a-tint)!important}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971{order:2;margin:0!important;padding:13px 15px!important;border:1px solid var(--u4a-line)!important;border-radius:17px!important;box-shadow:none!important}
.u4acct-advanced{order:3;border:1px solid var(--u4a-line);background:var(--u4a-panel);border-radius:18px;overflow:hidden}
.u4acct-advanced>summary{list-style:none;cursor:pointer;display:grid;gap:4px;padding:14px 16px;font-size:13px;position:relative}
.u4acct-advanced>summary::-webkit-details-marker{display:none}
.u4acct-advanced>summary:after{content:'⌄';position:absolute;right:16px;top:16px;color:var(--accent)}
.u4acct-advanced[open]>summary:after{transform:rotate(180deg)}
.u4acct-advanced>summary span{font-size:10px;color:var(--muted);max-width:90%}
.u4acct-advanced>.account-health-v12971,.u4acct-advanced>.v1322-account-intel{margin:0!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.u4acct-advanced .account-health-grid-v12971{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.u4acct-advanced .account-health-grid-v12971>div{min-width:0;padding:9px!important}
.u4acct-advanced .account-health-grid-v12971 b{white-space:normal!important;overflow-wrap:anywhere}
.u4acct-advanced .v1322-metric-grid{gap:8px!important}
.u4acct-forecast-note{display:block;color:var(--muted);font-size:10px;line-height:1.45;padding:0 16px 14px}
.finance-full-body.u4acct-detail-page .linked-debit-cards-v12813{order:4;border-top:1px solid var(--u4a-line);padding-top:10px;margin-top:2px!important}
.finance-full-body.u4acct-detail-page .account-history-tools-v13{order:5;margin:10px 0 0!important}
.finance-full-body.u4acct-detail-page .finance-history-title{order:6;margin:3px 0 0!important}
.finance-full-body.u4acct-detail-page .account-history-card{order:7}
.finance-full-body.u4acct-detail-page .finance-history-group{background:transparent!important;border-radius:0!important;padding:2px 0!important;border-bottom:1px solid var(--u4a-line);margin:0!important}
.finance-full-body.u4acct-detail-page .finance-history-row{padding:12px 2px!important;min-height:58px!important}
.finance-full-body.u4acct-detail-page .finance-history-row .avatar{width:34px!important;height:34px!important;flex-shrink:0!important}
.finance-full-body.u4acct-detail-page .finance-history-row b{font-size:12px!important}
.finance-full-body.u4acct-detail-page .finance-history-row strong{font-size:12px!important}
/* Account editor grouped by use, no per-account color picker. */
#modal-root .u4acct-editor-form{display:grid;gap:13px}
#modal-root .u4acct-form-section{display:grid;gap:10px;padding:12px;background:color-mix(in srgb,var(--card,#fff) 57%,transparent);border:1px solid color-mix(in srgb,var(--accent,#087b59) 11%,var(--border,#dce2e9));border-radius:18px}
#modal-root .u4acct-form-section h3{font-size:13px;margin:0 0 2px;letter-spacing:.005em}
#modal-root .u4acct-form-note{font-size:11px;line-height:1.4;margin:0;color:var(--muted)}
#modal-root .u4acct-editor-form .field{margin:0!important}
#modal-root .u4acct-editor-form input,#modal-root .u4acct-editor-form select{min-height:46px!important}
#modal-root .u4acct-editor-form .grid2{gap:8px!important}
#modal-root .u4acct-editor-form .note{font-size:10px;line-height:1.45;color:var(--muted)}
#modal-root .u4acct-editor-form>button.primary{margin-top:0!important}
/* Privacy and accessibility: no new unmasked values; preserve visible keyboard focus. */
body.global-privacy .u4acct-money,body.finance-privacy .u4acct-money{filter:blur(7px);user-select:none}
.finance-full-body.u4acct-overview-page .account-v12-card:focus-visible,.u4acct-advanced summary:focus-visible{outline:2px solid var(--accent,#087b59)!important;outline-offset:3px}
@media(max-width:700px){
 .finance-full-body.u4acct-overview-page .accounts-overview-v12971{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:last-child{grid-column:1/-1}
 .finance-full-body.u4acct-detail-page .account-full-hero{padding:14px!important}
 .u4acct-advanced .account-health-grid-v12971{grid-template-columns:1fr!important}
 .finance-full-body.u4acct-overview-page button.account-v12-card>strong{font-size:12px!important}
}
@media(max-width:370px){.finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:not(:first-child) b{font-size:12px!important}.u4acct-availability{grid-template-columns:1fr}.finance-full-body.u4acct-overview-page button.account-v12-card{gap:7px!important}}
@media(prefers-reduced-motion:no-preference){.u4acct-advanced>summary:after{transition:transform .22s ease}.finance-full-body.u4acct-overview-page button.account-v12-card:active{transition:background .12s ease}}

/* Update 4 Accounts / iPad QA: centered balance hero, reliable activity tile
   outlines, and trend captions fully contained within the chart. No ledger changes. */
.finance-full-body.u4acct-detail-page .account-full-hero{
  align-items:center!important;
  text-align:center!important;
}
.finance-full-body.u4acct-detail-page .u4acct-hero-topline{
  align-self:stretch;position:relative;justify-content:center;min-height:36px;
}
.finance-full-body.u4acct-detail-page .u4acct-hero-topline .u4acct-options{
  position:absolute;right:0;top:0;
}
.finance-full-body.u4acct-detail-page .account-balance-copy{
  text-align:center!important;align-self:center!important;
}
.finance-full-body.u4acct-detail-page .account-full-hero>span,
.finance-full-body.u4acct-detail-page .account-delta-v13{
  text-align:center!important;
}
.finance-full-body.u4acct-detail-page .account-status-v13{align-self:center!important}
.finance-full-body.u4acct-detail-page .u4acct-availability{
  width:100%;align-self:stretch;box-sizing:border-box;
}
.finance-full-body.u4acct-detail-page .account-full-actions{
  width:100%;justify-content:center!important;align-items:center!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel{
  min-width:0!important;grid-template-columns:minmax(0,1fr);
  grid-auto-rows:max-content;align-content:start;
}
/* An older global .card Liquid Glass rule reinstated a border and shadow on
   these inner layout wrappers. It created a second, partly clipped outline. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body.u4acct-detail-page .u4acct-activity-panel>.account-flow-v12971,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body.u4acct-detail-page .u4acct-activity-panel>.account-trend-card-v12971,
.finance-full-body.u4acct-detail-page .u4acct-activity-panel>.account-flow-v12971,
.finance-full-body.u4acct-detail-page .u4acct-activity-panel>.account-trend-card-v12971{
  min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;
  overflow:visible!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-flow-grid-v12971{
  min-width:0!important;align-items:stretch!important;gap:10px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-flow-grid-v12971>div{
  box-sizing:border-box!important;min-width:0!important;min-height:70px!important;
  padding:11px 13px!important;border:1px solid var(--u4a-line)!important;
  border-radius:14px!important;background:color-mix(in srgb,var(--card,#fff) 72%,transparent)!important;
  box-shadow:none!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-flow-grid-v12971>div b{
  line-height:1.35;overflow-wrap:anywhere;min-width:0;
}
/* Give the balance trend its own inset surface, rather than letting the
   plotted line/caption run into the card edge and the following Aavi panel. */
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-card-v12971{
  box-sizing:border-box!important;min-width:0!important;
  padding:11px 12px 10px!important;
  border:1px solid var(--u4a-line)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--card,#fff) 77%,transparent)!important;
  overflow:hidden!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-card-v12971 .widget-head{
  margin:0 0 8px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-v12971{
  min-width:0;overflow:hidden!important;box-sizing:border-box!important;
  margin:0!important;gap:5px!important;padding:0 2px 3px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-v12971 svg{
  display:block;width:100%;height:82px!important;overflow:hidden!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-v12971>div{
  box-sizing:border-box;min-width:0;display:grid!important;
  grid-template-columns:minmax(35px,1fr) minmax(0,auto) minmax(35px,1fr)!important;
  align-items:center!important;gap:8px!important;
  padding:7px 7px 5px!important;min-height:30px;
  line-height:1.4!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-v12971>div b{
  display:block;min-width:0;max-width:100%;text-align:center;
  font-size:clamp(9px,1.1vw,11px)!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-v12971>div span:last-child{text-align:right}
@media(max-width:430px){
 .finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-flow-grid-v12971>div{padding:9px 10px!important;min-height:67px!important}
 .finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-card-v12971{padding:10px!important}
 .finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-v12971>div{gap:4px!important;padding:6px 1px 4px!important}
}
/* Only the two unique figures belong in this row: the Money In/Out figures
   are already visible directly above. */
.finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-flow-grid-v12971>div:nth-child(-n+2){display:none!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body.u4acct-detail-page .u4acct-activity-panel .account-trend-card-v12971{
  padding:11px 12px 10px!important;
  border:1px solid var(--u4a-line)!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--card,#fff) 77%,transparent)!important;
  box-shadow:none!important;overflow:hidden!important;
}

/* Unified account-only line icons, leaving the Wallet artwork intact. */
.finance-full-body.u4acct-overview-page .u4acct-row-icon .u4acct-svg-icon{width:19px;height:19px;display:block}
.finance-full-body.u4acct-detail-page .account-full-actions .finance-round-action .u4acct-svg-icon{width:18px;height:18px;display:block}
.finance-full-body.u4acct-detail-page .account-trend-v12971 svg polyline{fill:none!important}


/* Update 4 / Accounts — cohesive header, safeguarded panels, linked-card bridge,
   and safe history insets. Scoped to the account detail page only. */
#app .finance-full-top.u4acct-detail-top{position:relative!important;isolation:isolate}
#app .finance-full-top.u4acct-detail-top .finance-full-heading{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 align-items:center!important;min-width:0!important;padding:0 42px!important;gap:4px!important;
}
#app .finance-full-top.u4acct-detail-top .u4acct-account-title{
 order:0;font-size:clamp(18px,2.7vw,24px)!important;font-weight:750!important;
 line-height:1.16!important;text-align:center!important;max-width:100%!important;
 overflow-wrap:anywhere!important;white-space:normal!important;
}
#app .finance-full-top.u4acct-detail-top .u4acct-account-bank{
 order:1;font-size:10px!important;line-height:1.2!important;font-weight:500!important;
 color:var(--muted)!important;letter-spacing:.085em!important;text-align:center!important;
}
#app .finance-full-top.u4acct-detail-top>.u4acct-options{
 position:absolute!important;right:18px!important;top:50%!important;
 transform:translateY(-50%)!important;z-index:35!important;
}
#app .finance-full-top.u4acct-detail-top>.u4acct-options .account-detail-top-actions-v1274{
 position:absolute!important;right:0!important;top:calc(100% + 9px)!important;
 min-width:160px!important;z-index:36!important;
 border:1px solid var(--u4a-line)!important;background:var(--card)!important;
 border-radius:16px!important;box-shadow:0 15px 34px #0002!important;
}
#app .finance-full-top.u4acct-detail-top>.u4acct-options .account-detail-top-actions-v1274 button{
 width:100%!important;min-height:42px!important;
}
/* The hero contains only its financial content; menu is in the page header. */
.finance-full-body.u4acct-detail-page .u4acct-hero-topline{min-height:22px!important}
.finance-full-body.u4acct-detail-page .account-full-hero{gap:9px!important}
.finance-full-body.u4acct-detail-page .u4acct-hero-topline .u4acct-kicker{line-height:1.3!important}
/* Reconciliation, safeguards and linked cards share the same premium card family. */
.finance-full-body.u4acct-detail-page .u4acct-consistent-panel,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body.u4acct-detail-page .u4acct-consistent-panel{
 box-sizing:border-box!important;min-width:0!important;
 border:1px solid var(--u4a-line)!important;border-radius:20px!important;
 background:var(--u4a-panel)!important;box-shadow:none!important;
}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971.u4acct-consistent-panel{
 display:flex!important;align-items:center!important;gap:12px!important;
 padding:14px 16px!important;min-height:78px!important;
}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971>.u4acct-section-mark{flex:0 0 35px}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971>div{
 flex:1 1 auto;min-width:0!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;gap:3px!important;
}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971>div>span{
 order:0;color:var(--text)!important;opacity:1!important;font-size:13px!important;font-weight:750!important;
}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971>div>b{
 order:1;font-size:11px!important;color:var(--muted)!important;font-weight:650!important;
}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971>div>small{
 order:2;font-size:10px!important;line-height:1.35!important;color:var(--muted)!important;
}
.finance-full-body.u4acct-detail-page .account-reconcile-v12971>button{
 flex:0 0 auto!important;padding:10px 13px!important;min-height:40px!important;
 border-radius:999px!important;background:var(--u4a-tint)!important;
 color:var(--accent,#087b59)!important;font-weight:750!important;
}
.u4acct-section-mark{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;
 background:var(--u4a-tint);color:var(--accent,#087b59);flex:0 0 35px}
.u4acct-section-mark svg{display:block;width:18px;height:18px}
.finance-full-body.u4acct-detail-page .u4acct-advanced.u4acct-consistent-panel{
 padding:0!important;overflow:hidden!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>summary{
 display:grid!important;grid-template-columns:35px minmax(0,1fr) 18px!important;
 column-gap:12px!important;row-gap:2px!important;align-items:center!important;
 min-height:76px!important;padding:14px 16px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>summary>.u4acct-section-mark{
 grid-column:1!important;grid-row:1/3!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>summary>strong{
 grid-column:2!important;grid-row:1!important;font-size:13px!important;
 line-height:1.4!important;color:var(--text)!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>summary>span:not(.u4acct-section-mark){
 grid-column:2!important;grid-row:2!important;max-width:none!important;
 font-size:10px!important;line-height:1.35!important;color:var(--muted)!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>summary:after{
 content:'⌄';position:static!important;grid-column:3!important;grid-row:1/3!important;
 justify-self:end!important;align-self:center!important;font-size:21px!important;
 transform:none!important;display:block;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced[open]>summary:after{transform:rotate(180deg)!important}
.finance-full-body.u4acct-detail-page .u4acct-advanced[open]>summary{
 border-bottom:1px solid var(--u4a-line)!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>.account-health-v12971,
.finance-full-body.u4acct-detail-page .u4acct-advanced>.v1322-account-intel,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body.u4acct-detail-page .u4acct-advanced>.account-health-v12971,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body.u4acct-detail-page .u4acct-advanced>.v1322-account-intel{
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:0!important;margin:0!important;padding:12px 16px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced .account-health-grid-v12971>div{
 background:color-mix(in srgb,var(--card,#fff) 65%,transparent)!important;
 border:1px solid var(--u4a-line)!important;border-radius:12px!important;
 box-shadow:none!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced>.v1322-account-intel{
 border-top:1px solid var(--u4a-line)!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced .v1322-metric-grid>div:nth-child(-n+2){display:none!important}
.finance-full-body.u4acct-detail-page .u4acct-forecast-note{
 font-size:10px!important;padding:3px 16px 14px!important;
}
/* Linked cards use an integrated panel, but the card's art and payment methods remain untouched. */
.finance-full-body.u4acct-detail-page .linked-debit-cards-v12813.u4acct-linked-panel{
 order:4!important;margin:0!important;padding:14px 16px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel>.widget-head{
 display:flex!important;align-items:center!important;gap:12px!important;
 margin:0 0 10px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel .u4acct-linked-headings{
 display:grid;gap:3px;flex:1 1 auto;min-width:0;
}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel .u4acct-linked-headings>b{
 color:var(--text)!important;font-size:13px!important;
}
.u4acct-linked-subtitle{font-size:10px!important;color:var(--muted)!important;line-height:1.35}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel>.widget-head>button{
 flex:0 0 auto!important;padding:9px 12px!important;
 border:1px solid var(--u4a-line)!important;border-radius:999px!important;
 background:var(--u4a-tint)!important;color:var(--accent,#087b59)!important;
 font-size:11px!important;font-weight:750!important;min-height:38px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel>button.account-linked-debit-v12813{
 border:1px solid var(--u4a-line)!important;background:color-mix(in srgb,var(--card,#fff) 66%,transparent)!important;
 border-radius:14px!important;margin:0!important;padding:12px!important;
 grid-template-columns:74px minmax(0,1fr) 12px!important;
 column-gap:12px!important;min-height:79px!important;
}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel>button.account-linked-debit-v12813+button.account-linked-debit-v12813{margin-top:7px!important}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel .account-linked-debit-chevron-v12813{
 color:var(--muted)!important;opacity:.8;
}
.finance-full-body.u4acct-detail-page .u4acct-linked-panel button:focus-visible,
.finance-full-body.u4acct-detail-page .u4acct-advanced summary:focus-visible{
 outline:2px solid var(--accent,#087b59)!important;outline-offset:2px!important;
}
/* Transactions: keep icons, titles, and amounts safely inset on either edge. */
.finance-full-body.u4acct-detail-page .account-history-card{
 width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-group{
 padding:2px 0 4px!important;min-width:0!important;box-sizing:border-box!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-date{
 padding:12px 16px 5px!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-row{
 box-sizing:border-box!important;width:100%!important;min-width:0!important;
 display:grid!important;grid-template-columns:34px minmax(0,1fr) max-content!important;
 column-gap:12px!important;align-items:center!important;
 padding:13px 16px!important;min-height:66px!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-row .avatar{
 width:34px!important;height:34px!important;min-width:34px!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-row>div:nth-child(2){
 min-width:0!important;overflow:hidden!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-row>div:nth-child(2)>b{
 line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;
 display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
 overflow-wrap:anywhere!important;
}
.finance-full-body.u4acct-detail-page .account-history-card .finance-history-row>strong{
 min-width:0!important;max-width:100%!important;text-align:right!important;
 justify-self:end!important;white-space:nowrap!important;line-height:1.25!important;
 font-variant-numeric:tabular-nums!important;
}
@media(max-width:390px){
 .finance-full-body.u4acct-detail-page .account-history-card .finance-history-row{
  grid-template-columns:32px minmax(0,1fr) max-content!important;column-gap:8px!important;padding:12px 12px!important;
 }
 .finance-full-body.u4acct-detail-page .account-history-card .finance-history-row .avatar{width:32px!important;height:32px!important;min-width:32px!important}
 .finance-full-body.u4acct-detail-page .account-history-card .finance-history-row>strong{font-size:11px!important}
 .finance-full-body.u4acct-detail-page .account-reconcile-v12971.u4acct-consistent-panel{padding:12px!important;gap:8px!important}
 .finance-full-body.u4acct-detail-page .u4acct-advanced>summary{padding:12px!important;column-gap:8px!important}
 .finance-full-body.u4acct-detail-page .linked-debit-cards-v12813.u4acct-linked-panel{padding:12px!important}
 .finance-full-body.u4acct-detail-page .u4acct-linked-panel>.widget-head{gap:8px!important}
}
@media(prefers-reduced-motion:reduce){
 .finance-full-body.u4acct-detail-page .u4acct-advanced>summary:after{transition:none!important}
}


/* The safeguards indicator is an 8px chevron occupying an immutable grid cell.
   Never swap font glyphs: their different metrics caused the observed jump. */
.finance-full-body.u4acct-detail-page .u4acct-advanced>summary:after{
 content:''!important;display:block!important;box-sizing:border-box!important;
 position:static!important;grid-column:3!important;grid-row:1/3!important;
 justify-self:center!important;align-self:center!important;
 width:9px!important;height:9px!important;
 border-right:1.8px solid var(--accent,#087b59)!important;
 border-bottom:1.8px solid var(--accent,#087b59)!important;
 border-left:0!important;border-top:0!important;
 transform:rotate(45deg)!important;transform-origin:50% 50%!important;
 margin-top:0!important;transition:none!important;
}
.finance-full-body.u4acct-detail-page .u4acct-advanced[open]>summary:after{
 content:''!important;transform:rotate(225deg)!important;margin-top:0!important;
}


/* Accounts header consistency: existing Wallet Add Card pill + Finance glass header control.
   Other properties come from the actual u2w-add and shared header styles, not a new theme. */
#app .finance-full-top.u4acct-overview-top > button.u4acct-add-top.u2w-add{
 position:absolute!important;top:50%!important;right:18px!important;transform:translateY(-50%)!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:0!important;height:auto!important;min-height:42px!important;
 padding:10px 14px!important;border-radius:999px!important;
 background:#e4f3ec!important;color:#07533d!important;border:1px solid #afd3c3!important;
 font:700 12px system-ui!important;white-space:nowrap!important;line-height:1.3!important;
 -webkit-tap-highlight-color:transparent!important;
}
#app .finance-full-top.u4acct-overview-top > button.u4acct-add-top.u2w-add:focus:not(:focus-visible){outline:none!important}
#app .finance-full-top.u4acct-overview-top > button.u4acct-add-top.u2w-add:focus-visible{outline:2px solid var(--accent,#087b59)!important;outline-offset:3px!important}
@media(max-width:390px){
 #app .finance-full-top.u4acct-overview-top > button.u4acct-add-top.u2w-add{font-size:11px!important;padding:9px 10px!important;min-height:40px!important}
}
/* Finance's actual circular glass appearance is inherited from styles.css's
   main Liquid Glass header control rule (also applied to u4acct-more-summary). */
#app .finance-full-top.u4acct-detail-top > .u4acct-options > .u4acct-more-summary{
 display:grid!important;place-items:center!important;width:42px!important;height:42px!important;
 min-width:42px!important;min-height:42px!important;box-sizing:border-box!important;
 border-radius:50%!important;cursor:pointer!important;list-style:none!important;
 -webkit-tap-highlight-color:transparent!important;
}
#app .finance-full-top.u4acct-detail-top > .u4acct-options > .u4acct-more-summary:focus:not(:focus-visible){outline:none!important}
#app .finance-full-top.u4acct-detail-top > .u4acct-options > .u4acct-more-summary:focus-visible{outline:2px solid var(--accent,#087b59)!important;outline-offset:3px!important}