.wc-barcode-trigger {
  margin-left: .35rem;
  line-height: 1;
  padding: .45rem .55rem;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
}
.wc-barcode-modal[aria-hidden="true"] { display: none; }
.wc-barcode-modal {
  position: fixed; inset: 0; background: rgba(0,0,0,.55);
  display: flex; align-items: center; justify-content: center; z-index: 99999;
}
.wc-barcode-dialog {
  width: min(92vw, 560px);
  background: #fff; border-radius: 8px; overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.3);
}
.wc-barcode-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: .75rem 1rem; background: #f7f7f7; border-bottom: 1px solid #eee;
}
#wc-barcode-close { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; }
.wc-barcode-body { padding: 1rem; }
#wc-barcode-video {
  width: 100%; max-height: 60vh; background: #000; border-radius: 6px;
}
.wc-barcode-controls { margin-top: .75rem; display: flex; gap: .5rem; }
.wc-barcode-controls button { padding: .5rem .75rem; }
.wc-barcode-hint { font-size: .9rem; color: #666; margin-top: .5rem; }