/* A currency amount is one unit. Labels may wrap; digits never break mid-value. */
body .money-value{display:inline-block;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;vertical-align:baseline;letter-spacing:normal}
body .money-input{font-variant-numeric:tabular-nums;min-width:0;max-width:100%;box-sizing:border-box;text-align:right}
body :is(.clean-card,.goal-card,.subscription-card,.report-summary>.card,.debt-record,.goal-copy,.clean-row-copy,.inner-account-balance,.clean-legend,.overview-day-amount,.clean-totals>div){min-width:0}
body :is(.clean-balance-value,.debt-outstanding,.report-summary .value,.account .balance){overflow-wrap:normal;word-break:normal}
body .clean-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
body .clean-totals>small{grid-column:1/-1;margin:0}
body .clean-totals>div>b{font-variant-numeric:tabular-nums;min-width:0}
body #defaultDashboard .clean-totals.money-stacked,body .pocket-totals.money-stacked{grid-template-columns:minmax(0,1fr)}
body .pocket-totals.money-stacked>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
body .pocket-totals.money-stacked b{font-size:16px;max-width:100%}
body .clean-account-balances{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
body .clean-account-balances li.money-stacked{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body .clean-account-balances li.money-stacked>strong{max-width:none;width:100%;justify-self:end}
body #accountList .inner-account-row.money-stacked{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px 12px!important}
body #accountList .inner-account-row.money-stacked>div:first-child{grid-column:1;grid-row:1}
body #accountList .inner-account-row.money-stacked>.inner-record-actions{grid-column:2;grid-row:1}
body #accountList .inner-account-row.money-stacked>.inner-account-balance{grid-column:1/-1;grid-row:2;max-width:none;width:100%}
body #accountList .inner-account-row.money-stacked>.inner-account-totals{grid-row:3}
body .clean-activity li.money-stacked{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px 12px}
body .clean-activity li.money-stacked .clean-row-icon{grid-column:1;grid-row:1/3}
body .clean-activity li.money-stacked .clean-row-copy{grid-column:2;grid-row:1}
body .clean-activity li.money-stacked time{grid-column:3;grid-row:1}
body .clean-activity li.money-stacked .clean-row-amount{grid-column:2/-1;grid-row:2;min-width:0;max-width:none;width:100%;margin:0;text-align:right}
body .clean-legend>div.money-stacked{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
body .clean-legend>div.money-stacked>b{text-align:right;display:block}
body .overview-day-row.money-stacked{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body .overview-day-row.money-stacked .overview-day-amount{width:100%;max-width:none;justify-self:stretch;text-align:right}
body .goal-activity-row.money-stacked{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px}
body .goal-activity-row.money-stacked>strong{grid-column:1/-1;justify-self:stretch;text-align:right}
/* A goal's progress ring shares the heading row; monetary metrics get the full card width. */
body .goal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch}
body .goal-card{display:flex;flex-direction:column;min-width:0}
body .goal-card .goal-top,body .goal-dashboard-body .goal-top{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:6px 14px;align-items:start;width:100%}
body .goal-top>.goal-copy{display:contents}
body .goal-copy>.goal-type{grid-column:1;grid-row:1;font-size:11px}
body .goal-copy>h3{grid-column:1;grid-row:2;overflow-wrap:anywhere;margin:0 0 8px}
body .goal-copy>.goal-amount{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px;font-size:18px}
body .goal-metric{display:grid;gap:4px;min-width:0}
body .goal-metric>span{font-size:12px;font-weight:500;color:var(--muted)}
body .goal-metric>strong{display:block;font-weight:750;min-width:0}
body .goal-copy>.goal-meta{grid-column:1/-1;grid-row:4;margin-top:8px;font-size:13px;line-height:1.6}
body .goal-copy>.goal-counted{grid-column:1/-1;grid-row:5;margin-top:4px}
body .goal-copy>.goal-filter-note{grid-column:1/-1;grid-row:6;overflow-wrap:anywhere;font-size:12px;line-height:1.6}
body .goal-top>.goal-ring{grid-column:2;grid-row:1/3;width:76px;height:76px;align-self:center;position:relative}
body .goal-top>.goal-ring:after{width:56px;height:56px;font-size:13px;content:""}
body .goal-ring .goal-percent{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:750;z-index:1;white-space:nowrap}
body .goal-card>.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}
body .goal-card>.actions>.btn{min-height:44px;white-space:normal;max-width:100%}
body .goal-percent-detail{display:block;color:var(--muted);font-size:12px;margin-top:4px}
body .clean-goal-amount{display:grid;gap:6px}
body .clean-goal-amount>span{display:block}
body .report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
body .report-summary .card{max-width:100%;min-width:0}
body #transactions .panel .tablewrap>table th:nth-child(1){width:3%}
body #transactions .panel .tablewrap>table th:nth-child(2){width:10%}
body #transactions .panel .tablewrap>table th:nth-child(3){width:16%}
body #transactions .panel .tablewrap>table th:nth-child(4){width:8%}
body #transactions .panel .tablewrap>table th:nth-child(5){width:11%}
body #transactions .panel .tablewrap>table th:nth-child(6){width:10%}
body #transactions .panel .tablewrap>table th:nth-child(7){width:9%}
body #transactions .panel .tablewrap>table th:nth-child(8){width:24%}
body #transactions .panel .tablewrap>table th:nth-child(9){width:9%}
body #transactions .panel .tablewrap>table td:nth-child(8){text-align:right;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}
body #transactions .amount-original{overflow-wrap:normal!important;word-break:normal!important}
body .v4-import-table input{max-width:100%}
@media(min-width:701px){body .v4-import-table input[aria-label$="Amount"]{min-width:220px}body .v4-import-table input[aria-label*="rate"]{min-width:190px}body .v4-import-table input[type=date]{min-width:165px}}
body .reportgrid>*,body .chartrow>*{min-width:0}
body .btn.more-back{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:normal;text-align:left}
body .barrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6px 12px;align-items:center}
body .barrow>span{grid-column:1;grid-row:1}
body .barrow>.bar{grid-column:2;grid-row:1;min-width:0}
body .barrow>b{grid-column:1/-1;grid-row:2;text-align:right;min-width:0}
@media(max-width:760px){
 body .clean-totals{gap:14px}
 body .clean-balance-value{font-size:clamp(26px,8vw,40px);letter-spacing:-.5px}
 body .clean-account-balances li{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body .clean-account-balances li>strong{max-width:none;width:100%;text-align:right}
 body #accountList .inner-account-row{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px 12px!important}
 body #accountList .inner-account-row>div:first-child{grid-column:1;grid-row:1}
 body #accountList .inner-account-row>.inner-record-actions{grid-column:2;grid-row:1}
 body #accountList .inner-account-row>.inner-account-balance{grid-column:1/-1;grid-row:2;max-width:none;width:100%}
 body #accountList .inner-account-row>.inner-account-totals{grid-row:3}
 body .clean-account-balances strong,body .inner-account-balance .balance{font-size:18px}
 body .goal-copy>.goal-amount{font-size:18px}
 body .clean-spending{flex-wrap:wrap}
 body .clean-legend{flex:1 1 180px;max-width:none}
 body .money-input{font-size:16px}
}
@media(max-width:680px){
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked{grid-template-columns:minmax(0,1fr) 32px!important;gap:8px 12px}
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked td:nth-child(2){grid-column:1/-1;grid-row:1}
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked td:nth-child(3){grid-column:1;grid-row:2}
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked td:nth-child(9){grid-column:2;grid-row:2}
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked td:nth-child(8){grid-column:1/-1;grid-row:3;width:100%;font-size:14px}
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked[data-same-day=true] td:nth-child(3),body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked[data-same-day=true] td:nth-child(9){grid-row:1}
 body #transactions .panel .tablewrap>table tbody tr.pocket-transaction.money-stacked[data-same-day=true] td:nth-child(8){grid-row:2}
}
@media(max-width:360px){body #nav>button span{font-size:10px;line-height:1.35;white-space:nowrap}}
