.part-qr-preview-dialog { width: min(100%, 560px); }
.part-qr-preview-body { display: grid; justify-items: center; gap: var(--erp-space-4); }
.part-qr-preview-code { display: grid; width: min(100%, 300px); aspect-ratio: 1; place-items: center; padding: var(--erp-space-3); border: var(--erp-border-width) var(--erp-border-style) var(--erp-border); border-radius: var(--erp-radius-lg); background: #fff; }
.part-qr-preview-code svg { display: block; width: 100%; height: 100%; shape-rendering: crispEdges; }
.part-qr-preview-code.is-error { aspect-ratio: auto; min-height: 160px; color: var(--erp-danger); text-align: center; }
.part-qr-preview-information { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--erp-space-3); margin: 0; }
.part-qr-preview-information > div { display: grid; min-width: 0; gap: var(--erp-space-1); padding-bottom: var(--erp-space-2); border-bottom: var(--erp-border-width) var(--erp-border-style) var(--erp-border); }
.part-qr-preview-information dt { color: var(--erp-text-muted); font-size: var(--erp-font-size-sm); }
.part-qr-preview-information dd { margin: 0; color: var(--erp-text); font-weight: var(--erp-font-weight-semibold); overflow-wrap: anywhere; }
.part-qr-preview-identity { display: grid; width: 100%; gap: var(--erp-space-1); margin: 0; padding: var(--erp-space-3); border-radius: var(--erp-radius-md); background: var(--erp-surface-subtle); color: var(--erp-text-muted); font-size: var(--erp-font-size-xs); }
.part-qr-preview-identity code { color: var(--erp-text-secondary); font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; overflow-wrap: anywhere; }
@media screen and (max-width: 640px) {
  .part-qr-preview-information { grid-template-columns: minmax(0, 1fr); }
  .part-qr-preview-code { width: min(100%, 270px); }
}

.inventory-opening-qr-entry {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: var(--erp-space-2);
  margin: var(--erp-space-4) 0;
  padding: var(--erp-space-3);
  border: var(--erp-border-width) var(--erp-border-style) var(--erp-border);
  border-radius: var(--erp-radius-md);
  background: var(--erp-surface-subtle);
}
.inventory-opening-qr-entry label { display: grid; min-width: min(100%, 320px); flex: 1 1 280px; gap: var(--erp-space-1); }
.inventory-opening-qr-entry label span { color: var(--erp-text-secondary); font-size: var(--erp-font-size-sm); }
.inventory-opening-qr-entry input { min-height: 40px; width: 100%; padding: 0 var(--erp-space-3); border: var(--erp-border-width) var(--erp-border-style) var(--erp-border); border-radius: var(--erp-radius-md); background: var(--erp-surface); color: var(--erp-text); }
.inventory-opening-qr-entry .inventory-row-error { flex: 1 0 100%; margin: 0; }
@media screen and (max-width: 640px) {
  .inventory-opening-qr-entry { align-items: stretch; }
  .inventory-opening-qr-entry button { width: 100%; }
}
