/* ============================================================
   VEREIN-DASHBOARD - Ergänzungen zu trainingshaus-dashboard/style.css
   ============================================================ */
.ved-fin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-bottom: 12px; }
.ved-bestand { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; background: var(--paper);
  border: 1px solid var(--line); border-radius: 12px; }
.ved-bestand b { font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--ink); font-variant-numeric: tabular-nums; }
.ved-zahlen { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 12px 18px;
  background: var(--paper); border: 1px solid var(--line); border-radius: 8px; }
.ved-zahlen > div { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-soft); }
.ved-zahlen b { margin-left: auto; color: var(--ink); font-variant-numeric: tabular-nums; }
.ved-ergebnis { border-top: 1px solid var(--line); padding-top: 6px; font-weight: 700; color: var(--ink) !important; }
.ved-punkt { width: 10px; height: 10px; border-radius: 8px; flex: none; }
.is-plus { color: var(--pal-gruen-dunkel) !important; }
.is-minus { color: var(--danger) !important; }
.ved-kassen strong { font-variant-numeric: tabular-nums; color: var(--ink); }

/* Monatssäulen: je Monat zwei schmale Säulen */
.ved-monat { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; text-decoration: none; }
.ved-paar { flex: 1; width: 100%; max-width: 34px; display: flex; align-items: flex-end; gap: 2px; }
.ved-s { flex: 1; border-radius: 4px 4px 0 0; min-height: 0; transition: filter .15s; }
.ved-monat:hover .ved-s { filter: brightness(.9); }
.ved-monat.is-zukunft .thd-saeule-label { opacity: .45; }
.ved-monate { padding-top: 18px; }

@media (max-width: 640px) {
  .ved-fin { grid-template-columns: 1fr; }
}
/* Säulen mit 2px Abstand zur Fläche, damit Einnahmen/Ausgaben klar getrennt sind */
.ved-paar { gap: 3px; }
.ved-zahlen b.ve-plus { color: var(--pal-gruen-dunkel); }
.ved-zahlen b.ve-minus { color: var(--danger); }