/* Compact POS modifiers; keep the order visible behind the popup. */
#editLabelColorModal.open-order-modifier-shell {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, .28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}
#editLabelColorModal > .open-order-modifier-dialog {
  width: 600px !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - 40px) !important;
  max-height: calc(100dvh - 40px) !important;
  margin: 0 !important;
  flex: 0 1 600px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border-radius: 18px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.4) !important;
}
#editLabelColorModal #modifierHeader {
  position: sticky;
  top: 0;
  z-index: 10;
  margin-top: 0;
  background: #090b13;
}
@media (max-width: 767px) {
  #editLabelColorModal.open-order-modifier-shell {
    padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) !important;
  }
  #editLabelColorModal > .open-order-modifier-dialog {
    max-height: calc(100vh - 48px) !important;
    max-height: calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  }
}

/* High contrast neon glass, scoped to the existing POS modifier popup. */
#editLabelColorModal>.open-order-modifier-dialog{background:linear-gradient(145deg,rgba(30,39,72,.97),rgba(13,22,41,.98))!important;border:1px solid #59cfe6!important;box-shadow:0 0 0 1px #8975ff55,0 0 30px #35d9ed30,0 25px 65px #0009!important;color:#f5f8ff!important}
#editLabelColorModal #modifierHeader{background:linear-gradient(110deg,#28385c,#352b60)!important;border-bottom:1px solid #7785bf!important;padding:12px!important;border-radius:16px 16px 0 0}
#editLabelColorModal .navbar-title{color:#fff!important;font-weight:750!important;line-height:1.4;overflow-wrap:anywhere}
#editLabelColorModal .modifier-header{background:transparent!important;gap:8px;align-items:center}
#editLabelColorModal .btn-header{min-height:44px!important;padding:10px 14px!important;border-radius:11px!important;font-weight:750!important;background:#3a3355!important;border:1px solid #ce9bbb!important;color:#fff!important;box-shadow:none!important}
#editLabelColorModal .btn-header.pull-right{background:linear-gradient(120deg,#19e3b7,#6cf5ce)!important;color:#052d29!important;border-color:#89ffdf!important;box-shadow:0 0 16px #24e9b54d!important}
#editLabelColorModal .open-order-modifier{width:100%!important;max-width:100%!important;padding:16px!important;background:transparent!important;color:#f5f8ff!important}
#editLabelColorModal .list-group-item{background:linear-gradient(110deg,#243e59,#292e50)!important;border:1px solid #527f9e!important;border-left:4px solid #56e6f5!important;border-radius:13px!important;margin-bottom:10px!important;padding:16px!important;color:#fff!important;min-height:54px;box-shadow:inset 0 1px #ffffff12}
#editLabelColorModal .list-group-item:hover{background:#324a69!important;border-color:#83ebff!important}
#editLabelColorModal .list-name,#editLabelColorModal .addon-name{color:#fff!important;font-size:17px!important;font-weight:750!important}
#editLabelColorModal .fa-chevron-right{color:#7ef5ff!important}
#editLabelColorModal .modifier-limit-pill,#editLabelColorModal .modifier-limit-info{color:#e2daff!important;background:#52417c!important;border-color:#a791ed!important}
#editLabelColorModal .addon-row.active{background:linear-gradient(110deg,#115347,#243f56)!important;border-color:#50f1c4!important;border-left-color:#63ffca!important;box-shadow:0 0 12px #2ef2b526}
#editLabelColorModal .price{color:#7cecf9!important;font-weight:650}
#editLabelColorModal .subtotal{color:#e0e9ff!important}
#editLabelColorModal .qty{color:#fff!important;font-weight:800!important;padding:0 10px}
#editLabelColorModal .btn-plus,#editLabelColorModal .btn-minus{min-width:44px!important;min-height:44px!important;border-radius:10px!important;font-size:21px!important;font-weight:750!important}
#editLabelColorModal .btn-plus{background:#56edc6!important;border:1px solid #9affdf!important;color:#072e27!important}
#editLabelColorModal .btn-minus{background:#59416a!important;border:1px solid #dba6d4!important;color:#fff!important}
#editLabelColorModal .footer-total{background:linear-gradient(110deg,#30305b,#203c54)!important;border:1px solid #8d89d4!important;border-radius:12px!important;padding:16px!important;color:#f5f4ff!important;margin-top:14px!important}
#editLabelColorModal #modifierSubtotal{color:#7bffda!important;font-size:23px!important;text-shadow:0 0 14px #38dfb84d}
#editLabelColorModal button:focus-visible,#editLabelColorModal a:focus-visible{outline:3px solid #ffdb7b!important;outline-offset:3px}
@media(max-width:600px){#editLabelColorModal .open-order-modifier{padding:10px!important}#editLabelColorModal .list-group-item{padding:12px!important}#editLabelColorModal .modifier-header{flex-wrap:wrap}#editLabelColorModal .navbar-title{font-size:16px!important}}