/* Wealth uses the approved Ballr card, surface and color tokens. */
.wealth-page-title .icon-button{width:44px;height:44px;flex:none}
.wealth-action-row{margin:0 22px 18px}
.wealth-action-row>.outline-button,.main .wealth-action-row>.outline-button[data-action=add-source]{width:100%;margin:0;min-height:44px}
.wealth-period{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 22px 14px}
.wealth-period h2{font-size:16px;line-height:1.4;font-weight:750;letter-spacing:-.3px}
.wealth-period p{font-size:11px;color:#81818a;margin-top:4px}
.wealth-month-control{display:flex;flex-direction:column;gap:4px;color:#73737b;font-size:10px;max-width:100%}
.wealth-month-control input{font:inherit;font-size:16px;color:var(--ink);background:#fbfbfc;border:1px solid #e8e8ed;border-radius:14px;min-height:44px;width:152px;max-width:100%;padding:8px 10px;box-sizing:border-box}
.wealth-month-control input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.wealth-metric-grid .metric-card{min-width:0}
.wealth-metric-grid .metric-value{font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.5px}
.wealth-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 22px}
.wealth-record-actions button{width:100%;min-width:0;min-height:44px;padding:11px 8px;font-size:12px;gap:5px}
.wealth-record-actions button svg{flex:none}
.wealth-month-note{margin:10px 22px 20px;color:#85858e;font-size:10px;line-height:1.6}
.source-card .source-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;text-align:left}
.source-card .source-result .muted{min-width:0;line-height:1.5}
.source-card .source-result strong{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
.source-card .gp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.source-card .gp-now{min-width:0;overflow-wrap:anywhere}
.portfolio-income-filters .chip{min-height:44px}
.wealth-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 22px 14px}
.wealth-ledger-head h2{font-size:16px;line-height:1.4}
.wealth-ledger-head .text-button{min-height:44px}
.wealth-ledger-entry{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,.8fr);gap:10px}
.wealth-ledger-entry .list-info{min-width:0}
.wealth-ledger-entry .list-info p{overflow-wrap:anywhere}
.wealth-ledger-entry .list-amount{min-width:0;white-space:normal;overflow-wrap:anywhere}
.investment-connections>.list-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;margin:0 0 10px;padding:14px;box-sizing:border-box;min-height:70px}
.sheet-body .investment-connections .tile{margin:0;flex:none}
.investment-connections .list-info{min-width:0}
.investment-connections .list-info p{line-height:1.5;white-space:normal}
.investment-connections .notice-pill{white-space:nowrap;font-size:10px;justify-self:start}
@media(max-width:350px){
 .wealth-period{align-items:flex-start}
 .wealth-month-control{width:100%}
 .wealth-month-control input{width:100%}
 .wealth-record-actions{grid-template-columns:1fr}
 .wealth-metric-grid .metric-value{font-size:18px}
 .investment-connections>.list-card{grid-template-columns:42px minmax(0,1fr);gap:5px 10px}
 .investment-connections .tile{grid-row:span 2}
 .investment-connections .notice-pill{grid-column:2}
}