/* FinToolbox — Account panel. Builds on /css/styles.css tokens + .card/.fld/.btn. */
.acct-grid { display: flex; flex-direction: column; gap: 18px; max-width: 720px; }
.acct-card-title { font-size: 14px; font-weight: 700; margin: 0 0 4px; }
.acct-card-sub { font-size: 12.5px; color: var(--text-3); margin: 0 0 16px; line-height: 1.5; }
.acct-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.acct-row .fld { flex: 1 1 220px; display: flex; flex-direction: column; gap: 6px; }
.acct-row .fld label { font-size: 12px; font-weight: 600; color: var(--text-2); }
.acct-hint { font-size: 11.5px; min-height: 15px; margin-top: 2px; }
.acct-hint.ok { color: var(--green); }
.acct-hint.bad { color: var(--red); }
.acct-hint.muted { color: var(--text-4); }
.acct-danger { border-color: color-mix(in srgb, var(--red) 35%, var(--line)); }
.acct-prem { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.acct-prem-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 6px; font-size: 12px; font-weight: 700;
}
.acct-prem-badge.on { background: var(--green-soft); color: var(--green); }
.acct-prem-badge.off { background: var(--card-2); color: var(--text-3); }