.dashboard-investment-card.wealth-card { display:flex; --wealth-bg:#fff; --wealth-soft:#f5f8fc; --wealth-ink:#172338; --wealth-muted:#61748e; --wealth-border:#dfe7f2; --wealth-blue:#2563eb; --wealth-tint:#edf4ff; --wealth-green:#147b69; color:var(--wealth-ink); }
.wealth-card h4 { margin:0; font-size:15px; }
.wealth-card p { margin:0; }
.wealth-card .dashboard-card-header { flex-wrap:wrap; gap:12px; }
.wealth-card .dashboard-card-header > div { min-width:0; }
.wealth-card .dashboard-card-header p { color:var(--wealth-muted); }
.wealth-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:14px; }
.wealth-metrics > div { display:grid; align-content:start; gap:8px; padding:18px; border:1px solid var(--wealth-border); border-radius:16px; background:var(--wealth-soft); min-width:0; }
.wealth-metrics > div:first-child { background:var(--wealth-tint); }
.wealth-metrics span, .wealth-card small, .wealth-note, .wealth-section-head > span { color:var(--wealth-muted); }
.wealth-metrics strong { font-size:clamp(18px,2.4vw,28px); line-height:1.25; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.wealth-card small { display:block; font-size:12px; line-height:1.5; }
.wealth-section-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; align-items:center; }
.wealth-section-head > span { font-size:12px; }
.wealth-legend { display:flex; flex-wrap:wrap; gap:16px; color:var(--wealth-muted); font-size:12px; }
.wealth-legend span { display:flex; align-items:center; gap:7px; }
.wealth-legend i { width:18px; height:3px; background:var(--wealth-blue); }
.wealth-legend i.wealth-dot { width:9px; height:9px; border-radius:50%; background:var(--wealth-green); }
.wealth-chart { display:block; width:100%; height:215px; }
.wealth-chart line { stroke:var(--wealth-border); stroke-width:1; }
.wealth-chart text { fill:var(--wealth-muted); font:12px Arial,sans-serif; }
.wealth-capital-line { fill:none; stroke:var(--wealth-blue); stroke-width:2.5; }
.wealth-capital-dot { fill:var(--wealth-blue); }
.wealth-value-dot { fill:var(--wealth-green); stroke:var(--wealth-bg); stroke-width:1.5; }
.wealth-empty { display:grid; gap:10px; border:1px dashed var(--wealth-border); border-radius:16px; padding:30px 20px; text-align:center; }
.wealth-empty p, .wealth-note, .wealth-foot { color:var(--wealth-muted); font-size:12px; line-height:1.6; }
.wealth-goal { display:grid; gap:10px; padding:16px; background:var(--wealth-soft); border-radius:14px; }
.wealth-goal progress { width:100%; height:9px; border:0; border-radius:8px; overflow:hidden; appearance:none; background:var(--wealth-border); }
.wealth-goal progress::-webkit-progress-bar { background:var(--wealth-border); }
.wealth-goal progress::-webkit-progress-value { background:var(--wealth-blue); }
.wealth-goal progress::-moz-progress-bar { background:var(--wealth-blue); }
.wealth-card summary { padding:10px 0; cursor:pointer; font-weight:600; }
.wealth-holdings { border-top:1px solid var(--wealth-border); }
.wealth-position { display:grid; grid-template-columns:1fr auto; gap:12px; padding:14px 0; border-bottom:1px solid var(--wealth-border); }
.wealth-position > div { min-width:0; overflow-wrap:anywhere; }
.wealth-position-value { text-align:right; font-variant-numeric:tabular-nums; }
.wealth-position-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px; }
.wealth-card button { font:inherit; font-size:13px; font-weight:600; border:1px solid var(--wealth-border); border-radius:11px; padding:10px 14px; min-height:44px; color:var(--wealth-ink); background:var(--wealth-bg); cursor:pointer; }
.wealth-card button.wealth-primary { background:var(--wealth-blue); border-color:var(--wealth-blue); color:#fff; }
.wealth-card button:disabled { opacity:.55; cursor:wait; }
.wealth-actions { display:flex; gap:10px; flex-wrap:wrap; }
.wealth-editor { display:grid; gap:16px; padding:18px; border-radius:16px; background:var(--wealth-soft); border:1px solid var(--wealth-border); }
.wealth-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:14px; }
.wealth-card label { display:grid; gap:6px; color:var(--wealth-muted); font-size:12px; min-width:0; }
.wealth-card input, .wealth-card select { min-width:0; width:100%; border:1px solid var(--wealth-border); border-radius:9px; background:var(--wealth-bg); color:var(--wealth-ink); padding:10px; font:inherit; font-size:16px; }
.wealth-wide { grid-column:1 / -1; }
.wealth-card .wealth-check { display:flex; align-items:center; gap:10px; }
.wealth-check input { width:20px; height:20px; flex:0 0 20px; }
.wealth-foot { padding-top:15px; border-top:1px solid var(--wealth-border); }
.wealth-error { color:#b42318; }
.wealth-card [data-wealth-status]:empty, .wealth-card [data-wealth-editor]:empty { display:none; }
.wealth-history-scroll { overflow:auto; }
.wealth-card table { width:100%; border-collapse:collapse; font-size:12px; }
.wealth-card th, .wealth-card td { padding:9px 5px; text-align:left; border-bottom:1px solid var(--wealth-border); }
body.amounts-blurred .wealth-sensitive { filter:blur(6px); user-select:none; }
body[data-theme="dark"] .wealth-card { --wealth-bg:#172335; --wealth-soft:#203047; --wealth-ink:#edf3fc; --wealth-muted:#b1c0d5; --wealth-border:#39495f; --wealth-blue:#6093ff; --wealth-tint:#243958; --wealth-green:#6fd8bd; }
body[data-theme="dark"] .wealth-card button { background:var(--wealth-bg); color:var(--wealth-ink); border-color:var(--wealth-border); }
body[data-theme="dark"] .wealth-card button.wealth-primary { background:#2563eb; color:#fff; }
body[data-theme="dark"] .wealth-card .dashboard-card-header > span { background:var(--wealth-soft); color:var(--wealth-ink); border-color:var(--wealth-border); }
@media(max-width:600px) {
  .wealth-metrics, .wealth-fields { grid-template-columns:1fr; }
  .wealth-metrics strong { font-size:24px; }
  .wealth-card .wealth-actions > button { flex:1 1 140px; }
  .wealth-position { grid-template-columns:1fr; }
  .wealth-position-value { text-align:left; }
  .wealth-card { min-width:0; }
}