/* remedies.css – Pflanzenschrank (S100) */

/* Die Liste selbst braucht kein eigenes CSS: sie ist die Zeilenform des
   Bestand-Hubs (.stock-rows / .stock-row aus stock.css), weil sie dieselbe
   Aufgabe hat — Label, erklärende zweite Zeile, Chevron. Hier steht nur, was
   der Hub nicht kennt: der Leerzustand und die dreiteilige Dosis-Zeile. */

/* ─── Leerzustand ────────────────────────────────────────────────────────────── */

/* Ohne Zeichen und ohne Überschrift, anders als der Leerzustand der Standorte:
   dort ist Leere der Anfang der App und trägt einen Aufruf, hier ist sie ein
   Nebenzustand hinter zwei Taps. Der Knopf zum Anlegen steht ohnehin darunter
   und ist derselbe wie im gefüllten Fall. */
.remedies-empty {
  padding: var(--space-lg) var(--space-md);
  text-align: center;
}

.remedies-empty__text {
  color: var(--color-text-muted);
  line-height: 1.6;
}

/* ─── Dosis-Zeile im Formular ────────────────────────────────────────────────── */

/* Vier Elemente in einer Zeile: Menge, Einheit, das Wort „je", Liter. Sie
   umbricht bewusst (`wrap`) statt zu schrumpfen — auf 390 px passt die Zeile,
   bei größerer Schrift wandert der Literteil in die zweite Zeile und bleibt
   lesbar. Zwei Zahlenfelder nebeneinander zu quetschen wäre die Alternative
   gewesen, mit derselben Fehlerklasse wie in S72: die Ersparnis steckt nie im
   kürzeren Wort. */
.remedy-dose {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

/* Feste Breiten, damit die Felder nicht über die halbe Zeile laufen: es sind
   ein- bis dreistellige Zahlen, kein Text. */
.remedy-dose__amount,
.remedy-dose__litres {
  width: 76px;
  flex-shrink: 0;
}

.remedy-dose__per {
  color: var(--color-text-muted);
  flex-shrink: 0;
}