/* Additions on top of ci.css (copied verbatim from the zaehlapp_monitor
 * deployment at 192.168.4.4:8810 so this app matches its look exactly). Every
 * new class here follows ci.css's own rule: declare a token, don't hardcode a
 * color, so both themes stay correct. Nothing in ci.css itself is touched
 * beyond the two logo filenames (unhashed here — no static manifest yet).
 */

.zaehlstand.fehlt{background:var(--schlecht-weich); color:var(--schlecht)}

.punkt.gut{background:var(--gut)}
.punkt.warn{background:var(--warn)}
.punkt.schlecht{background:var(--schlecht)}

.stufenpunkte{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.stufenpunkt{display:flex; align-items:center; font-size:12.5px; color:var(--schrift2)}