.header-barcode-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;flex-shrink:0;min-width:46px}
.header-barcode-icon{display:block;width:25px;height:25px;flex-shrink:0}
.barcode-modal .modal-content{border:1px solid #e7e2ee;border-radius:20px;overflow:hidden}
.barcode-modal .modal-header{align-items:flex-start;background:#faf8fd;border-bottom-color:#e7e2ee}
.barcode-modal .modal-title{color:#503b77;font-weight:700}
.barcode-camera{margin-bottom:1rem}
#barcode-reader{border-radius:12px;overflow:hidden;background:#21192d;min-height:180px}
#barcode-reader video{display:block;max-width:100%;object-fit:cover}
.barcode-divider{display:flex;align-items:center;gap:.75rem;color:#81778d;font-size:.75rem;margin:1rem 0}
.barcode-divider:before,.barcode-divider:after{content:"";height:1px;background:#e7e2ee;flex:1}
#barcode-input{font-variant-numeric:tabular-nums;letter-spacing:.6px}
.barcode-privacy{padding:.75rem;background:#f7f5fa;border-radius:10px;font-size:.72rem;line-height:1.5}
#barcodeStatus.is-error{color:#b02a37}
#barcode-results .list-group-item{color:#503b77;font-size:.85rem}
@media(max-width:575px){.header-barcode-button{padding:.6rem .65rem}.barcode-modal .modal-dialog{margin:.75rem}.barcode-modal .modal-body{padding:1rem}}