/* Kunden, Artikel, Belege und Warenfluss.
 *
 * Eigene Datei, damit Aenderungen an diesen Masken nicht in app.css oder
 * formular.css landen, die jede Seite tragen. templates/layout.php laedt sie
 * nach den gemeinsamen Dateien (Gesamtpruefung 30.09.2026). */

/* --- Belegmaske: Positionstafel (Wareneingang, Warenausgang, Zaehlliste) --- *
   Die Tafel war bei 1280 px 1497 px breit und rollte in sich; EK, VK,
   Bestand und „löschen" lagen außer Sicht (Gesamtpruefung D-10). Engere
   Zellen und Eingaben; Artikelnummer und Barcode stehen unter der
   Bezeichnung (templates/beleg/detail.php). `positionsliste` teilen sich
   Auftrag und Verleih, deshalb die eigene Klasse `belegpositionen`.        */
.belegpositionen table.liste th,
.belegpositionen table.liste td { padding-left: 5px; padding-right: 5px; }
.belegpositionen table.liste th,
.belegpositionen table.liste td.p-ober { white-space: normal; }
.belegpositionen table.liste td.p-ober { min-width: 84px; }
.belegpositionen table.liste td.breit  { min-width: 180px; }
.belegpositionen .e-menge   { width: 50px; }
.belegpositionen .e-vk      { width: 64px; }
/* formular.css setzt `input[name^="p_hinweis["]` auf 150 px. */
.belegpositionen table.liste td input.p-hinweis { width: 84px; }
/* Der Etikettenknopf zeigt hier bis 1440 px nur sein Symbol (Titel
   „Etikett drucken"); app.css tut das erst unter 900 px. */
@media (max-width: 1439px) {
  .belegpositionen .etikettfeld .nur-breit { display: none; }
}
.belegpositionen .artikel-kennung {
  display: block;
  font-size: var(--text-mini);
  font-weight: normal;
  color: var(--schrift-hell);
}
/* Die Position des letzten Scans steht oben und ist markiert (D-10). */
.belegpositionen table.liste tbody tr.zuletzt > td { background: var(--erfolg-flaeche); }

/* --- Kundenkarten: Aktionen je Zeile ------------------------------------- *
   Das Feld fuer den festen Rabatt hatte keine Breite und nahm 173 px; die
   Tafel war bei 1280 px 1048 px breit, „Lösen" und „setzen" lagen außer
   Sicht (Gesamtpruefung D-25). Feld und Knopf bleiben beieinander.        */
.kartenliste .festrabatt-feld { display: inline-flex; gap: var(--abstand-1); align-items: center; }
.kartenliste .festrabatt-feld input { width: 72px; }
.kartenliste table.liste th { white-space: normal; }

/* Auf dem Telefon fuellen Kopfzeilen und Steckbrief den ersten Bildschirm,
   die Positionen beginnen darunter. Beim Rollen bleibt das Scanfeld deshalb
   oben stehen, Scannen und Liste sind gleichzeitig im Bild (D-10). */
@media (max-width: 600px) {
  .belegscan { position: sticky; top: 0; z-index: 3; }
}