/* Zebra TC21 spezifisches Layout: 360 CSS-px Viewport, hoher Kontrast,
   keine Hover-only Interaktionen, groessere Touch-Targets. */

.device-zebra {
  font-size: 16px;
}

.device-zebra .container {
  max-width: 360px;
  padding: 8px;
}

.device-zebra .brand-header {
  padding: 6px 8px;
}
.device-zebra .jaku-logo { height: 36px; }

.device-zebra .device-grid,
.device-zebra .user-grid,
.device-zebra .set-tiles {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.device-zebra button,
.device-zebra .btn,
.device-zebra .btn-primary {
  min-height: 56px;
  font-size: 16px;
}

.device-zebra input,
.device-zebra select,
.device-zebra textarea {
  min-height: 56px;
  font-size: 16px;
}

.device-zebra .cart th,
.device-zebra .cart td {
  padding: 8px 6px;
  font-size: 14px;
}

/* Hoher Kontrast fuer Status */
.device-zebra .auftrag-list tr.status-in_bearbeitung { background: #ffd000; }
.device-zebra .auftrag-list tr.beleg-storniert { background: #ffb0b0; }

/* Picking-Lagerplatz besonders gross */
.device-zebra .picking .lagerplatz { font-size: 22px; font-weight: 700; }

/* Admin auf Zebra eher nicht im Einsatz - aber falls doch, Nav umbrechen */
.device-zebra .admin-nav { flex-wrap: wrap; }
.device-zebra .admin-tab { flex: 1 1 33%; }