/* Seiten-Anordnung Fehlt: nur Layout, Komponenten kommen aus app.css. */
.fehlt-list .main-col { flex: 1 1 0; min-width: 0; }
.fehlt-list .fw4 { font-weight: 400; }
.fehlt-list > li.picked { background: var(--accent-soft); }
.fehlt-list .cb { align-self: center; }
.fehlt-st { flex: none; width: 92px; }
.fehlt-acts { display: inline-flex; align-items: center; gap: var(--s1); flex: none; }
@media (max-width: 600px) {
  /* Leitung am Handy: Auswahl links, Text in der Mitte, Aktionen rechts, Status unter dem Text */
  .fehlt-list > li.mrow { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "cb main main" "cb st acts"; column-gap: var(--s3); row-gap: var(--s1); align-items: center; }
  .fehlt-list > li.mrow .cb { grid-area: cb; align-self: start; margin-top: 2px; }
  .fehlt-list > li.mrow .main-col { grid-area: main; }
  .fehlt-list > li.mrow .fehlt-st { grid-area: st; width: auto; }
  .fehlt-list > li.mrow .fehlt-acts { grid-area: acts; }
}
.chips { display: flex; flex-wrap: wrap; gap: var(--s2); }
.chips .btn.on { background: var(--accent-soft); border-color: var(--accent); }
#fehlt-msg { margin-bottom: var(--s4); }
#fehlt-msg:empty { margin: 0; }
/* Sammelaktion: unten fest, ueber der Tab-Leiste */
.bulk { position: sticky; bottom: calc(var(--tab-h) + var(--safe-b) + var(--s3)); z-index: 10; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2);
  margin-top: var(--s4); padding: var(--s2) var(--s2) var(--s2) var(--s4); border-radius: var(--r-md); background: var(--surface); box-shadow: var(--shadow-pop); }
.bulk .spacer { flex: 1; }
@media (min-width: 768px) { .bulk { bottom: var(--s4); } }
/* Menge und Einheit auch am Handy nebeneinander */
@media (max-width: 520px) { .fehlt-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .fehlt-form > :not(.half) { grid-column: 1 / -1; } }