/**
 * redox.css — Redox-Rechner, Redox-Gauge
 * Modul: public/assets/js/modules/redox.js (Satz-Tab)
 * v6.3 CSS-MODULARISIERUNG
 */

/* ── Zweispalten-Layout des Rechner-Tabs ─────────────────────────────────── */
.rdx-rechner-layout {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.rdx-beitrag-card {
  flex: 1.3;
  min-width: 320px;
  margin-bottom: 0;
}

.rdx-rechner-card {
  flex: 1;
  min-width: 280px;
  margin-bottom: 0;
}

.rdx-rechner-form {
  margin-bottom: 4px;
}

/* ── OK-Infobox ──────────────────────────────────────────────────────────── */
.infobox-ok {
  background: rgba(45, 224, 156, .08);
  border: 1px solid rgba(45, 224, 156, .3);
  border-radius: var(--r-md);
  padding: 10px 14px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

/* ── KPI-Badge (inline Wert neben Karten-Titel) ──────────────────────────── */
.kpi-badge {
  display: inline-flex;
  align-items: center;
}