body.barcode-center-open,body.barcode-camera-open{overflow:hidden}.barcode-center-backdrop,.barcode-camera-backdrop{position:fixed;inset:0;z-index:10060;background:rgba(7,25,47,.72);backdrop-filter:blur(5px);display:flex;padding:18px}.barcode-center-dialog{margin:auto;width:min(1500px,100%);height:min(930px,calc(100vh - 36px));background:#f5f9ff;border-radius:22px;box-shadow:0 28px 90px #06182f66;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;color:#102e51}.barcode-center-dialog>header,.barcode-camera-dialog>header{background:linear-gradient(135deg,#fff,#eef5ff);padding:18px 22px;border-bottom:1px solid #d5e1f0;display:flex;align-items:center;gap:18px}.barcode-center-dialog h2,.barcode-center-dialog h3,.barcode-camera-dialog h2{margin:0}.barcode-center-dialog header p,.barcode-camera-dialog header p{margin:4px 0 0;color:#657997}.barcode-center-close,.barcode-camera-close{margin-left:auto;width:42px;height:42px;border:1px solid #ccdaea;background:#fff;border-radius:13px;font-size:25px;color:#34506f;cursor:pointer}.barcode-center-actions{padding:12px 20px;display:flex;justify-content:flex-end;gap:9px;background:#fff;border-bottom:1px solid #dbe5f1}.barcode-center-layout{min-height:0;display:grid;grid-template-columns:minmax(380px,510px) 1fr;gap:14px;padding:14px}.barcode-center-layout>aside{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:14px}.barcode-settings-card,.barcode-products-card,.barcode-live-card{background:#fff;border:1px solid #d8e3f0;border-top:4px solid #09a79a;border-radius:16px;box-shadow:0 6px 20px #163b6710;padding:14px}.barcode-settings-grid,.barcode-product-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.barcode-settings-grid label{font-weight:700;font-size:13px}.barcode-settings-grid select{margin-top:5px}.barcode-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0}.barcode-field-grid label{border:1px solid #dbe5f0;border-radius:9px;padding:8px;font-weight:600;font-size:12px}.barcode-settings-card>small{color:#49728b}.barcode-products-card{min-height:0;display:grid;grid-template-rows:auto auto 1fr}.barcode-products-head{display:flex;justify-content:space-between}.barcode-products-head small{color:#607590}.barcode-product-list{min-height:0;overflow:auto;margin-top:8px;border:1px solid #dce6f1;border-radius:12px}.barcode-product-row{display:grid;grid-template-columns:auto 1fr 72px;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #e4ebf4;cursor:pointer}.barcode-product-row:last-child{border:0}.barcode-product-row:hover{background:#f4f9ff}.barcode-product-row.disabled{opacity:.55;cursor:not-allowed}.barcode-product-row span{min-width:0}.barcode-product-row b,.barcode-product-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-product-row small{color:#637795;margin-top:3px}.barcode-label-qty{width:68px;border:1px solid #cad8e8;border-radius:9px;padding:8px;text-align:center}.barcode-live-card{min-width:0;display:grid;grid-template-rows:auto 1fr}.barcode-live-card>div:first-child small{color:#607590}.barcode-live-preview{min-height:0;overflow:auto;border-top:1px solid #e0e8f1;margin-top:12px;padding:16px;background:#eef4fb}.barcode-preview-sheet{display:grid;grid-template-columns:repeat(var(--preview-cols),minmax(150px,1fr));gap:10px;align-content:start}.barcode-label{box-sizing:border-box;width:var(--label-w);height:var(--label-h);background:#fff;border:1px solid #9eacbb;border-radius:2px;padding:1.2mm;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#071c34;font-family:Arial,"Noto Sans Myanmar",sans-serif}.barcode-label-shop{font-size:7px;line-height:1;min-height:7px;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label-name{font-size:8px;line-height:1.15;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label-bars{width:94%;height:12mm;max-height:48%;display:block}.barcode-label-meta{width:100%;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;font-size:6.5px;line-height:1}.barcode-label-meta strong{font-size:7px}.barcode-center-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#516b89;gap:8px}.barcode-center-empty span{font-size:42px}.barcode-center-empty small{max-width:360px}.barcode-preview-more,.barcode-product-empty{text-align:center;padding:14px;color:#617792}.barcode-camera-dialog{margin:auto;width:min(620px,100%);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px #06182f99;color:#102e51}.barcode-camera-backdrop{align-items:center;justify-content:center}.barcode-camera-dialog #myPrintBarcodeReader{min-height:290px;background:#081523;border:0!important}.barcode-camera-dialog #myPrintBarcodeReader video{object-fit:cover!important}.barcode-camera-dialog #barcodeCameraStatus{padding:14px;text-align:center;min-height:52px;color:#34506f}.barcode-invalid{color:#b42318}
@media(max-width:900px){.barcode-center-backdrop{padding:0}.barcode-center-dialog{height:100dvh;border-radius:0}.barcode-center-layout{grid-template-columns:1fr;overflow:auto}.barcode-center-layout>aside{min-height:650px}.barcode-live-card{min-height:500px}.barcode-center-actions{justify-content:flex-start;overflow:auto}.barcode-center-actions .btn{white-space:nowrap}.barcode-preview-sheet{grid-template-columns:repeat(2,minmax(145px,1fr))}}
@media(max-width:520px){.barcode-center-dialog>header{padding:13px 14px}.barcode-center-dialog header p{font-size:11px}.barcode-center-actions{padding:9px 12px}.barcode-center-layout{padding:9px}.barcode-settings-grid,.barcode-product-filters{grid-template-columns:1fr}.barcode-preview-sheet{grid-template-columns:1fr}.barcode-camera-backdrop{padding:0}.barcode-camera-dialog{width:100%;height:100dvh;border-radius:0;display:flex;flex-direction:column}.barcode-camera-dialog #myPrintBarcodeReader{flex:1}.barcode-camera-dialog #myPrintBarcodeReader video{height:100%!important}}
@media print{.barcode-label{box-shadow:none!important}.barcode-center-backdrop{display:none!important}}

/* My Print V1.0.26 - Barcode workspace Phone/Tablet readability and containment */
@media screen and (max-width:1024px){
  .barcode-center-backdrop,.barcode-camera-backdrop,.barcode-center-dialog,.barcode-camera-dialog,.barcode-center-layout,.barcode-center-layout>aside,.barcode-settings-card,.barcode-products-card,.barcode-live-card{box-sizing:border-box;max-width:100%;min-width:0}
  .barcode-center-dialog :where(input,select,textarea,.input){box-sizing:border-box;max-width:100%;min-width:0;font-size:15px}
  .barcode-center-dialog :where(button,.btn){box-sizing:border-box;max-width:100%;min-width:0;font-size:13px;line-height:1.4}
  .barcode-center-dialog :where(small,p){font-size:12px;line-height:1.55}
  .barcode-settings-grid label,.barcode-field-grid label{font-size:13px;line-height:1.5}
  .barcode-product-list,.barcode-live-preview{box-sizing:border-box;max-width:100%;min-width:0}
  .barcode-center-actions{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
}
@media screen and (max-width:520px){
  .barcode-center-dialog :where(input,select,textarea,.input){font-size:16px;min-height:46px}
  .barcode-center-dialog h2{font-size:21px;line-height:1.35}
  .barcode-center-dialog header p{font-size:12px}
  .barcode-center-actions .btn{min-height:43px;font-size:13px}
}