/* หน้า ลงทุน (ใช้โครงการ์ดรายชื่อจาก loans.css) */
.inv-cards { grid-template-columns: repeat(3, 1fr); }
.inv-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
.asset .a-ico { color: var(--invest); background: var(--bg); box-shadow: var(--in); }
.asset.done .a-ico { color: var(--muted); }
.a-value { font-weight: 700; color: var(--invest); font-variant-numeric: tabular-nums; white-space: nowrap; }
.a-sub { margin-top: -6px; font-size: 11.5px; color: var(--muted); white-space: nowrap; }
.a-actions { display: flex; gap: 8px; padding: 0 12px 12px 68px; }
.a-actions .btn-sm { display: inline-flex; align-items: center; gap: 5px; }
.asset .p-right { min-width: 0; gap: 6px; }
.loan-section h4 svg { vertical-align: -2px; }
.stat-ico.invest { color: var(--invest); }
.tag.invest-tag { color: var(--invest); }
.tx .ico.invest, .tx .badge.invest, .amt.invest { color: var(--invest); }
.type-toggle.invest input:checked + label { color: var(--invest); }
.invest-banner .lb-ico, .invest-banner .lb-item b { color: var(--invest); }
.ip-row b.invest { color: var(--invest); }

@media (max-width: 960px) {
  .inv-grid { grid-template-columns: 1fr; }
  .inv-grid > .card:last-child { order: -1; }
}
@media (max-width: 760px) {
  .inv-cards .card:first-child { grid-column: span 2; }
  .a-actions { padding: 0 6px 10px 52px; }
  .a-actions .btn-sm { padding: 6px 12px; }
}