/* Kennzahlenliste: links Begriff, rechts Wert. Kommt in „Allgemeines" dreimal vor. */
.kv { display: grid; gap: 0; }
.kv > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--border-2); font-size: 12.5px; }
.kv > div:last-child { border-bottom: 0; }
.kv .k { color: var(--muted); }
.kv .v { font-weight: 650; font-variant-numeric: tabular-nums; }

/* Umschalter ueber der Kurve */
.seg { display: inline-flex; background: rgba(255,255,255,.04); border: 1px solid var(--border-2); border-radius: 8px; padding: 2px; }
.seg button {
  background: none; border: 0; color: var(--muted); padding: 4px 12px; border-radius: 6px;
  font-size: 11.5px; cursor: pointer; font-family: inherit; font-weight: 600;
}
.seg button.on { background: var(--accent-soft); color: var(--text); }

/* Stundenbalken „Netto G/V nach Handelszeit" */
.hours { display: grid; grid-template-columns: repeat(14, 1fr); gap: 4px; align-items: end; height: 128px; margin-top: 4px; }
.hours .h { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.hours .h span { border-radius: 3px 3px 0 0; display: block; }
.hourlbl { display: grid; grid-template-columns: repeat(14, 1fr); gap: 4px; font-size: 9px; color: var(--dim); text-align: center; margin-top: 5px; }