:root{
  --msq-white:#ffffff;
  --msq-ink:#1b2240;
  --msq-muted:#6e7897;
  --msq-line:rgba(101,115,198,.18);
  --msq-line-strong:rgba(88,101,192,.28);
  --msq-violet:#6d39ff;
  --msq-blue:#2d8cff;
  --msq-pink:#ff5fa2;
  --msq-teal:#12c2c9;
  --msq-success:#16a34a;
  --msq-warning:#c76b18;
  --msq-danger:#dc2626;
}

*,:before,:after{box-sizing:border-box !important;}

.msq-pos-wrap,
.msq-pos-wrap *{max-width:100% !important;}

.msq-pos-wrap{
  width:100% !important;
  max-width:1480px !important;
  margin:0 auto !important;
  padding:24px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at top left, rgba(109,57,255,.12), transparent 24%),
    radial-gradient(circle at top right, rgba(45,140,255,.12), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fbfbff 55%,#f7f8ff 100%) !important;
  box-shadow:0 22px 60px rgba(42,56,140,.12) !important;
  border:1px solid rgba(125,138,218,.16) !important;
  color:var(--msq-ink) !important;
  overflow:hidden !important;
}

.msq-pos-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.92fr) !important;
  gap:22px !important;
  align-items:start !important;
}

.msq-pos-left,
.msq-pos-right{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  min-width:0 !important;
}

.msq-pos-card{
  position:relative !important;
  padding:22px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8f9ff 100%) !important;
  border:1px solid var(--msq-line) !important;
  box-shadow:0 14px 38px rgba(44,55,125,.10) !important;
}

.msq-pos-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:26px !important;
  padding:1px !important;
  background:linear-gradient(135deg, rgba(109,57,255,.18), rgba(45,140,255,.14), rgba(255,95,162,.10)) !important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  pointer-events:none !important;
}

.msq-pos-topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:22px !important;
  padding:22px 24px !important;
  background:linear-gradient(135deg,#6d39ff 0%,#4f46e5 34%,#2d8cff 72%,#12c2c9 100%) !important;
  color:#ffffff !important;
  overflow:hidden !important;
}

.msq-pos-topbar::after{
  content:"" !important;
  position:absolute !important;
  width:260px !important;
  height:260px !important;
  right:-80px !important;
  top:-100px !important;
  background:rgba(255,255,255,.16) !important;
  border-radius:50% !important;
  filter:blur(2px) !important;
}

.msq-pos-topbar h2,
.msq-pos-card h3,
.msq-pos-product-card h4{margin:0 !important;}

.msq-pos-topbar h2{
  font-size:34px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  color:#ffffff !important;
}

.msq-pos-topbar p{
  margin:7px 0 0 !important;
  color:rgba(255,255,255,.88) !important;
  font-size:14px !important;
}

.msq-pos-card h3{
  margin-bottom:18px !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:#1c2551 !important;
}

.msq-pos-badges{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  position:relative !important;
  z-index:1 !important;
}

.msq-pos-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:blur(6px) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.msq-pos-scan-row,
.msq-pos-search-row,
.msq-pos-inline,
.msq-pos-create-actions,
.msq-pos-order-actions{
  display:flex !important;
  gap:12px !important;
  align-items:flex-end !important;
  flex-wrap:wrap !important;
}

.msq-pos-search-row{margin-top:14px !important;}

.msq-pos-form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-bottom:14px !important;
}

