/* Ergänzungen zu Bootstrap – bewusst sparsam */
body { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); font-variant-numeric: tabular-nums; }
.nav-pills .nav-link { padding: .6rem .25rem; }

/* Große Tippflächen für Handschuhe und unruhige Hände */
.btn, .form-control, .form-select { min-height: 44px; }
.qty { max-width: 12rem; }
.qty .form-control { font-weight: 600; font-size: 1.25rem; }
.qty input::-webkit-outer-spin-button, .qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty input[type=number] { -moz-appearance: textfield; }

/* Artikelkarten: Zustand zusätzlich als linker Rand, nicht nur als Farbe des Textes */
.item { border-left-width: .35rem; }
.item[data-s="open"] { border-left-color: var(--bs-secondary-border-subtle); }
.item[data-s="ok"]   { border-left-color: var(--bs-success); }
.item[data-s="warn"] { border-left-color: var(--bs-warning); }
.item[data-s="crit"] { border-left-color: var(--bs-danger); }
.soll { min-width: 3.5rem; }

/* Untere Aktionsleiste im Bereich */
.actionbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1020;
  padding-bottom: env(safe-area-inset-bottom, 0px); }

.list-group-item-action { cursor: pointer; }
.status-text { white-space: nowrap; }
.table td, .table th { vertical-align: middle; }
:focus-visible { outline: 3px solid var(--bs-primary); outline-offset: 2px; }