.barcode-management {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f7fbfa;
}

.barcode-management-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.barcode-management h3 { margin: 0; font-size: 17px; }
.barcode-management-head p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.barcode-count {
  display: grid;
  place-items: center;
  min-width: 32px;
  height: 32px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}
.barcode-list { display: grid; gap: 9px; margin-top: 14px; }
.barcode-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.barcode-row code { min-width: 0; overflow-wrap: anywhere; color: var(--ink); font-size: 13px; }
.barcode-delete { flex: 0 0 auto; padding: 8px 11px; background: #fdebed; color: var(--danger); }
.barcode-empty { margin: 0; color: var(--muted); font-size: 14px; }

.scanner-assignment { display: grid; gap: 12px; }
.scanner-assignment label { display: grid; gap: 6px; }
.scanner-assignment select { min-height: 154px; }
.scanner-assignment-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.scanner-assignment-actions button { flex: 1 1 220px; }
.panel-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
button:disabled{cursor:wait;opacity:.65}.quickscan-stock{font-variant-numeric:tabular-nums;transition:transform .12s ease}.quickscan-result:has(button:disabled) .quickscan-stock{transform:scale(1.06)}
.scanner-status.warning{background:#fff1c7;color:#704800;border-color:#e2b443;font-weight:900}.quickscan-result.is-discontinued{border:3px solid #e2b443;background:#fffaf0}.quickscan-result.is-discontinued .quickscan-found{display:inline-block;padding:8px 12px;border-radius:10px;background:#f3c84b;color:#352500;font-weight:900}.status.discontinued{margin-left:8px;background:#f3c84b;color:#352500}.discontinued-toggle{grid-template-columns:auto 1fr;align-items:center;padding:13px 15px;border:2px solid #e2b443;border-radius:13px;background:#fffaf0}.discontinued-toggle input{width:auto}

@media (max-width: 620px) {
  .barcode-row { align-items: stretch; flex-direction: column; }
  .barcode-delete { width: 100%; }
  .panel-actions, .panel-actions button { width: 100%; }
}