.msq-pos-wrap label{
  display:block !important;
  margin:0 0 8px !important;
  color:#44506f !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

.msq-pos-wrap input[type="text"],
.msq-pos-wrap input[type="number"],
.msq-pos-wrap select,
.msq-pos-wrap textarea{
  width:100% !important;
  min-height:52px !important;
  padding:13px 15px !important;
  border-radius:16px !important;
  border:1px solid rgba(122,133,214,.22) !important;
  background:#ffffff !important;
  color:#1b2240 !important;
  box-shadow:inset 0 1px 2px rgba(33,43,89,.03), 0 6px 18px rgba(70,83,168,.05) !important;
  font-size:15px !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.msq-pos-wrap textarea{
  min-height:108px !important;
  resize:vertical !important;
}

.msq-pos-wrap input:focus,
.msq-pos-wrap select:focus,
.msq-pos-wrap textarea:focus{
  outline:none !important;
  border-color:rgba(109,57,255,.45) !important;
  box-shadow:0 0 0 4px rgba(109,57,255,.10), 0 10px 22px rgba(70,83,168,.10) !important;
}

.msq-pos-btn{
  appearance:none !important;
  border:none !important;
  min-height:50px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  cursor:pointer !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  background:linear-gradient(135deg,#6d39ff 0%,#4f46e5 52%,#2d8cff 100%) !important;
  box-shadow:0 12px 24px rgba(77,88,194,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

.msq-pos-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 28px rgba(77,88,194,.28) !important;
}

.msq-pos-btn:active{transform:translateY(0) !important;}

.msq-pos-btn-light{
  background:linear-gradient(180deg,#ffffff 0%,#f4f7ff 100%) !important;
  color:#27325b !important;
  border:1px solid rgba(122,133,214,.22) !important;
  box-shadow:0 8px 18px rgba(72,84,164,.08) !important;
}

.msq-pos-btn-success{
  background:linear-gradient(135deg,#14b86e 0%,#0ea76a 38%,#0ea5e9 100%) !important;
}

.msq-pos-btn-small{
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:14px !important;
}

.msq-pos-remove{
  background:linear-gradient(135deg,#ff5f7a 0%,#ef4444 100%) !important;
}

.msq-pos-search-results{
  max-height:460px !important;
  overflow:auto !important;
  padding-right:4px !important;
}

.msq-pos-product-card,
.msq-pos-cart-item{
  padding:16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9faff 100%) !important;
  border:1px solid rgba(120,132,214,.16) !important;
  box-shadow:0 10px 24px rgba(65,79,160,.07) !important;
}

.msq-pos-product-card + .msq-pos-product-card,
.msq-pos-cart-item + .msq-pos-cart-item{margin-top:12px !important;}

.msq-pos-product-top{
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  align-items:flex-start !important;
}

.msq-pos-product-card h4{
  font-size:18px !important;
  line-height:1.25 !important;
  color:#202750 !important;
  font-weight:900 !important;
}

.msq-pos-meta{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:9px !important;
}

.msq-pos-meta span,
.msq-pos-status{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:32px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.msq-pos-meta span{
  background:#eff3ff !important;
  color:#3f4a72 !important;
  border:1px solid rgba(105,118,198,.12) !important;
}

.msq-pos-status:before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:currentColor !important;
  display:inline-block !important;
}

.msq-pos-status.status-processing{background:#ebe9ff !important;color:#3931de !important;}
.msq-pos-status.status-completed{background:#dcf8dd !important;color:#178a34 !important;}
.msq-pos-status.status-on-hold{background:#f8eadc !important;color:#c35d14 !important;}
.msq-pos-status.status-cancelled{background:#ffe1e4 !important;color:#de2a39 !important;}
.msq-pos-status.status-refunded{background:#ffe7f1 !important;color:#b21f64 !important;}

.msq-pos-stock-ok{background:#ecfdf5 !important;color:#0f8c55 !important;}
.msq-pos-stock-low{background:#fef2f2 !important;color:#c51f2f !important;}

.msq-pos-summary{margin-top:14px !important;}

.msq-pos-summary-box{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px 20px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#1d2452 0%,#332d9f 44%,#6d39ff 100%) !important;
  color:#ffffff !important;
  box-shadow:0 18px 30px rgba(52,61,151,.20) !important;
  font-size:20px !important;
  font-weight:900 !important;
}

.msq-pos-msg{
  margin-top:16px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  font-weight:800 !important;
}

.msq-pos-msg.success{background:#ebfff3 !important;color:#0a7a43 !important;border:1px solid #aae8c0 !important;}
.msq-pos-msg.error{background:#fff1f3 !important;color:#b12035 !important;border:1px solid #ffc4cb !important;}
.msq-pos-muted{margin:4px 0 0 !important;color:var(--msq-muted) !important;}

.msq-pos-camera-wrap{
  margin-top:14px !important;
  padding:14px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#1d2452 0%,#2f2d7c 100%) !important;
  color:#ffffff !important;
}

#msq-pos-camera{
  width:100% !important;
  max-height:340px !important;
  border-radius:16px !important;
  background:#0b1027 !important;
}

.msq-pos-camera-actions{
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:10px !important;
}

.msq-pos-line-total{font-weight:900 !important;background:#f8faff !important;}

.msq-pos-orders-section{
  margin-top:24px !important;
  width:100% !important;
  padding:24px !important;
}

.msq-pos-section-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:16px !important;
}

.msq-pos-section-head p{
  margin:6px 0 0 !important;
  color:#66708f !important;
  font-size:14px !important;
}

#msq-pos-orders-panel{position:relative !important;}
#msq-pos-orders-panel.is-loading{opacity:.6 !important;pointer-events:none !important;}

.msq-pos-orders-table-wrap-full{
  width:100% !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  padding-bottom:6px !important;
}

.msq-pos-orders-table-full{
  width:100% !important;
  min-width:980px !important;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}

.msq-pos-orders-table-full thead th{
  padding:14px 16px !important;
  background:#ffffff !important;
  color:#1f2852 !important;
  font-size:14px !important;
  font-weight:900 !important;
  border-top:1px solid var(--msq-line-strong) !important;
  border-bottom:1px solid var(--msq-line-strong) !important;
}

.msq-pos-orders-table-full thead th:first-child{
  border-left:1px solid var(--msq-line-strong) !important;
  border-top-left-radius:16px !important;
  border-bottom-left-radius:16px !important;
}

.msq-pos-orders-table-full thead th:last-child{
  border-right:1px solid var(--msq-line-strong) !important;
  border-top-right-radius:16px !important;
  border-bottom-right-radius:16px !important;
}

.msq-pos-orders-table-full tbody td{
  padding:12px 16px !important;
  vertical-align:middle !important;
  background:linear-gradient(180deg,#fcfcff 0%,#f2f5ff 100%) !important;
  border-top:1px solid rgba(120,132,214,.18) !important;
  border-bottom:1px solid rgba(120,132,214,.18) !important;
  color:#28325a !important;
}

.msq-pos-orders-table-full tbody td:first-child{
  border-left:1px solid rgba(120,132,214,.18) !important;
  border-top-left-radius:16px !important;
  border-bottom-left-radius:16px !important;
  font-weight:900 !important;
}

.msq-pos-orders-table-full tbody td:last-child{
  border-right:1px solid rgba(120,132,214,.18) !important;
  border-top-right-radius:16px !important;
  border-bottom-right-radius:16px !important;
}

.msq-pos-order-actions{
  justify-content:flex-start !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
}

.msq-pos-order-actions .msq-pos-update-order-btn{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

.msq-pos-order-actions .msq-pos-order-status-select{
  flex:1 1 auto !important;
}

.msq-pos-order-status-select{
  min-width:240px !important;
  min-height:44px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(103,117,201,.25) !important;
  background:#ffffff !important;
  color:#25305a !important;
  font-weight:800 !important;
}

.msq-pos-pagination{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:16px !important;
  flex-wrap:wrap !important;
}

.msq-pos-pagination-pages{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.msq-pos-page-number{
  min-width:44px !important;
  min-height:44px !important;
  padding:0 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(122,133,214,.22) !important;
  background:#ffffff !important;
  color:#26305b !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(72,84,164,.08) !important;
  cursor:pointer !important;
}

.msq-pos-page-number.is-active{
  background:linear-gradient(135deg,#6d39ff 0%,#2d8cff 100%) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}

.msq-pos-page-btn[disabled],
.msq-pos-page-number[disabled]{
  opacity:.55 !important;
  cursor:not-allowed !important;
  transform:none !important;
  box-shadow:none !important;
}

@media (max-width: 1100px){
  .msq-pos-grid{grid-template-columns:1fr !important;}
}

@media (max-width: 782px){
  .msq-pos-wrap{
    padding:14px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%) !important;
  }

  .msq-pos-card{
    padding:16px !important;
    border-radius:20px !important;
    box-shadow:0 12px 24px rgba(44,55,125,.10) !important;
  }

  .msq-pos-topbar{
    flex-direction:column !important;
    align-items:flex-start !important;
    border-radius:22px !important;
  }

  .msq-pos-topbar h2{font-size:28px !important;}
  .msq-pos-form-grid{grid-template-columns:1fr !important;}

  .msq-pos-scan-row,
  .msq-pos-search-row,
  .msq-pos-inline,
  .msq-pos-create-actions,
  .msq-pos-order-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .msq-pos-scan-row > *,
  .msq-pos-search-row > *,
  .msq-pos-inline > *,
  .msq-pos-create-actions > *,
  .msq-pos-order-actions > *{
    width:100% !important;
    flex:1 1 100% !important;
    min-width:0 !important;
  }

  .msq-pos-summary-box{
    font-size:16px !important;
    padding:16px !important;
    flex-wrap:wrap !important;
  }

  .msq-pos-orders-section{padding:16px !important;}
  .msq-pos-section-head{align-items:flex-start !important;}
  .msq-pos-orders-table-wrap-full{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:10px !important;
  }
  .msq-pos-orders-table-full{min-width:860px !important;}
  .msq-pos-orders-table-full thead th{padding:12px 14px !important;}
  .msq-pos-orders-table-full tbody td{padding:10px 14px !important;}
  .msq-pos-order-actions{
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .msq-pos-order-actions > *{
    width:auto !important;
    flex:0 0 auto !important;
    min-width:0 !important;
  }
  .msq-pos-order-actions .msq-pos-order-status-select{
    width:100% !important;
    min-width:210px !important;
    flex:1 1 auto !important;
  }
  .msq-pos-pagination{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .msq-pos-pagination-pages{justify-content:center !important;}
}

@media (max-width: 520px){
  .msq-pos-wrap{padding:12px !important;border-radius:18px !important;}
  .msq-pos-card{padding:14px !important;border-radius:18px !important;}
  .msq-pos-topbar h2{font-size:24px !important;}
  .msq-pos-card h3{font-size:20px !important;margin-bottom:14px !important;}
  .msq-pos-orders-table-full{min-width:780px !important;}
  .msq-pos-order-status-select{min-width:190px !important;min-height:42px !important;}
  .msq-pos-order-actions .msq-pos-update-order-btn{min-height:42px !important;padding:0 14px !important;}
  .msq-pos-product-card,
  .msq-pos-cart-item{padding:14px !important;border-radius:18px !important;}
  .msq-pos-wrap input[type="text"],
  .msq-pos-wrap input[type="number"],
  .msq-pos-wrap select,
  .msq-pos-wrap textarea{font-size:16px !important;}
}