.barcode-panel{position:relative;overflow:hidden;padding:24px!important;border:1px solid #d5dee6!important;border-radius:20px!important;background:linear-gradient(115deg,#f1f5f9 0%,#fff 75%)!important;box-shadow:0 8px 28px #12223e09!important;margin-bottom:22px}.barcode-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.barcode-symbol{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;background:linear-gradient(145deg,#274983,#122a54);box-shadow:0 5px 10px #18325e26,inset 0 1px 1px #ffffff60;border-radius:16px}.barcode-symbol i{display:block;width:29px;height:25px;border-top:2px solid #fff;border-bottom:2px solid #fff;background:repeating-linear-gradient(90deg,transparent 0 2px,#fff 2px 4px,transparent 4px 6px,#fff 6px 7px);position:relative}.barcode-symbol i:after{content:'';position:absolute;left:-5px;right:-5px;top:11px;height:2px;background:#c9e1f9;box-shadow:0 0 5px #b0d7ff}.barcode-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#606c82}.barcode-heading h2{font-size:20px!important;line-height:1.3;margin:4px 0 0!important;color:#15243d}.barcode-badge{margin-inline-start:auto;border:1px solid #cfdae4;border-radius:30px;padding:7px 12px;font-size:11px;color:#354766;background:#ffffffb0;white-space:nowrap}.barcode-panel form[data-barcode-form],.barcode-pos-entry{display:flex;align-items:flex-end;gap:12px;margin:0!important}.barcode-panel .barcode-field{flex:1;min-width:0;margin:0!important;display:flex;flex-direction:column;gap:7px;color:#445064;font-size:12px;font-weight:600}.barcode-panel input[data-barcode-input]{height:52px!important;margin:0!important;width:100%;box-sizing:border-box;border:1px solid #cbd4de;border-radius:12px!important;background:#fff!important;font-size:16px!important;letter-spacing:.4px;padding:12px 16px!important;box-shadow:inset 0 2px 4px #19263d04;direction:ltr}.barcode-panel input[data-barcode-input]:focus{outline:3px solid #27498320;border-color:#274983}.barcode-panel .barcode-submit{height:52px;min-width:150px;width:auto!important;margin:0!important;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:12px!important;background:#17366b;color:#fff;border:0;padding:0 20px;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 4px 9px #17366b1a}.barcode-submit:hover{background:#102955!important}.barcode-hint{font-size:12px;color:#73867d;margin:12px 0 0!important;line-height:1.6}#barcode-status:empty{display:none}#barcode-status:not(:empty){padding:12px 15px;margin:14px 0 0;border-radius:10px;background:#e7edf3;color:#21324e;font-size:13px;border:1px solid #d4dee8;overflow-wrap:anywhere}@media(max-width:600px){.barcode-panel{padding:18px!important;border-radius:16px!important}.barcode-heading{gap:10px;flex-wrap:wrap;margin-bottom:18px}.barcode-symbol{width:44px;height:44px;border-radius:13px}.barcode-heading h2{font-size:17px!important}.barcode-eyebrow{font-size:8px}.barcode-badge{font-size:9px;padding:5px 8px}.barcode-panel form[data-barcode-form],.barcode-pos-entry{flex-direction:column;align-items:stretch;gap:10px}.barcode-panel .barcode-submit{width:100%!important;height:46px}.barcode-panel input[data-barcode-input]{font-size:16px!important}.barcode-field{width:100%}}