/* =========================================================
   CUEVA PRO — LIVE MOBILE
   Single mobile stylesheet. Loaded after live-production.css.
   Vertical, touch-first, iPhone/Android safe.
========================================================= */
#pageContent.cueva-live-mobile-page{
  --lv-bg:#f4f5f7;
  --lv-card:#fff;
  --lv-text:#15161a;
  --lv-muted:#74777f;
  --lv-line:#e8e9ed;
  --lv-dark:#17191f;
  --lv-gold:#c59628;
  --lv-green:#178a54;
  --lv-green-soft:#edf9f2;
  --lv-orange:#ad6d07;
  --lv-orange-soft:#fff6e7;
  --lv-red:#c83b32;
  --lv-red-soft:#fff0ef;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:8px 10px calc(92px + env(safe-area-inset-bottom))!important;
  background:var(--lv-bg)!important;
  height:auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch;
}

/* v590-final: compact Walk-in sheet and hard-lock horizontal movement on iOS. */
@media (max-width:820px){
  html:has(#walkinModal.show),body:has(#walkinModal.show){overflow-x:hidden!important;overscroll-behavior-x:none!important}
  body > #walkinModal[data-cueva-live-portal="true"]{width:100vw!important;max-width:100vw!important;padding:0!important;overflow:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important}
  body > #walkinModal[data-cueva-live-portal="true"] > .live-walkin-sheet{position:relative!important;left:0!important;right:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;max-height:88dvh!important;margin:0!important;padding:0 13px calc(13px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none!important;touch-action:pan-y!important}
  body > #walkinModal .live-walkin-sheet *{box-sizing:border-box!important;min-width:0}
  body > #walkinModal .live-walkin-head{width:auto!important;margin:0 -13px!important;padding:16px 15px 13px!important}
  body > #walkinModal .live-walkin-head h3{font-size:23px!important}
  body > #walkinModal .live-walkin-head p{font-size:11px!important}
  body > #walkinModal .close-modal{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;font-size:18px!important}
  body > #walkinModal .session-info-box{margin:10px 0 8px!important;padding:12px 13px!important;border-radius:15px!important}
  body > #walkinModal .session-info-box strong{font-size:17px!important}
  body > #walkinModal .session-info-box span{margin-top:3px!important;font-size:11px!important}
  body > #walkinModal .form-group{width:100%!important;margin:0 0 7px!important;padding:10px!important;border-radius:15px!important}
  body > #walkinModal .form-group label{margin-bottom:6px!important;font-size:8px!important}
  body > #walkinModal .form-group input,body > #walkinModal .form-group select,body > #walkinModal .form-group textarea{max-width:100%!important;min-height:46px!important;padding:10px 11px!important;border-radius:12px!important;font-size:15px!important}
  body > #walkinModal .form-group textarea{min-height:62px!important;max-height:62px!important}
  body > #walkinModal .modal-actions{width:auto!important;margin:3px -13px -13px!important;padding:10px 13px calc(13px + env(safe-area-inset-bottom))!important}
  body > #walkinModal .modal-actions button{min-height:49px!important;border-radius:14px!important;font-size:12px!important}
}

/* =========================================================
   LIVE — iOS INPUT ZOOM GUARD
   Safari automatically zooms focused controls below 16px. Keep every Live
   input at the safe size so tapping only opens the keyboard.
   ========================================================= */
@media (max-width: 820px) {
  #pageContent.cueva-live-mobile-page input,
  #pageContent.cueva-live-mobile-page select,
  #pageContent.cueva-live-mobile-page textarea,
  body:has(#pageContent.cueva-live-mobile-page) .modal input,
  body:has(#pageContent.cueva-live-mobile-page) .modal select,
  body:has(#pageContent.cueva-live-mobile-page) .modal textarea {
    font-size: 16px !important;
  }
}

#pageContent.cueva-live-mobile-page *,
#pageContent.cueva-live-mobile-page *::before,
#pageContent.cueva-live-mobile-page *::after{box-sizing:border-box}

/* =========================================================
   LIVE MONITOR — compact operational control center
========================================================= */
#pageContent.cueva-live-mobile-page .live-control-card{
  position:relative!important;
  z-index:10!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:14px!important;
  border:1px solid #e8e9ed!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 5px 20px rgba(20,22,28,.055)!important;
  overflow:hidden!important;
}

#pageContent.cueva-live-mobile-page .live-monitor-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
#pageContent.cueva-live-mobile-page .live-monitor-title-wrap{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
#pageContent.cueva-live-mobile-page .live-pulse{
  position:relative!important;
  flex:0 0 auto!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#29b86f!important;
  box-shadow:0 0 0 5px rgba(41,184,111,.11)!important;
  transform-origin:center!important;
  animation:cuevaLiveMonitorPulse 1.55s ease-in-out infinite!important;
  will-change:transform,box-shadow,opacity!important;
}
@keyframes cuevaLiveMonitorPulse{
  0%,100%{transform:scale(.82);box-shadow:0 0 0 4px rgba(41,184,111,.10);opacity:.78}
  50%{transform:scale(1.12);box-shadow:0 0 0 7px rgba(41,184,111,.15);opacity:1}
}
#pageContent.cueva-live-mobile-page .live-eyebrow{
  display:block!important;
  margin:0 0 1px!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  color:#a0a2a8!important;
}
#pageContent.cueva-live-mobile-page .live-monitor-head h2{
  margin:0!important;
  font-size:20px!important;
  line-height:23px!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  color:var(--lv-text)!important;
}

#pageContent.cueva-live-mobile-page .live-total-chip{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  min-width:64px!important;
  min-height:46px!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:13px!important;
  background:#17191f!important;
  color:#fff!important;
  box-shadow:none!important;
  touch-action:manipulation!important;
}
#pageContent.cueva-live-mobile-page .live-total-chip strong{
  font-size:18px!important;
  line-height:19px!important;
  font-weight:900!important;
  color:#fff!important;
}
#pageContent.cueva-live-mobile-page .live-total-chip span{
  margin-top:1px!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:750!important;
  color:rgba(255,255,255,.65)!important;
}

#pageContent.cueva-live-mobile-page .live-monitor-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:63px!important;
  padding:9px 8px!important;
  border:1px solid #eceef1!important;
  border-radius:14px!important;
  background:#f8f9fa!important;
  box-shadow:none!important;
  color:var(--lv-text)!important;
  touch-action:manipulation!important;
  overflow:hidden!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:2px!important;
  background:transparent!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat-dot{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#b8bbc1!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat strong{
  display:block!important;
  margin-top:2px!important;
  font-size:20px!important;
  line-height:22px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  color:var(--lv-text)!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat small{
  display:block!important;
  margin-top:2px!important;
  font-size:9px!important;
  line-height:11px!important;
  font-weight:750!important;
  color:#868991!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-active .monitor-stat-dot{background:#22252b!important}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-free .monitor-stat-dot{background:#27ad68!important}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-waiting .monitor-stat-dot{background:#e39b25!important}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-ending .monitor-stat-dot{background:#dc5047!important}
#pageContent.cueva-live-mobile-page .monitor-stat.active{
  border-color:#1c1e23!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #1c1e23!important;
}
#pageContent.cueva-live-mobile-page .monitor-stat.active::after{background:#1c1e23!important}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-free.active::after{background:#27ad68!important}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-waiting.active::after{background:#e39b25!important}
#pageContent.cueva-live-mobile-page .monitor-stat.stat-ending.active::after{background:#dc5047!important}

#pageContent.cueva-live-mobile-page .live-monitor-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:10px!important;
  padding:10px 1px 0!important;
  border-top:1px solid #f0f1f3!important;
}
#pageContent.cueva-live-mobile-page .live-running-value{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  min-width:0!important;
}
#pageContent.cueva-live-mobile-page .live-running-group{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#pageContent.cueva-live-mobile-page .live-clear-filter{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:27px!important;
  padding:0 9px!important;
  border:1px solid rgba(201,145,17,.24)!important;
  border-radius:999px!important;
  background:#fff8e8!important;
  color:#9a6800!important;
  font:inherit!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pageContent.cueva-live-mobile-page .live-clear-filter[hidden]{
  display:none!important;
}
#pageContent.cueva-live-mobile-page .live-clear-filter i{
  font-size:8px!important;
}
#pageContent.cueva-live-mobile-page .live-clear-filter:active{
  transform:scale(.96)!important;
  background:#fff2d1!important;
}
#pageContent.cueva-live-mobile-page .live-running-value span{
  font-size:9px!important;
  font-weight:750!important;
  color:#92959c!important;
}
#pageContent.cueva-live-mobile-page .live-running-value strong{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:850!important;
  color:var(--lv-text)!important;
  white-space:nowrap!important;
}
#pageContent.cueva-live-mobile-page .live-monitor-sync{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  font-size:9px!important;
  font-weight:750!important;
  color:#6f7279!important;
}
#pageContent.cueva-live-mobile-page .live-sync-dot{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#29b86f!important;
}

#pageContent.cueva-live-mobile-page .global-booking-warning{
  display:none;
  width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
  gap:6px!important;
  background:transparent!important;
  border:0!important;
}
#pageContent.cueva-live-mobile-page .global-warning-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #f3d6d2!important;
  border-radius:12px!important;
  background:#fff5f3!important;
  color:#a52d27!important;
  font-size:10px!important;
  line-height:14px!important;
  font-weight:750!important;
}
#pageContent.cueva-live-mobile-page .global-warning-item .alert-left{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
#pageContent.cueva-live-mobile-page .alert-call-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#a52d27!important;
  font-size:9px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

#pageContent.cueva-live-mobile-page .live-search-wrap{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:41px!important;
  margin-top:10px!important;
  padding:0 11px!important;
  border:1px solid #e9eaed!important;
  border-radius:12px!important;
  background:#f7f8f9!important;
  color:#9a9ca2!important;
}
#pageContent.cueva-live-mobile-page .live-search-wrap > i{font-size:12px!important}
#pageContent.cueva-live-mobile-page .live-search-wrap input{
  flex:1!important;
  min-width:0!important;
  height:39px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  font-size:13px!important;
  color:var(--lv-text)!important;
}
#pageContent.cueva-live-mobile-page .live-search-hint{
  flex:0 0 auto!important;
  padding:3px 6px!important;
  border-radius:6px!important;
  background:#eceef1!important;
  font-size:8px!important;
  font-weight:750!important;
  color:#8b8e95!important;
}

/* Vertical live feed */
#pageContent.cueva-live-mobile-page .live-board-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#pageContent.cueva-live-mobile-page #liveTablesGrid{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  scroll-snap-type:none!important;
  touch-action:pan-y!important;
}

/* Table card */
#pageContent.cueva-live-mobile-page .live-table-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:13px!important;
  border:1px solid var(--lv-line)!important;
  border-left:4px solid #c8cbd1!important;
  border-radius:17px!important;
  background:var(--lv-card)!important;
  box-shadow:0 2px 7px rgba(20,22,28,.035)!important;
  transform:none!important;
  overflow:hidden!important;
  scroll-snap-align:none!important;
  touch-action:pan-y!important;
}
#pageContent.cueva-live-mobile-page .live-table-card.free{border-left-color:var(--lv-green)!important}
#pageContent.cueva-live-mobile-page .live-table-card.active{border-left-color:var(--lv-dark)!important}
#pageContent.cueva-live-mobile-page .live-table-card.waiting{border-left-color:var(--lv-orange)!important}
#pageContent.cueva-live-mobile-page .live-table-card.ended,
#pageContent.cueva-live-mobile-page .live-table-card.ending-soon{border-left-color:var(--lv-red)!important}

#pageContent.cueva-live-mobile-page .live-table-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
}
#pageContent.cueva-live-mobile-page .live-table-identity{min-width:0!important}
#pageContent.cueva-live-mobile-page .live-table-kicker{
  display:block!important;
  margin-bottom:1px!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  color:#a0a2a8!important;
}
#pageContent.cueva-live-mobile-page .live-table-identity h3{
  margin:0!important;
  font-size:18px!important;
  line-height:22px!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  color:var(--lv-text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pageContent.cueva-live-mobile-page .live-card-meta{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
}
#pageContent.cueva-live-mobile-page .live-status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#f0f1f3!important;
  color:#676a72!important;
  font-size:9px!important;
  line-height:11px!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
#pageContent.cueva-live-mobile-page .live-status.free{background:var(--lv-green-soft)!important;color:var(--lv-green)!important}
#pageContent.cueva-live-mobile-page .live-status.active{background:#eef0f3!important;color:var(--lv-dark)!important}
#pageContent.cueva-live-mobile-page .live-status.waiting{background:var(--lv-orange-soft)!important;color:var(--lv-orange)!important}
#pageContent.cueva-live-mobile-page .live-table-card.ending-soon .live-status,
#pageContent.cueva-live-mobile-page .live-status.ended{background:var(--lv-red-soft)!important;color:var(--lv-red)!important}
#pageContent.cueva-live-mobile-page .live-bookings-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:38px!important;
  height:28px!important;
  padding:0 7px!important;
  border:1px solid var(--lv-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#666972!important;
  font-size:11px!important;
  font-weight:800!important;
  touch-action:manipulation!important;
}

/* Card summary */
#pageContent.cueva-live-mobile-page .live-mobile-summary{margin-top:11px!important}
#pageContent.cueva-live-mobile-page .live-person-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
#pageContent.cueva-live-mobile-page .live-person-copy{min-width:0!important;flex:1!important}
#pageContent.cueva-live-mobile-page .live-person-copy strong{
  display:block!important;
  max-width:100%!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:800!important;
  color:var(--lv-text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pageContent.cueva-live-mobile-page .live-person-copy span{
  display:block!important;
  margin-top:2px!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:600!important;
  color:var(--lv-muted)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pageContent.cueva-live-mobile-page .live-money-mini{text-align:right!important;flex:0 0 auto!important}
#pageContent.cueva-live-mobile-page .live-money-mini span{
  display:block!important;
  font-size:8px!important;
  font-weight:700!important;
  color:#9a9ca2!important;
  text-transform:uppercase!important;
}
#pageContent.cueva-live-mobile-page .live-money-mini b{
  display:block!important;
  margin-top:1px!important;
  font-size:14px!important;
  line-height:17px!important;
  font-weight:850!important;
  color:var(--lv-text)!important;
}

/* Active timer: dominant item */
#pageContent.cueva-live-mobile-page .remaining-timer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:72px!important;
  margin:10px 0 7px!important;
  padding:7px 10px!important;
  border:0!important;
  border-radius:14px!important;
  background:#f4f5f7!important;
  color:var(--lv-text)!important;
  text-align:center!important;
}
#pageContent.cueva-live-mobile-page .remaining-timer > span{
  margin-bottom:1px!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  color:#96989e!important;
}
#pageContent.cueva-live-mobile-page .remaining-timer strong{
  font-variant-numeric:tabular-nums!important;
  font-size:28px!important;
  line-height:31px!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  color:var(--lv-text)!important;
}
#pageContent.cueva-live-mobile-page .remaining-timer small{display:none!important}
#pageContent.cueva-live-mobile-page .remaining-timer.danger{
  background:var(--lv-red-soft)!important;
}
#pageContent.cueva-live-mobile-page .remaining-timer.danger strong{color:var(--lv-red)!important}
#pageContent.cueva-live-mobile-page .remaining-timer.blink{animation:none!important}
#pageContent.cueva-live-mobile-page .remaining-timer.manual-finish strong{font-size:20px!important}
#pageContent.cueva-live-mobile-page .remaining-timer.manual-finish small{display:block!important;color:var(--lv-muted)!important}

#pageContent.cueva-live-mobile-page .live-quick-facts{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
  color:#73767d!important;
  font-size:10px!important;
  font-weight:700!important;
}
#pageContent.cueva-live-mobile-page .live-quick-facts span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Free */
#pageContent.cueva-live-mobile-page .live-free-main{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:49px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  background:var(--lv-green-soft)!important;
  color:var(--lv-green)!important;
}
#pageContent.cueva-live-mobile-page .live-free-main small{
  display:block!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
#pageContent.cueva-live-mobile-page .live-free-main strong{
  display:block!important;
  margin-top:2px!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:850!important;
}
#pageContent.cueva-live-mobile-page .live-free-main > i{
  display:grid!important;
  place-items:center!important;
  width:29px!important;
  height:29px!important;
  border-radius:50%!important;
  background:#fff!important;
  font-size:13px!important;
}
#pageContent.cueva-live-mobile-page .live-next-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:7px!important;
  padding:0 2px!important;
  min-width:0!important;
  color:#666972!important;
  font-size:10px!important;
  font-weight:650!important;
}
#pageContent.cueva-live-mobile-page .live-next-line span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pageContent.cueva-live-mobile-page .live-next-line.muted{color:#a0a2a8!important}

/* Waiting / ended */
#pageContent.cueva-live-mobile-page .live-priority-message{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:9px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:var(--lv-orange-soft)!important;
  color:var(--lv-orange)!important;
}
#pageContent.cueva-live-mobile-page .live-priority-message.danger{background:var(--lv-red-soft)!important;color:var(--lv-red)!important}
#pageContent.cueva-live-mobile-page .live-priority-message > i{font-size:15px!important}
#pageContent.cueva-live-mobile-page .live-priority-message small,
#pageContent.cueva-live-mobile-page .live-priority-message strong{display:block!important}
#pageContent.cueva-live-mobile-page .live-priority-message small{font-size:9px!important;font-weight:750!important}
#pageContent.cueva-live-mobile-page .live-priority-message strong{margin-top:1px!important;font-size:12px!important;line-height:15px!important;font-weight:850!important}

/* Actions */
#pageContent.cueva-live-mobile-page .live-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin-top:10px!important;
}
#pageContent.cueva-live-mobile-page .live-actions.one-action{grid-template-columns:1fr!important}
#pageContent.cueva-live-mobile-page .plan-inactive-action{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 12px;
  border:1px solid #efd39c;
  border-radius:12px;
  background:#fff6e7;
  color:#8e5b00;
  font-size:11px;
  font-weight:850;
  text-align:center;
}
#pageContent.cueva-live-mobile-page .live-actions.live-actions-primary{grid-template-columns:2fr 1fr!important}
#pageContent.cueva-live-mobile-page .live-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:7px 7px!important;
  border:0!important;
  border-radius:11px!important;
  font-size:11px!important;
  line-height:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pageContent.cueva-live-mobile-page .live-actions .primary-action{
  background:var(--lv-dark)!important;
  color:#fff!important;
}
#pageContent.cueva-live-mobile-page .live-actions .secondary-action{
  border:1px solid var(--lv-line)!important;
  background:#f6f7f8!important;
  color:var(--lv-text)!important;
}
#pageContent.cueva-live-mobile-page .live-actions .checkout-action{
  background:var(--lv-gold)!important;
  color:#19170f!important;
}
#pageContent.cueva-live-mobile-page .live-actions .undo-action,
#pageContent.cueva-live-mobile-page .live-actions .more-action{
  grid-column:auto!important;
  min-height:29px!important;
  padding:3px 5px!important;
  background:transparent!important;
  color:#7d7f86!important;
  font-size:9px!important;
  text-decoration:underline!important;
}
#pageContent.cueva-live-mobile-page .session-actions:has(.undo-action),
#pageContent.cueva-live-mobile-page .session-actions:has(.more-action){grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Hide old verbose card fragments if any cached renderer briefly injects them. */
#pageContent.cueva-live-mobile-page .live-detail-list,
#pageContent.cueva-live-mobile-page .next-booking-box,
#pageContent.cueva-live-mobile-page .live-warning{display:none!important}

/* Pending/history remain below the board; keep them from forcing page width. */
#pageContent.cueva-live-mobile-page table{max-width:100%!important}
#pageContent.cueva-live-mobile-page .table-wrap,
#pageContent.cueva-live-mobile-page .pending-table-wrap,
#pageContent.cueva-live-mobile-page .history-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

/* Live modals become mobile bottom sheets. */
body > .modal[data-cueva-live-portal="true"]{
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
}
body > .modal[data-cueva-live-portal="true"] > .modal-content{
  width:100%!important;
  max-width:100%!important;
  max-height:88dvh!important;
  margin:0!important;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:22px 22px 0 0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

@media (max-width:370px){
  #pageContent.cueva-live-mobile-page{padding-left:8px!important;padding-right:8px!important}
  #pageContent.cueva-live-mobile-page .live-control-card{padding:12px!important}
  #pageContent.cueva-live-mobile-page .live-table-card{padding:11px!important}
  #pageContent.cueva-live-mobile-page .remaining-timer strong{font-size:25px!important}
  #pageContent.cueva-live-mobile-page .live-actions button{font-size:10px!important}
}
/* Mobile viewport safety */
html,body{max-width:100%;overflow-x:hidden}
#pageContent.cueva-live-mobile-page #liveTablesGrid > .live-table-card{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  translate:none!important;
  transform:none!important;
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}
#pageContent.cueva-live-mobile-page .live-table-card > *{max-width:100%!important;min-width:0!important}
#pageContent.cueva-live-mobile-page button{cursor:pointer;-webkit-user-select:none;user-select:none}
#pageContent.cueva-live-mobile-page button:active{transform:scale(.985)!important}
#pageContent.cueva-live-mobile-page .live-table-card{contain:layout paint;will-change:auto}
@media (max-width:699px){
  #pageContent.cueva-live-mobile-page{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
}

/* Live alerts — merged here so Live has one mobile stylesheet */
.live-activity-bar{
  position:sticky;
  z-index:95;
  top:calc(87px + var(--safe-top));
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:0 12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:rgba(12,12,13,.93);
  color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.2);
  backdrop-filter:blur(24px) saturate(160%);
  -webkit-backdrop-filter:blur(24px) saturate(160%)
}
.live-activity-bar[hidden]{display:none}
.live-activity-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:rgba(240,200,90,.12);
  color:#f0c85a
}
.live-activity-copy{min-width:0}
.live-activity-copy strong,
.live-activity-copy span{display:block}
.live-activity-copy strong{
  font-size:10px;
  letter-spacing:.08em
}
.live-activity-copy span{
  overflow:hidden;
  margin-top:4px;
  color:#a1a1a6;
  font-size:8px;
  white-space:nowrap;
  text-overflow:ellipsis
}
.live-activity-badges{
  display:flex;
  gap:5px;
  align-items:center
}
.live-mini-badge{
  min-width:28px;
  padding:6px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:7px;
  font-weight:800;
  text-align:center
}
.live-mini-badge.warning{
  background:rgba(240,200,90,.14);
  color:#f0c85a
}
.live-mini-badge.urgent{
  background:rgba(255,59,48,.15);
  color:#ff6961
}
.live-alert-stack{
  position:fixed;
  z-index:1800;
  top:calc(15px + var(--safe-top));
  left:12px;
  right:12px;
  display:grid;
  gap:8px;
  pointer-events:none
}
.live-alert-toast{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:19px;
  background:rgba(18,18,20,.94);
  color:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  backdrop-filter:blur(25px);
  pointer-events:auto;
  animation:liveToastIn .28s ease both
}
@keyframes liveToastIn{
  from{opacity:0;transform:translateY(-12px) scale(.98)}
  to{opacity:1;transform:none}
}
.live-alert-toast.warning{background:rgba(96,63,7,.96)}
.live-alert-toast.urgent{background:rgba(94,16,12,.97)}
.live-alert-toast.success{background:rgba(8,72,42,.96)}
.live-alert-toast.offline{background:rgba(45,45,48,.97)}
.live-alert-toast>i{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(255,255,255,.09);
  color:#f0c85a
}
.live-alert-toast strong,
.live-alert-toast small{display:block}
.live-alert-toast strong{font-size:11px}
.live-alert-toast small{
  margin-top:5px;
  color:rgba(255,255,255,.72);
  font-size:8px;
  line-height:1.4
}
.live-alert-toast button{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:0;
  border-radius:11px;
  background:rgba(255,255,255,.08);
  color:#fff
}
.live-alert-center{
  position:fixed;
  inset:0;
  z-index:2100;
  display:grid;
  align-items:end
}
.live-alert-center[hidden]{display:none}
.live-alert-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(0,0,0,.52);
  backdrop-filter:blur(7px)
}
.live-alert-panel{
  position:relative;
  z-index:1;
  max-height:82dvh;
  overflow:auto;
  padding:11px 16px calc(22px + var(--safe-bottom));
  border-radius:31px 31px 0 0;
  background:rgba(248,248,249,.96);
  box-shadow:0 -26px 80px rgba(0,0,0,.24);
  backdrop-filter:blur(28px)
}
.live-alert-panel-handle{
  width:42px;
  height:5px;
  margin:0 auto 15px;
  border-radius:99px;
  background:#c7c7cc
}
.live-alert-panel header{
  display:flex;
  justify-content:space-between;
  gap:13px;
  align-items:flex-start
}
.live-alert-panel header span{
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
  color:#b17d0d
}
.live-alert-panel header h2{
  margin:5px 0 0;
  font-size:23px;
  letter-spacing:-.05em
}
.live-alert-panel header button{
  width:40px;
  height:40px;
  border:0;
  border-radius:13px;
  background:rgba(17,17,17,.06)
}
.live-alert-list{
  display:grid;
  gap:8px;
  margin-top:15px
}
.live-alert-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  min-height:64px;
  padding:10px;
  border-radius:18px;
  background:rgba(17,17,17,.04)
}
.live-alert-row>i{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#fff;
  color:#b17d0d
}
.live-alert-row strong,
.live-alert-row small{display:block}
.live-alert-row strong{font-size:11px}
.live-alert-row small{
  margin-top:5px;
  color:#8e8e93;
  font-size:8px
}
.live-alert-row button{
  min-height:34px;
  border:0;
  border-radius:11px;
  padding:0 10px;
  background:#111;
  color:#fff;
  font-size:8px;
  font-weight:700
}
.live-alert-settings{
  display:grid;
  gap:8px;
  margin-top:16px
}
.live-alert-setting{
  display:flex;
  justify-content:space-between;
  gap:13px;
  align-items:center;
  padding:12px;
  border-radius:17px;
  background:rgba(17,17,17,.04)
}
.live-alert-setting strong,
.live-alert-setting small{display:block}
.live-alert-setting strong{font-size:10px}
.live-alert-setting small{margin-top:4px;color:#8e8e93;font-size:8px}
.live-alert-setting input{width:20px;height:20px;accent-color:#c89218}
.sound-unlock{
  position:fixed;
  z-index:1750;
  left:14px;
  right:14px;
  bottom:calc(91px + var(--safe-bottom));
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px 13px;
  border:1px solid rgba(240,200,90,.2);
  border-radius:18px;
  background:rgba(12,12,13,.96);
  color:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.25)
}
.sound-unlock[hidden]{display:none}
.sound-unlock strong,
.sound-unlock small{display:block}
.sound-unlock strong{font-size:10px}
.sound-unlock small{margin-top:4px;color:#a1a1a6;font-size:8px}
.sound-unlock button{
  min-height:38px;
  border:0;
  border-radius:12px;
  padding:0 12px;
  background:linear-gradient(135deg,#efc85a,#b17d0d);
  color:#080808;
  font-size:8px;
  font-weight:800
}
@media(min-width:700px){
  .live-alert-stack,
  .sound-unlock{left:50%;width:min(calc(100% - 28px),672px);right:auto;transform:translateX(-50%)}
  .live-alert-panel{width:min(100%,700px);margin:auto}
}


/* =========================================================
   LIVE MONITOR — TOUCHABLE LIVE INDICATOR / NO TOTAL TABLES
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-total-chip{display:none!important;}

#pageContent.cueva-live-mobile-page .live-jump-indicator{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid #d9eee2!important;
  border-radius:999px!important;
  background:#edf9f2!important;
  color:#16834f!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator:active{
  transform:scale(.97)!important;
  background:#e2f5ea!important;
}
#pageContent.cueva-live-mobile-page .live-jump-dot{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#31c879!important;
  box-shadow:0 0 0 4px rgba(49,200,121,.13)!important;
  flex:0 0 auto!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator i{
  font-size:9px!important;
  opacity:.72!important;
}

#pageContent.cueva-live-mobile-page .live-monitor-sync{
  text-decoration:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
#pageContent.cueva-live-mobile-page .live-monitor-sync i{
  margin-left:2px!important;
  font-size:8px!important;
  opacity:.55!important;
}
#pageContent.cueva-live-mobile-page .live-monitor-sync:active{opacity:.62!important;}

#pageContent.cueva-live-mobile-page #liveTablesGrid{
  scroll-margin-top:92px!important;
}


/* =========================================================
   LIVE JUMP INDICATOR — TOUCH + ALERT STATE
   Normal = green LIVE. Attention = amber/red with count badge.
========================================================= */
#pageContent.cueva-live-mobile-page .live-jump-indicator{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:8px 11px!important;
  border:1px solid rgba(41,184,111,.22)!important;
  border-radius:999px!important;
  background:rgba(41,184,111,.08)!important;
  color:#178b50!important;
  font-size:10px!important;
  line-height:14px!important;
  font-weight:850!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  transition:transform .14s ease, background .18s ease, border-color .18s ease, color .18s ease!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator:active{
  transform:scale(.96)!important;
}
#pageContent.cueva-live-mobile-page .live-jump-dot{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#29b86f!important;
  box-shadow:0 0 0 4px rgba(41,184,111,.12)!important;
}
#pageContent.cueva-live-mobile-page .live-jump-alert-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:inherit!important;
  font-size:9px!important;
  line-height:18px!important;
  font-weight:900!important;
  box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
}
#pageContent.cueva-live-mobile-page .live-jump-alert-count[hidden]{display:none!important;}

#pageContent.cueva-live-mobile-page .live-jump-indicator.has-alert{
  border-color:rgba(227,155,37,.34)!important;
  background:rgba(227,155,37,.11)!important;
  color:#a56600!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator.has-alert .live-jump-dot{
  background:#e39b25!important;
  box-shadow:0 0 0 4px rgba(227,155,37,.14)!important;
  animation:cuevaLiveAlertPulse 1.35s ease-in-out infinite!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator.has-urgent{
  border-color:rgba(220,80,71,.38)!important;
  background:rgba(220,80,71,.10)!important;
  color:#b9362f!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator.has-urgent .live-jump-dot{
  background:#dc5047!important;
  box-shadow:0 0 0 4px rgba(220,80,71,.13)!important;
  animation:cuevaLiveAlertPulse 1s ease-in-out infinite!important;
}
@keyframes cuevaLiveAlertPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.48}
}
@media (prefers-reduced-motion:reduce){
  #pageContent.cueva-live-mobile-page .live-jump-indicator .live-jump-dot{animation:none!important;}
}

/* v205: compact checkout and guided split payments. */
@media (max-width:820px){
  body > #checkoutModal[data-cueva-live-portal="true"] > .modal-content{width:min(94vw,520px)!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;border-radius:22px 22px 0 0!important}
  body > #checkoutModal h3{margin:0 0 9px!important;font-size:22px!important}
  body > #checkoutModal .checkout-customer{margin:0 0 7px!important;padding:9px 12px!important;min-height:0!important;border-radius:12px!important}
  body > #checkoutModal .checkout-receipt-meta{margin:0 0 8px!important;gap:5px!important}
  body > #checkoutModal .checkout-summary{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  body > #checkoutModal .checkout-summary>div{min-height:42px!important;padding:7px 2px!important;border-bottom:1px solid #ececef!important}
  body > #checkoutModal .checkout-extra-items{margin:5px 0!important;padding:7px 10px!important}
  body > #checkoutModal .checkout-total{min-height:50px!important;padding:8px 10px!important;border-radius:12px!important}
  body > #checkoutModal .checkout-discount-action{margin:8px 0!important}
  body > #checkoutModal #discountBtn{min-height:36px!important;padding:0 12px!important;font-size:12px!important}
  body > #checkoutModal .checkout-payment-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:9px 0!important;padding:4px!important;border-radius:13px!important;background:#f0f1f3!important}
  body > #checkoutModal .checkout-payment-mode button{min-height:40px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#777b82!important;font-size:12px!important;font-weight:850!important}
  body > #checkoutModal .checkout-payment-mode button.active{background:#17181b!important;color:#fff!important}
  body > #checkoutModal #checkoutFullPaymentPanel[hidden],body > #checkoutModal #checkoutSplitPaymentPanel[hidden]{display:none!important}
  body > #checkoutModal #checkoutFullPaymentPanel .form-group{margin:7px 0!important;padding:10px!important;border-radius:14px!important}
  body > #checkoutModal #checkoutPaymentAmount{min-height:46px!important}
  body > #checkoutModal .checkout-payment-method-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  body > #checkoutModal .checkout-payment-method-btn{min-height:46px!important;padding:7px 3px!important;font-size:11px!important;gap:4px!important}
  body > #checkoutModal .checkout-split-panel{margin:8px 0 4px!important}
  body > #checkoutModal .checkout-split-list{display:grid!important;gap:8px!important}
  body > #checkoutModal .checkout-split-row{display:grid!important;grid-template-columns:118px minmax(0,1fr) 42px!important;align-items:center!important;gap:7px!important}
  body > #checkoutModal .checkout-split-method,body > #checkoutModal .checkout-split-amount{width:100%!important;min-height:46px!important;margin:0!important;padding:0 10px!important;border:1px solid #dddfe3!important;border-radius:12px!important;background:#fff!important;color:#17181b!important;font-size:16px!important}
  body > #checkoutModal .checkout-split-amount{text-align:right!important;font-weight:800!important}
  body > #checkoutModal .checkout-split-remove{min-height:42px!important;border:0!important;background:transparent!important;color:#868a91!important;font-size:21px!important}
  body > #checkoutModal .checkout-split-add{width:100%!important;min-height:40px!important;margin-top:5px!important;border:0!important;background:transparent!important;color:#246fd1!important;text-align:left!important;font-size:12px!important;font-weight:800!important}
  body > #checkoutModal .checkout-split-balance{display:grid!important;grid-template-columns:1fr auto!important;gap:5px 12px!important;margin-top:5px!important;padding:9px 2px!important;border-top:1px solid #e1e3e7!important;font-size:13px!important}
  body > #checkoutModal .checkout-split-balance strong{text-align:right!important}
  body > #checkoutModal #checkoutSplitRemaining.is-balanced{color:#159451!important}
  body > #checkoutModal .credit-checkout-panel{margin:7px 0!important}
  body > #checkoutModal .checkout-notes-toggle{width:100%!important;min-height:38px!important;margin:4px 0!important;border:0!important;background:transparent!important;color:#70747b!important;text-align:left!important;font-size:12px!important;font-weight:800!important}
  body > #checkoutModal .checkout-notes-wrap[hidden]{display:none!important}
  body > #checkoutModal .checkout-notes-wrap{margin:5px 0!important;padding:0!important;background:transparent!important;border:0!important}
  body > #checkoutModal .checkout-notes-wrap textarea{min-height:76px!important;margin:0!important}
  body > #checkoutModal .modal-actions{position:sticky!important;bottom:-18px!important;z-index:3!important;margin:10px -18px -18px!important;padding:10px 18px max(12px,env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #ececef!important}
}

/* v590: compact Walk-in sheet and hard-lock horizontal movement on iOS. */
@media (max-width:820px){
  html:has(#walkinModal.show),
  body:has(#walkinModal.show){overflow-x:hidden!important;overscroll-behavior-x:none!important}
  body > #walkinModal[data-cueva-live-portal="true"]{
    width:100vw!important;max-width:100vw!important;overflow:hidden!important;
    overscroll-behavior-x:none!important;touch-action:pan-y!important;
  }
  body > #walkinModal[data-cueva-live-portal="true"] > .live-walkin-sheet{
    position:relative!important;left:0!important;right:0!important;width:100vw!important;min-width:0!important;
    max-width:100vw!important;max-height:88dvh!important;margin:0!important;padding:0 13px calc(13px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-x:none!important;touch-action:pan-y!important;
  }
  body > #walkinModal .live-walkin-sheet *{box-sizing:border-box!important;min-width:0}
  body > #walkinModal .live-walkin-head{
    width:auto!important;margin:0 -13px!important;padding:16px 15px 13px!important;
  }
  body > #walkinModal .live-walkin-head h3{font-size:23px!important}
  body > #walkinModal .live-walkin-head p{font-size:11px!important}
  body > #walkinModal .close-modal{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;font-size:18px!important}
  body > #walkinModal .session-info-box{
    margin:10px 0 8px!important;padding:12px 13px!important;border-radius:15px!important;
  }
  body > #walkinModal .session-info-box strong{font-size:17px!important}
  body > #walkinModal .session-info-box span{margin-top:3px!important;font-size:11px!important}
  body > #walkinModal .form-group{
    width:100%!important;margin:0 0 7px!important;padding:10px!important;border-radius:15px!important;
  }
  body > #walkinModal .form-group label{margin-bottom:6px!important;font-size:8px!important}
  body > #walkinModal .form-group input,
  body > #walkinModal .form-group select,
  body > #walkinModal .form-group textarea{
    max-width:100%!important;min-height:46px!important;padding:10px 11px!important;border-radius:12px!important;font-size:15px!important;
  }
  body > #walkinModal .form-group textarea{min-height:62px!important;max-height:62px!important}
  body > #walkinModal .modal-actions{
    width:auto!important;margin:3px -13px -13px!important;padding:10px 13px calc(13px + env(safe-area-inset-bottom))!important;
  }
  body > #walkinModal .modal-actions button{min-height:49px!important;border-radius:14px!important;font-size:12px!important}
}

/* v589: one CUEVA design for Walk-in, Booking Start and Live alerts. */
@media (max-width:820px){
  body > #walkinModal[data-cueva-live-portal="true"]{
    padding:0!important;align-items:flex-end!important;overflow:hidden!important;
  }
  body > #walkinModal[data-cueva-live-portal="true"] > .live-walkin-sheet{
    display:flex!important;flex-direction:column!important;width:100%!important;max-width:620px!important;
    max-height:91dvh!important;margin:0!important;padding:0 16px calc(18px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:28px 28px 0 0!important;
    background:#f7f7f8!important;box-shadow:0 -18px 60px rgba(15,15,20,.18)!important;
  }
  body > #walkinModal .live-walkin-head{
    position:sticky!important;top:0!important;z-index:3!important;display:flex!important;align-items:flex-start!important;
    justify-content:space-between!important;gap:14px!important;margin:0 -16px!important;padding:22px 18px 17px!important;
    border-bottom:1px solid #e3e3e6!important;background:#fff!important;
  }
  body > #walkinModal .live-walkin-head h3{margin:0!important;color:#17191d!important;font-size:27px!important;font-weight:900!important;letter-spacing:-.045em!important;line-height:1.05!important}
  body > #walkinModal .live-walkin-head p{margin:5px 0 0!important;color:#8d8f96!important;font-size:12px!important;line-height:1.35!important}
  body > #walkinModal .close-modal{width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #e1e2e5!important;border-radius:15px!important;background:#f1f1f3!important;color:#303238!important;font-size:20px!important}
  body > #walkinModal .session-info-box{
    margin:14px 0 10px!important;padding:15px 16px!important;border:1px solid #e7cf88!important;
    border-radius:18px!important;background:#fff9e9!important;box-shadow:none!important;
  }
  body > #walkinModal .session-info-box strong{display:block!important;color:#17191d!important;font-size:19px!important;font-weight:900!important}
  body > #walkinModal .session-info-box span{display:block!important;margin-top:5px!important;color:#8e6b1e!important;font-size:12px!important;font-weight:750!important;line-height:1.4!important}
  body > #walkinModal .form-group{
    margin:0 0 9px!important;padding:13px!important;border:1px solid #e2e2e5!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 8px 24px rgba(20,20,24,.03)!important;
  }
  body > #walkinModal .form-group label{display:block!important;margin:0 0 8px!important;color:#8c8e95!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  body > #walkinModal .form-group input,
  body > #walkinModal .form-group select,
  body > #walkinModal .form-group textarea{
    width:100%!important;min-height:52px!important;padding:12px 13px!important;border:1px solid #dedee2!important;
    border-radius:14px!important;background:#f8f8f9!important;color:#17191d!important;font-size:16px!important;font-weight:750!important;
  }
  body > #walkinModal .form-group textarea{min-height:76px!important;resize:none!important;font-weight:650!important}
  body > #walkinModal .live-player-group small{display:block!important;margin-top:7px!important;color:#98731f!important;font-size:11px!important;font-weight:700!important}
  body > #walkinModal .modal-actions{
    position:sticky!important;bottom:calc(-18px - env(safe-area-inset-bottom))!important;z-index:3!important;
    display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:10px!important;margin:5px -16px 0!important;
    padding:13px 16px calc(18px + env(safe-area-inset-bottom))!important;border-top:1px solid #e2e2e5!important;background:rgba(255,255,255,.97)!important;
  }
  body > #walkinModal .modal-actions button{min-height:54px!important;border:0!important;border-radius:16px!important;font-size:13px!important;font-weight:850!important}
  body > #walkinModal #cancelWalkinBtn{background:#ececef!important;color:#292b30!important}
  body > #walkinModal #confirmWalkinBtn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#17191d!important;color:#fff!important;box-shadow:none!important}

  body > #bookingStartModal[data-cueva-live-portal="true"]{padding:0!important;align-items:flex-end!important}
  body > #bookingStartModal[data-cueva-live-portal="true"] > .booking-start-content{
    width:100%!important;max-width:620px!important;margin:0!important;padding:10px 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:28px 28px 0 0!important;background:#f7f7f8!important;box-shadow:0 -18px 60px rgba(15,15,20,.18)!important;
  }
  .booking-start-grabber{width:44px!important;height:5px!important;margin:0 auto 15px!important;border-radius:99px!important;background:#d6d7da!important}
  .booking-start-head{padding:0 1px 14px!important;border-bottom:1px solid #e2e3e5!important}
  .booking-start-kicker{color:#9a731e!important;letter-spacing:.14em!important}
  .booking-start-head h3{font-size:27px!important;font-weight:900!important;letter-spacing:-.045em!important}
  .booking-start-close{width:46px!important;height:46px!important;border:1px solid #e1e2e5!important;border-radius:15px!important;background:#ededf0!important}
  .booking-start-time-card{margin-top:13px!important;border:1px solid #e7cf88!important;border-radius:18px!important;background:#fff9e9!important}
  .booking-start-customer,.booking-start-facts>div{border:1px solid #e2e2e5!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,20,24,.03)!important}
  .booking-start-note{border:1px solid #edcf7c!important;border-radius:15px!important;background:#fff7df!important;color:#7d5a0b!important}
  .booking-start-actions{grid-template-columns:.8fr 1.2fr!important;padding-top:13px!important;border-top:1px solid #e2e2e5!important}
  .booking-start-actions button{min-height:54px!important;border-radius:16px!important;font-weight:850!important}

  body > #liveMessageModal[data-cueva-live-portal="true"]{
    padding:0!important;align-items:flex-end!important;justify-content:center!important;
  }
  body > #liveMessageModal[data-cueva-live-portal="true"] > .live-message-content{
    width:100%!important;max-width:620px!important;margin:0!important;padding:10px 18px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:28px 28px 0 0!important;background:#f8f8f9!important;text-align:left!important;
    box-shadow:0 -18px 60px rgba(15,15,20,.2)!important;
  }
  #liveMessageModal .live-alert-grabber{width:44px;height:5px;margin:0 auto 18px;border-radius:99px;background:#d5d6d9}
  #liveMessageModal .popup-icon{width:48px!important;height:48px!important;margin:0 0 13px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#fff4d8!important;font-size:22px!important}
  #liveMessageModal .live-alert-kicker{display:block!important;margin-bottom:4px!important;color:#9a731e!important;font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important}
  #liveMessageModal #liveMessageTitle{margin:0!important;color:#17191d!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:1.08!important}
  #liveMessageModal #liveMessageText{margin:10px 0 17px!important;padding:14px!important;border:1px solid #e2e2e5!important;border-radius:17px!important;background:#fff!important;color:#666970!important;font-size:13px!important;font-weight:650!important;line-height:1.55!important;white-space:pre-line!important}
  #liveMessageModal.live-message-warning #liveMessageText{border-color:#efccca!important;background:#fff5f4!important;color:#8e3733!important}
  #liveMessageModal.live-message-warning .popup-icon{background:#ffeded!important}
  #liveMessageModal.live-message-success .popup-icon{background:#eaf8ef!important}
  #liveMessageModal .modal-actions{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:10px!important;margin:0!important;padding:0!important}
  #liveMessageModal .modal-actions button{min-height:54px!important;border:0!important;border-radius:16px!important;font-size:13px!important;font-weight:850!important}
  #liveMessageModal #liveMessageCancelBtn{background:#ececef!important;color:#2e3035!important}
  #liveMessageModal #liveMessageOkBtn{background:#17191d!important;color:#fff!important;box-shadow:none!important}
  #liveMessageModal.live-message-single-action .modal-actions{grid-template-columns:1fr!important}
}

/* v584: Live Add Sales follows the Quick Sale catalog and cart design. */
@media (max-width:900px){
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-sheet{
    background:#f6f6f5!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-grid{
    gap:8px!important;
    padding:0 16px 14px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item{
    min-height:72px!important;
    height:auto!important;
    max-height:none!important;
    padding:9px 11px 9px 9px!important;
    border:1px solid rgba(23,25,29,.08)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 3px 14px rgba(17,19,23,.028)!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item.selected{
    border-color:rgba(184,135,34,.24)!important;
    background:#fffdf8!important;
    box-shadow:none!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-main{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:11px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-thumb{
    width:50px!important;
    height:50px!important;
    border-radius:15px!important;
    background:#fff8e8!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-type{
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#96989d!important;
    font-size:8px!important;
    letter-spacing:.11em!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-type.service{
    background:transparent!important;
    color:#96989d!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-copy strong{
    margin-top:2px!important;
    font-size:14px!important;
    font-weight:780!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-copy em{
    margin-top:3px!important;
    color:#85888e!important;
    font-size:10px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item:not(.unavailable) .live-catalog-item-copy em{
    color:#258754!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-side{
    gap:8px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-price{
    font-size:13px!important;
    font-weight:850!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add{
    display:grid!important;
    width:34px!important;
    height:34px!important;
    place-items:center!important;
    border:1px solid rgba(184,135,34,.18)!important;
    border-radius:12px!important;
    background:#fff8e8!important;
    color:#b88722!important;
    font-size:22px!important;
    font-weight:700!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add:disabled{
    border-color:#e2e2e2!important;
    background:#f2f2f2!important;
    color:#aaa!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty{
    grid-template-columns:30px 34px 30px!important;
    height:34px!important;
    border:0!important;
    gap:3px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty button{
    width:30px!important;
    height:34px!important;
    border:1px solid rgba(184,135,34,.18)!important;
    border-radius:10px!important;
    background:#fff8e8!important;
    color:#b88722!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty b{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    background:#17191d!important;
    color:#e0b654!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart{
    margin:0 16px 9px!important;
    padding:11px 12px!important;
    border:1px solid rgba(23,25,29,.08)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-head > div:first-child span{
    font-size:0!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-head > div:first-child span::after{
    content:"CURRENT SALE"!important;
    font-size:9px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-actions{
    display:block!important;
    padding:11px 16px max(13px,env(safe-area-inset-bottom))!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] #cancelExtraBtn{
    display:none!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:56px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:16px!important;
    background:#17191d!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn strong{
    color:#e0b654!important;
    font-size:17px!important;
    font-weight:900!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn:disabled{
    background:#d9dadd!important;
    color:#8f9298!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn:disabled strong{
    color:#8f9298!important;
  }
}
@media (max-width: 380px){body > #checkoutModal .checkout-split-row{grid-template-columns:105px minmax(0,1fr) 38px!important}}

/* v207: final checkout sales, discount and total alignment. */
@media (max-width:820px){
  body > #checkoutModal .checkout-summary>div[hidden]{display:none!important}
  body > #checkoutModal .checkout-summary>div.checkout-extra-items{display:block!important;width:100%!important;margin:0!important;padding:0 0 3px 12px!important;border-bottom:1px solid #ececef!important}
  body > #checkoutModal .checkout-summary>div.checkout-extra-items[hidden]{display:none!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;min-height:34px!important;margin:0!important;padding:5px 0!important;border:0!important;border-bottom:1px solid #f0f1f3!important;background:transparent!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line:last-child{border-bottom:0!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line span{min-width:0!important;overflow-wrap:anywhere!important;color:#60646b!important;font-size:12px!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line strong{align-self:center!important;white-space:nowrap!important;color:#17181b!important;font-size:12px!important}
  body > #checkoutModal .checkout-summary>div.checkout-total{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:54px!important;margin:3px 0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #ececef!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal .checkout-summary>div.checkout-total #discountBtn{grid-column:1!important;justify-self:start!important;align-self:center!important;width:auto!important;margin:0!important}
  body > #checkoutModal .checkout-summary>div.checkout-total>span{grid-column:2!important;align-self:center!important;margin:0!important;white-space:nowrap!important}
  body > #checkoutModal .checkout-summary>div.checkout-total>#checkoutTotalAmount{grid-column:3!important;align-self:center!important;margin:0!important;white-space:nowrap!important;font-size:22px!important}
}

/* v206: approved compact checkout layout. */
@media (max-width:820px){
  body > #checkoutModal[data-cueva-live-portal="true"]{align-items:flex-end!important;padding:0!important}
  body > #checkoutModal[data-cueva-live-portal="true"] > .modal-content{width:100%!important;max-width:560px!important;max-height:calc(100dvh - 16px)!important;margin:0 auto!important;padding:16px 18px!important;border-radius:24px 24px 0 0!important}
  body > #checkoutModal .checkout-compact-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 7px!important}
  body > #checkoutModal .checkout-compact-head h3{margin:0!important;font-size:24px!important;line-height:1.1!important}
  body > #checkoutModal .checkout-compact-head #checkoutCustomer{max-width:55%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important;text-align:right!important}
  body > #checkoutModal .checkout-receipt-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 12px!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:transparent!important}
  body > #checkoutModal .checkout-receipt-meta span{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#777b82!important;font-size:11px!important}
  body > #checkoutModal .checkout-summary{display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal .checkout-summary>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:39px!important;margin:0!important;padding:6px 0!important;border:0!important;border-bottom:1px solid #ececef!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal .checkout-summary>div>span{color:#555a62!important;font-size:13px!important}
  body > #checkoutModal .checkout-summary>div>span small{display:inline!important;color:#898d94!important;font-size:11px!important}
  body > #checkoutModal .checkout-summary>div>strong{font-size:14px!important;color:#17181b!important}
  body > #checkoutModal #checkoutSummary:has(#checkoutExtraItems:not([hidden])) .checkout-extras-row{display:none!important}
  body > #checkoutModal .checkout-extra-items{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  body > #checkoutModal .checkout-extra-items[hidden]{display:none!important}
  body > #checkoutModal .checkout-extra-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;min-height:39px!important;align-items:center!important;padding:6px 0!important;border-bottom:1px solid #ececef!important;font-size:13px!important}
  body > #checkoutModal .checkout-total{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;min-height:54px!important;margin:4px 0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #ececef!important;border-radius:0!important;background:transparent!important}
  body > #checkoutModal .checkout-total #discountBtn{justify-self:start!important;width:auto!important;min-height:38px!important;padding:0 8px!important;border:0!important;background:transparent!important;color:#2474df!important;font-size:12px!important}
  body > #checkoutModal .checkout-total>span{align-self:center!important;color:#777b82!important;font-size:11px!important}
  body > #checkoutModal .checkout-total>#checkoutTotalAmount{align-self:center!important;font-size:22px!important;color:#17181b!important}
  body > #checkoutModal .checkout-payment-history{margin:6px 0!important;padding:8px 10px!important}
  body > #checkoutModal .checkout-payment-mode{margin:7px 0!important}
  body > #checkoutModal #checkoutPaymentAmountGroup{display:none!important}
  body > #checkoutModal #checkoutFullPaymentPanel .form-group{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal #checkoutFullPaymentPanel .form-group>label{display:none!important}
  body > #checkoutModal .checkout-payment-method-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
  body > #checkoutModal .checkout-payment-method-btn{min-height:48px!important;padding:6px 3px!important;border-radius:12px!important;font-size:11px!important}
  body > #checkoutModal .checkout-split-panel{margin:7px 0 0!important}
  body > #checkoutModal .checkout-notes-toggle{margin:3px 0!important}
  body > #checkoutModal .modal-actions{margin-top:7px!important}
}

/* v200: compact active-card details entry and focused payment/WhatsApp sheet. */
#pageContent.cueva-live-mobile-page .live-customer-details-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  text-align:left!important;
  color:inherit!important;
  cursor:pointer!important;
}
#pageContent.cueva-live-mobile-page .live-customer-details-trigger strong{
  text-decoration:none!important;
}
#pageContent.cueva-live-mobile-page .live-customer-details-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 11px!important;
  margin-top:3px!important;
  min-width:0!important;
}
#pageContent.cueva-live-mobile-page .live-customer-details-trigger small{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  color:#696e75!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
#pageContent.cueva-live-mobile-page .live-customer-details-trigger small i{
  color:#8b9097!important;
  font-size:10px!important;
}
#pageContent.cueva-live-mobile-page .live-customer-details-trigger:active{
  opacity:.62!important;
}

#sessionModal .session-payment-details{
  margin:12px 0 0!important;
  padding:15px!important;
  border:1px solid #e3e5e8!important;
  border-radius:18px!important;
  background:#f8f9fa!important;
}
#sessionModal .session-payment-details[hidden],
#sessionModal .session-payment-edit-methods[hidden]{
  display:none!important;
}
#sessionModal .session-payment-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
#sessionModal .session-payment-heading span{
  display:block!important;
  margin-bottom:3px!important;
  color:#a87700!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
#sessionModal .session-payment-heading h3{
  margin:0!important;
  color:#111318!important;
  font-size:17px!important;
  line-height:1.15!important;
}
#sessionModal #editSessionPaymentsBtn{
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid #d8ab35!important;
  border-radius:11px!important;
  background:#fffaf0!important;
  color:#8a6500!important;
  font-size:10px!important;
  font-weight:850!important;
}
#sessionModal .session-payment-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:40px!important;
  padding:7px 2px!important;
  border-bottom:1px solid #e5e7e9!important;
  color:#60646b!important;
  font-size:12px!important;
}
#sessionModal .session-payment-row strong{
  color:#17191d!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
#sessionModal .session-payment-total{
  margin-top:3px!important;
  border-bottom:0!important;
  color:#17191d!important;
  font-weight:850!important;
}
#sessionModal .session-payment-total strong{
  color:#987000!important;
  font-size:15px!important;
}
#sessionModal .session-payment-edit-methods{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
#sessionModal .session-payment-edit-methods button{
  min-height:40px!important;
  padding:8px!important;
  border:1px solid #dedfe2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#25282d!important;
  font-size:10px!important;
  font-weight:800!important;
}
#sessionModal .session-actions.session-details-actions{
  display:block!important;
  position:static!important;
  margin:12px 0 0!important;
  padding:0!important;
  background:transparent!important;
}
#sessionModal .session-details-actions #whatsappReceiptBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  border:1px solid #bde8cc!important;
  border-radius:16px!important;
  background:#eaf8ef!important;
  color:#137b43!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* =========================================================
   LIVE SMART PRIORITY — urgent tables automatically rise
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="action"]{
  border-left-color:var(--lv-red)!important;
  background:linear-gradient(180deg,#fff 0%,#fffafa 100%)!important;
}
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="ending"]{
  border-left-color:var(--lv-red)!important;
}
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="waiting"]{
  border-left-color:var(--lv-orange)!important;
}
#pageContent.cueva-live-mobile-page .live-table-card.priority-first{
  scroll-margin-top:132px!important;
}
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="action"]::before,
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="ending"]::before,
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="waiting"]::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  pointer-events:none;
}
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="action"]::before,
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="ending"]::before{
  background:rgba(215,62,54,.78);
}
#pageContent.cueva-live-mobile-page .live-table-card[data-live-priority="waiting"]::before{
  background:rgba(202,127,20,.72);
}

/* =========================================================
   ACTIVE CARD V4 — FAST MOBILE OPERATIONS
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-table-card.active,
#pageContent.cueva-live-mobile-page .live-table-card.ending-soon{
  padding:14px!important;
  border-left-width:4px!important;
}

#pageContent.cueva-live-mobile-page .active-summary{
  margin-top:10px!important;
}

#pageContent.cueva-live-mobile-page .active-session-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

#pageContent.cueva-live-mobile-page .active-session-head .live-person-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}

#pageContent.cueva-live-mobile-page .active-session-head .live-person-copy strong{
  font-size:15px!important;
  line-height:19px!important;
  font-weight:850!important;
}

#pageContent.cueva-live-mobile-page .active-running-total{
  flex:0 0 auto!important;
  min-width:86px!important;
  padding-left:10px!important;
  text-align:right!important;
  border-left:1px solid #eceef1!important;
}

#pageContent.cueva-live-mobile-page .active-running-total span{
  display:block!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  color:#9a9ca2!important;
}

#pageContent.cueva-live-mobile-page .active-running-total b{
  display:block!important;
  margin-top:2px!important;
  font-size:16px!important;
  line-height:19px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  color:var(--lv-text)!important;
  font-variant-numeric:tabular-nums!important;
}

/* The timer is the visual centre of every running table. */
#pageContent.cueva-live-mobile-page .active-summary .remaining-timer{
  min-height:78px!important;
  margin:10px 0 8px!important;
  padding:8px 10px!important;
  border:1px solid #eceef1!important;
  border-radius:15px!important;
  background:#f6f7f8!important;
}

#pageContent.cueva-live-mobile-page .active-summary .remaining-timer strong{
  font-size:31px!important;
  line-height:34px!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}

#pageContent.cueva-live-mobile-page .active-summary .remaining-timer.danger{
  border-color:#f1d1cf!important;
  background:var(--lv-red-soft)!important;
}

#pageContent.cueva-live-mobile-page .active-session-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
}

#pageContent.cueva-live-mobile-page .active-session-strip > div{
  min-width:0!important;
  padding:7px 6px!important;
  border:1px solid #eceef1!important;
  border-radius:10px!important;
  background:#fff!important;
  text-align:center!important;
}

#pageContent.cueva-live-mobile-page .active-session-strip span{
  display:block!important;
  font-size:7px!important;
  line-height:9px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  color:#a0a2a8!important;
}

#pageContent.cueva-live-mobile-page .active-session-strip strong{
  display:block!important;
  margin-top:2px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:14px!important;
  font-weight:850!important;
  color:var(--lv-text)!important;
  font-variant-numeric:tabular-nums!important;
}

/* Primary running-session controls: one tap, large targets. */
#pageContent.cueva-live-mobile-page .active-session-actions{
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.25fr)!important;
  gap:7px!important;
  margin-top:10px!important;
}

#pageContent.cueva-live-mobile-page .active-session-actions > button{
  min-height:44px!important;
  border-radius:12px!important;
  font-size:11px!important;
}

#pageContent.cueva-live-mobile-page .active-session-actions .view-action{
  background:#f7f8f9!important;
}

#pageContent.cueva-live-mobile-page .active-session-actions .checkout-action{
  box-shadow:0 2px 5px rgba(25,23,15,.08)!important;
}

/* Undo and Pending are secondary safety actions, never equal to Checkout. */
#pageContent.cueva-live-mobile-page .active-session-actions .undo-action,
#pageContent.cueva-live-mobile-page .active-session-actions .more-action{
  grid-column:auto!important;
  min-height:28px!important;
  font-size:9px!important;
  opacity:.9!important;
}

@media (max-width:360px){
  #pageContent.cueva-live-mobile-page .active-running-total{min-width:76px!important}
  #pageContent.cueva-live-mobile-page .active-summary .remaining-timer strong{font-size:28px!important}
  #pageContent.cueva-live-mobile-page .active-session-actions{gap:5px!important}
  #pageContent.cueva-live-mobile-page .active-session-actions > button{font-size:10px!important;padding-left:5px!important;padding-right:5px!important}
}

/* =========================================================
   WAITING / RESERVED CARD V5 — BOOKING-FIRST MOBILE UX
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-table-card.waiting_customer,
#pageContent.cueva-live-mobile-page .live-table-card.waiting-customer{
  padding:14px!important;
  border-left-width:4px!important;
  border-left-color:var(--lv-orange)!important;
  background:linear-gradient(180deg,#fff 0%,#fffcf7 100%)!important;
}

#pageContent.cueva-live-mobile-page .waiting-summary{
  margin-top:10px!important;
}

#pageContent.cueva-live-mobile-page .waiting-focus-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:8px!important;
}

#pageContent.cueva-live-mobile-page .waiting-countdown-block{
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid rgba(227,155,37,.24)!important;
  border-radius:14px!important;
  background:rgba(227,155,37,.08)!important;
}

#pageContent.cueva-live-mobile-page .waiting-countdown-block > span,
#pageContent.cueva-live-mobile-page .waiting-duration-block > span{
  display:block!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#a56600!important;
}

#pageContent.cueva-live-mobile-page .waiting-countdown-block > strong{
  display:block!important;
  margin-top:3px!important;
  font-size:25px!important;
  line-height:28px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  color:var(--lv-text)!important;
  font-variant-numeric:tabular-nums!important;
}

#pageContent.cueva-live-mobile-page .waiting-countdown-block > small{
  display:block!important;
  margin-top:2px!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:700!important;
  color:#777a80!important;
}

#pageContent.cueva-live-mobile-page .waiting-duration-block{
  display:flex!important;
  min-width:72px!important;
  padding:10px 9px!important;
  border:1px solid #eceef1!important;
  border-radius:14px!important;
  background:#fff!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

#pageContent.cueva-live-mobile-page .waiting-duration-block > span{color:#9a9ca2!important}
#pageContent.cueva-live-mobile-page .waiting-duration-block > strong{
  display:block!important;
  margin-top:3px!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:900!important;
  color:var(--lv-text)!important;
}

#pageContent.cueva-live-mobile-page .waiting-customer-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:9px!important;
  min-width:0!important;
}

#pageContent.cueva-live-mobile-page .waiting-avatar{
  display:flex!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  background:#f4f5f6!important;
  color:#505258!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}

#pageContent.cueva-live-mobile-page .waiting-customer-row .live-person-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}

#pageContent.cueva-live-mobile-page .waiting-customer-row .live-person-copy strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:850!important;
}

#pageContent.cueva-live-mobile-page .waiting-customer-row .live-person-copy span{
  display:block!important;
  margin-top:1px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:13px!important;
  color:#8b8d92!important;
}

#pageContent.cueva-live-mobile-page .waiting-money{
  flex:0 0 auto!important;
  min-width:82px!important;
  text-align:right!important;
}

#pageContent.cueva-live-mobile-page .waiting-late-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin-top:9px!important;
  padding:8px 9px!important;
  border:1px solid rgba(220,80,71,.20)!important;
  border-radius:10px!important;
  background:rgba(220,80,71,.07)!important;
  color:#a33b35!important;
  font-size:9px!important;
  line-height:13px!important;
  font-weight:750!important;
}

#pageContent.cueva-live-mobile-page .waiting-summary.is-late .waiting-countdown-block{
  border-color:rgba(220,80,71,.24)!important;
  background:rgba(220,80,71,.07)!important;
}
#pageContent.cueva-live-mobile-page .waiting-summary.is-late .waiting-countdown-block > span{color:#b9362f!important}

/* Start Booking is intentionally dominant. Details remains useful; Walk-in is de-emphasized. */
#pageContent.cueva-live-mobile-page .waiting-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  margin-top:10px!important;
}

#pageContent.cueva-live-mobile-page .waiting-actions .waiting-start-action{
  min-height:46px!important;
  border-radius:12px!important;
  font-size:12px!important;
}

#pageContent.cueva-live-mobile-page .waiting-actions .waiting-view-action{
  min-width:86px!important;
  min-height:46px!important;
  border-radius:12px!important;
}

#pageContent.cueva-live-mobile-page .waiting-actions .waiting-walkin-action{
  grid-column:1 / -1!important;
  min-height:30px!important;
  padding:5px 8px!important;
  border:0!important;
  background:transparent!important;
  color:#8b8d92!important;
  font-size:9px!important;
  line-height:12px!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  touch-action:manipulation!important;
}

@media (max-width:360px){
  #pageContent.cueva-live-mobile-page .waiting-countdown-block > strong{font-size:23px!important}
  #pageContent.cueva-live-mobile-page .waiting-duration-block{min-width:64px!important;padding-left:6px!important;padding-right:6px!important}
  #pageContent.cueva-live-mobile-page .waiting-actions{grid-template-columns:minmax(0,1fr) 78px!important;gap:5px!important}
  #pageContent.cueva-live-mobile-page .waiting-actions .waiting-view-action{min-width:78px!important;padding-left:6px!important;padding-right:6px!important}
}

/* =========================================================
   FREE TABLE CARD V6 — FAST WALK-IN MOBILE UX
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-table-card.free,
#pageContent.cueva-live-mobile-page .live-table-card.free_until_booking,
#pageContent.cueva-live-mobile-page .live-table-card.free-until-booking{
  padding:14px!important;
  border-left-width:4px!important;
  border-left-color:var(--lv-green)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfefc 100%)!important;
}

#pageContent.cueva-live-mobile-page .free-summary{
  margin-top:10px!important;
}

#pageContent.cueva-live-mobile-page .free-focus-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 46px!important;
  align-items:stretch!important;
  gap:8px!important;
}

#pageContent.cueva-live-mobile-page .free-availability-block{
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid rgba(40,150,92,.18)!important;
  border-radius:14px!important;
  background:rgba(40,150,92,.065)!important;
}

#pageContent.cueva-live-mobile-page .free-availability-block > span,
#pageContent.cueva-live-mobile-page .free-next-time > span{
  display:block!important;
  font-size:8px!important;
  line-height:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#27734a!important;
}

#pageContent.cueva-live-mobile-page .free-availability-block > strong{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:23px!important;
  line-height:27px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  color:var(--lv-text)!important;
}

#pageContent.cueva-live-mobile-page .free-availability-block > small{
  display:block!important;
  margin-top:2px!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:750!important;
  color:#6f7772!important;
}

#pageContent.cueva-live-mobile-page .free-ready-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  min-width:46px!important;
  border:1px solid rgba(40,150,92,.16)!important;
  border-radius:14px!important;
  background:rgba(40,150,92,.09)!important;
  color:#258453!important;
  font-size:17px!important;
}

#pageContent.cueva-live-mobile-page .free-next-booking{
  display:grid!important;
  grid-template-columns:100px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:9px!important;
  padding:9px 10px!important;
  border:1px solid #eceef1!important;
  border-radius:12px!important;
  background:#fff!important;
}

#pageContent.cueva-live-mobile-page .free-next-time{
  min-width:0!important;
  padding-right:9px!important;
  border-right:1px solid #eef0f2!important;
}

#pageContent.cueva-live-mobile-page .free-next-time > span{
  color:#8b8d92!important;
}

#pageContent.cueva-live-mobile-page .free-next-time > strong{
  display:block!important;
  margin-top:2px!important;
  font-size:16px!important;
  line-height:19px!important;
  font-weight:900!important;
  color:var(--lv-text)!important;
  font-variant-numeric:tabular-nums!important;
}

#pageContent.cueva-live-mobile-page .free-next-time > small{
  display:block!important;
  margin-top:1px!important;
  font-size:9px!important;
  line-height:12px!important;
  font-weight:750!important;
  color:#8b8d92!important;
}

#pageContent.cueva-live-mobile-page .free-next-customer{
  min-width:0!important;
}

#pageContent.cueva-live-mobile-page .free-next-customer > strong,
#pageContent.cueva-live-mobile-page .free-next-customer > span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#pageContent.cueva-live-mobile-page .free-next-customer > strong{
  font-size:12px!important;
  line-height:15px!important;
  font-weight:850!important;
  color:var(--lv-text)!important;
}

#pageContent.cueva-live-mobile-page .free-next-customer > span{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:12px!important;
  color:#8b8d92!important;
}

#pageContent.cueva-live-mobile-page .free-no-booking{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:9px!important;
  padding:8px 9px!important;
  border:1px solid #eef0f2!important;
  border-radius:10px!important;
  background:#fafbfb!important;
  color:#73777a!important;
  font-size:9px!important;
  line-height:13px!important;
  font-weight:750!important;
}

#pageContent.cueva-live-mobile-page .free-window-tight .free-availability-block{
  border-color:rgba(227,155,37,.25)!important;
  background:rgba(227,155,37,.075)!important;
}

#pageContent.cueva-live-mobile-page .free-window-tight .free-availability-block > span{
  color:#a56600!important;
}

#pageContent.cueva-live-mobile-page .free-table-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:7px!important;
  margin-top:10px!important;
}

#pageContent.cueva-live-mobile-page .free-table-actions .free-walkin-action,
#pageContent.cueva-live-mobile-page .one-action .primary-action{
  min-height:46px!important;
  border-radius:12px!important;
  font-size:12px!important;
}

#pageContent.cueva-live-mobile-page .free-table-actions .free-booking-action{
  min-height:46px!important;
  border-radius:12px!important;
  font-size:10px!important;
}

@media (max-width:360px){
  #pageContent.cueva-live-mobile-page .free-availability-block > strong{font-size:21px!important}
  #pageContent.cueva-live-mobile-page .free-next-booking{grid-template-columns:88px minmax(0,1fr)!important;padding-left:8px!important;padding-right:8px!important}
  #pageContent.cueva-live-mobile-page .free-table-actions{grid-template-columns:minmax(0,1fr) 84px!important;gap:5px!important}
  #pageContent.cueva-live-mobile-page .free-table-actions .free-booking-action{padding-left:5px!important;padding-right:5px!important}
}


/* =========================================================
   START BOOKING — MOBILE CONFIRMATION SHEET
   ========================================================= */
body > #bookingStartModal[data-cueva-live-portal="true"] > .booking-start-content{
  padding:10px 16px calc(16px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  background:#fff!important;
  color:#161719!important;
}
.booking-start-grabber{
  width:38px;height:4px;border-radius:999px;background:#d7d8dc;
  margin:0 auto 14px;
}
.booking-start-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.booking-start-kicker{
  display:block;margin-bottom:3px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#8b8d92;
}
.booking-start-head h3{margin:0;font-size:22px;line-height:1.1;color:#111214}
.booking-start-close{
  width:38px;height:38px;border:0;border-radius:13px;background:#f3f4f5;color:#54565c;
  display:grid;place-items:center;font-size:16px;
}
.booking-start-time-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px;border:1px solid #e8e9ec;border-radius:17px;background:#f8f9fa;
}
.booking-start-time-card > div{min-width:0}
.booking-start-time-card span:first-child,
.booking-start-facts span{
  display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:#96989e;margin-bottom:4px;
}
.booking-start-time-card strong{display:block;font-size:18px;color:#151619;white-space:nowrap}
.booking-start-timing{
  flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#e9f8ef;color:#168346;
  font-size:9px;font-weight:900;letter-spacing:.05em;
}
.booking-start-timing.is-early{background:#fff4d9;color:#9a6700}
.booking-start-timing.is-late{background:#ffebea;color:#bd2c24}
.booking-start-customer{
  display:flex;align-items:center;gap:11px;padding:14px 2px 12px;
}
.booking-start-avatar{
  width:42px;height:42px;border-radius:14px;background:#111214;color:#fff;display:grid;place-items:center;
}
.booking-start-customer > div:last-child{min-width:0}
.booking-start-customer strong{display:block;font-size:15px;color:#17181a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.booking-start-customer span{display:block;margin-top:3px;font-size:12px;color:#7b7d83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.booking-start-facts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.booking-start-facts > div{
  min-width:0;padding:11px 9px;border:1px solid #ececef;border-radius:14px;background:#fff;
}
.booking-start-facts strong{display:block;font-size:12px;color:#202125;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bookingStartPayment.is-paid{color:#168346}
#bookingStartPayment.is-pending{color:#b36a00}
.booking-start-note{
  margin-top:10px;padding:10px 11px;border-radius:12px;background:#fff6dc;color:#8a6100;
  font-size:11px;font-weight:650;line-height:1.4;
}
.booking-start-actions{
  position:sticky;bottom:0;display:grid;grid-template-columns:minmax(84px,.35fr) minmax(0,1fr);gap:9px;
  margin:14px -2px -2px;padding-top:10px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 22%);
}
.booking-start-actions button{
  min-height:50px;border-radius:15px;border:0;font-size:13px;font-weight:800;
}
.booking-start-secondary{background:#f1f2f4;color:#51535a}
.booking-start-primary{background:#111214;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}
.booking-start-primary:active,.booking-start-close:active{transform:scale(.98)}
@media (max-width:370px){
  .booking-start-head h3{font-size:20px}
  .booking-start-time-card{padding:12px}
  .booking-start-time-card strong{font-size:16px}
  .booking-start-facts{gap:6px}
  .booking-start-facts > div{padding:10px 7px}
  .booking-start-facts strong{font-size:11px}
}

/* =========================================================
   LIVE MOBILE — NEXT BOOKING TOP-RIGHT BOX
   Shows only the closest upcoming booking. Tap opens the
   existing loaded-bookings picker when more selection is needed.
========================================================= */
#pageContent.cueva-live-mobile-page .live-next-booking-box{
  min-width:76px!important;
  max-width:108px!important;
  height:34px!important;
  padding:4px 7px!important;
  gap:5px!important;
  justify-content:flex-start!important;
  border-radius:10px!important;
  background:#fff!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  line-height:1!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy small{
  display:block!important;
  font-size:7px!important;
  line-height:8px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  color:#9a9ca2!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy strong{
  display:block!important;
  margin-top:2px!important;
  font-size:11px!important;
  line-height:12px!important;
  font-weight:850!important;
  color:var(--lv-text)!important;
  white-space:nowrap!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#f1f2f4!important;
  color:#666972!important;
  font-size:9px!important;
  font-weight:850!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-box > i{
  margin-left:auto!important;
  font-size:8px!important;
  color:#a0a2a8!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-box:active{
  transform:scale(.97)!important;
}

/* =========================================================
   LIVE MOBILE — BUSINESS-DAY NEXT BOOKING UI FIX
   Fixes iPhone action overflow + modernises the NEXT selector.
========================================================= */
#pageContent.cueva-live-mobile-page .live-card-meta{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
}

#pageContent.cueva-live-mobile-page .live-next-booking-box{
  width:auto!important;
  min-width:94px!important;
  max-width:146px!important;
  height:42px!important;
  padding:5px 8px 5px 10px!important;
  gap:7px!important;
  border:1px solid #e7e9ec!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,18,20,.035)!important;
  overflow:hidden!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy small{
  font-size:7px!important;
  line-height:8px!important;
  letter-spacing:.11em!important;
  color:#9a9da3!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy strong{
  margin-top:2px!important;
  font-size:13px!important;
  line-height:14px!important;
  color:#17181a!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:30px!important;
  padding:3px 5px!important;
  border-radius:9px!important;
  background:#f3f4f6!important;
  color:#555960!important;
  line-height:1!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more b{
  font-size:11px!important;
  line-height:11px!important;
  font-weight:900!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more small{
  margin-top:2px!important;
  font-size:5px!important;
  line-height:6px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-box > i{
  flex:0 0 auto!important;
  margin-left:0!important;
  font-size:8px!important;
}

/* The two free-table actions must always stay inside the card on iPhone. */
#pageContent.cueva-live-mobile-page .free-table-actions{
  grid-template-columns:minmax(0,1fr) minmax(110px,.42fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
#pageContent.cueva-live-mobile-page .free-table-actions > button{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.15!important;
}
#pageContent.cueva-live-mobile-page .free-table-actions .free-booking-action{
  padding:7px 8px!important;
  font-size:9.5px!important;
  min-height:46px!important;
}
#pageContent.cueva-live-mobile-page .free-table-actions .free-booking-action i{
  margin-right:3px!important;
}

@media (max-width:390px){
  #pageContent.cueva-live-mobile-page .free-table-actions{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:7px!important;
  }
  #pageContent.cueva-live-mobile-page .free-table-actions .free-booking-action{
    font-size:9px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #pageContent.cueva-live-mobile-page .live-next-booking-box{
    min-width:90px!important;
    max-width:138px!important;
  }
}

@media (max-width:350px){
  #pageContent.cueva-live-mobile-page .free-table-actions{
    grid-template-columns:1fr!important;
  }
  #pageContent.cueva-live-mobile-page .free-table-actions .free-booking-action{
    min-height:40px!important;
  }
}

/* Loaded bookings becomes a mobile bottom sheet and follows business reset. */
body > .cueva-live-picker{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  background:rgba(15,18,23,.48)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
body > .cueva-live-picker .cueva-live-picker__card{
  width:100%!important;
  max-width:520px!important;
  max-height:min(76vh,680px)!important;
  margin:0!important;
  padding:8px 16px calc(14px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  background:#fff!important;
  box-shadow:0 -12px 40px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
body > .cueva-live-picker .cueva-live-picker__card::before{
  content:"";
  display:block;
  width:38px;
  height:4px;
  margin:0 auto 14px;
  border-radius:999px;
  background:#d8dade;
}
body > .cueva-live-picker .cueva-live-picker__head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 0 12px!important;
}
body > .cueva-live-picker .cueva-live-picker__head > div{
  min-width:0!important;
}
body > .cueva-live-picker .cueva-live-picker__icon{
  display:none!important;
}
body > .cueva-live-picker .cueva-live-picker__eyebrow{
  display:block!important;
  margin-bottom:5px!important;
  font-size:9px!important;
  line-height:11px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  color:#94979e!important;
}
body > .cueva-live-picker .cueva-live-picker__head h3{
  margin:0!important;
  font-size:23px!important;
  line-height:27px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  color:#161719!important;
}
body > .cueva-live-picker .cueva-live-picker__head p{
  margin:5px 0 0!important;
  max-width:310px!important;
  font-size:11px!important;
  line-height:15px!important;
  font-weight:650!important;
  color:#74777d!important;
}
body > .cueva-live-picker [data-close-loaded-bookings]{
  flex:0 0 auto!important;
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:13px!important;
  background:#f1f2f4!important;
  color:#555960!important;
  font-size:23px!important;
  line-height:40px!important;
  font-weight:500!important;
}
body > .cueva-live-picker .cueva-live-picker__list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:48vh!important;
  padding:2px 0 4px!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body > .cueva-live-picker .cueva-live-picker__booking{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:66px!important;
  padding:9px 11px!important;
  border:1px solid #e9eaed!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#17181a!important;
  text-align:left!important;
}
body > .cueva-live-picker .cueva-live-picker__booking.is-next{
  border-color:rgba(25,148,91,.22)!important;
  background:rgba(25,148,91,.055)!important;
}
body > .cueva-live-picker .cueva-live-picker__time small{
  display:block!important;
  font-size:7px!important;
  line-height:9px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  color:#989ba1!important;
}
body > .cueva-live-picker .cueva-live-picker__time strong{
  display:block!important;
  margin-top:3px!important;
  font-size:15px!important;
  line-height:17px!important;
  font-weight:900!important;
  color:#161719!important;
  white-space:nowrap!important;
}
body > .cueva-live-picker .cueva-live-picker__customer{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
}
body > .cueva-live-picker .cueva-live-picker__customer > strong{
  overflow:hidden!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:850!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body > .cueva-live-picker .cueva-live-picker__customer > small{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:12px!important;
  font-weight:650!important;
  color:#81848a!important;
}
body > .cueva-live-picker .cueva-live-picker__booking > i{
  justify-self:end!important;
  font-size:9px!important;
  color:#a3a6ac!important;
}
body > .cueva-live-picker .cueva-live-picker__empty{
  display:flex!important;
  min-height:120px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  border:1px dashed #e1e3e6!important;
  border-radius:15px!important;
  background:#fafafa!important;
  text-align:center!important;
}
body > .cueva-live-picker .cueva-live-picker__empty strong{
  font-size:14px!important;
  color:#292b2f!important;
}
body > .cueva-live-picker .cueva-live-picker__empty span{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:14px!important;
  color:#85888e!important;
}
body > .cueva-live-picker .cueva-live-picker__actions{
  display:none!important;
}


/* =========================================================
   NEXT BOOKING COUNT — COMPACT SINGLE-LINE MOBILE FIX
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-next-booking-box{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  max-width:150px!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  white-space:nowrap!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-copy strong{
  white-space:nowrap!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more{
  flex:0 0 22px!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f1f2f4!important;
  color:#36393e!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more b{
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-more small{
  display:none!important;
}
#pageContent.cueva-live-mobile-page .live-next-booking-box > i{
  flex:0 0 auto!important;
}
@media (max-width:390px){
  #pageContent.cueva-live-mobile-page .live-next-booking-box{
    max-width:138px!important;
    min-width:88px!important;
    padding-left:8px!important;
    padding-right:7px!important;
    gap:5px!important;
  }
}


/* =========================================================
   LIVE MOBILE — PAUSE / RESUME
========================================================= */
.cueva-live-mobile-page .live-main-action-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.cueva-live-mobile-page .live-main-action-row > button {
  min-width: 0;
  width: 100%;
  padding-inline: 8px;
  white-space: nowrap;
}

.cueva-live-mobile-page .pause-resume-action {
  font-weight: 800;
}

.cueva-live-mobile-page .pause-resume-action.resume-action {
  background: #111318;
  border-color: #111318;
  color: #fff;
}

.cueva-live-mobile-page .active-summary.is-paused {
  border-color: rgba(245, 158, 11, .28);
  background: rgba(245, 158, 11, .055);
}

.cueva-live-mobile-page .remaining-timer.paused-timer {
  background: rgba(245, 158, 11, .10);
  border-color: rgba(245, 158, 11, .28);
  color: #9a6500;
}

.cueva-live-mobile-page .remaining-timer.paused-timer strong {
  color: #111318;
}

.cueva-live-mobile-page .view-session-link {
  margin-top: 2px;
}

@media (max-width: 390px) {
  .cueva-live-mobile-page .live-main-action-row {
    gap: 6px;
  }
  .cueva-live-mobile-page .live-main-action-row > button {
    font-size: 13px;
    padding-inline: 5px;
  }
}

/* =========================================================
   LIVE VIEW DETAILS — compact mobile receipt
   ========================================================= */
@media (max-width: 699px){
  body > #sessionModal[data-cueva-live-portal="true"]{
    align-items:flex-end!important;
    padding:0!important;
  }

  body > #sessionModal[data-cueva-live-portal="true"] > .session-view-content{
    width:100%!important;
    max-width:100%!important;
    max-height:90dvh!important;
    margin:0!important;
    padding:0 14px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
    background:#f7f7f8!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:0 -18px 50px rgba(0,0,0,.18)!important;
  }

  #sessionModal .modal-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:64px!important;
    margin:0 -14px 12px!important;
    padding:14px 14px 10px!important;
    background:rgba(247,247,248,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    border-bottom:1px solid #e7e7e9!important;
  }

  #sessionModal .modal-head::before{
    content:"";
    position:absolute;
    top:7px;
    left:50%;
    width:38px;
    height:4px;
    border-radius:999px;
    background:#d3d3d7;
    transform:translateX(-50%);
  }

  #sessionModal #sessionTableName{
    margin:6px 0 0!important;
    font-size:19px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.35px!important;
    color:#151516!important;
  }

  #sessionModal .close-modal{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#e9e9eb!important;
    color:#222!important;
    font-size:15px!important;
  }

  #sessionModal .session-details{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  #sessionModal .session-info{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 10px!important;
  }

  #sessionModal .session-info > div{
    min-width:0!important;
    min-height:63px!important;
    padding:10px 11px!important;
    border:1px solid #e5e5e8!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(0,0,0,.025)!important;
  }

  #sessionModal .session-info > div:first-child,
  #sessionModal #sessionBookingTime:not([hidden]){
    min-width:0!important;
  }

  #sessionModal .session-info > div:has(#sessionCustomer),
  #sessionModal .session-info > div:has(#sessionBookingTime){
    grid-column:1 / -1!important;
  }

  #sessionModal .session-info label{
    display:block!important;
    margin:0 0 4px!important;
    color:#8b8b92!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.45px!important;
  }

  #sessionModal .session-info strong{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#171718!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  #sessionModal #sessionCustomer{
    font-size:16px!important;
  }

  #sessionModal #sessionType,
  #sessionModal #sessionBookingId{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    align-items:center!important;
    min-height:28px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:#f2f2f4!important;
    font-size:12px!important;
    letter-spacing:.15px!important;
  }

  #sessionModal #sessionBookingId{
    font-variant-numeric:tabular-nums!important;
    letter-spacing:.65px!important;
  }

  #sessionModal #sessionRemaining{
    color:#9a6810!important;
  }

  #sessionModal .session-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0 0 9px!important;
  }

  #sessionModal .summary-card{
    min-width:0!important;
    padding:11px!important;
    border:1px solid #e4e4e7!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  #sessionModal .summary-card[hidden]{display:none!important}

  #sessionModal .summary-card span{
    display:block!important;
    margin-bottom:3px!important;
    color:#8b8b92!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.35px!important;
  }

  #sessionModal .summary-card h3{
    margin:0!important;
    color:#19191a!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  #sessionModal .summary-card:has(#grandTotal){
    grid-column:1 / -1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:58px!important;
    padding:12px 13px!important;
    border-color:#222!important;
    background:#1c1c1e!important;
  }

  #sessionModal .summary-card:has(#grandTotal) span{
    margin:0!important;
    color:#c7c7cc!important;
  }

  #sessionModal .summary-card:has(#grandTotal) h3{
    color:#fff!important;
    font-size:21px!important;
  }

  #sessionModal .view-items-btn{
    width:100%!important;
    min-height:42px!important;
    margin:0 0 9px!important;
    padding:9px 12px!important;
    border:1px solid #dedee2!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#28282a!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  #sessionModal .view-items-btn[hidden]{display:none!important}

  #sessionModal .notes-box{
    margin:0 0 9px!important;
    padding:10px 11px!important;
    border:1px solid #e4e4e7!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  #sessionModal .notes-box[hidden]{display:none!important}
  #sessionModal .notes-box strong{
    display:block!important;
    margin-bottom:4px!important;
    color:#8b8b92!important;
    font-size:10px!important;
    text-transform:uppercase!important;
    letter-spacing:.4px!important;
  }
  #sessionModal .notes-box p{
    margin:0!important;
    color:#303034!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  #sessionModal .session-actions{
    position:sticky!important;
    bottom:calc(-16px - env(safe-area-inset-bottom))!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:4px -14px 0!important;
    padding:10px 14px calc(16px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e5e5e8!important;
    background:rgba(247,247,248,.97)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  #sessionModal .session-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:9px 8px!important;
    border:1px solid #dedee2!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#242426!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:normal!important;
    touch-action:manipulation!important;
  }

  #sessionModal .session-actions button i{
    margin-right:4px!important;
  }

  #sessionModal #checkoutBtn{
    border-color:#1c1c1e!important;
    background:#1c1c1e!important;
    color:#fff!important;
  }

  #sessionModal #whatsappReceiptBtn{
    color:#176c3b!important;
  }
}

/* =========================================================
   LIVE MOBILE FINAL CLEANUP — ACTIVE ACTIONS + VIEW SHEET
   Fix nested action-grid conflict and reduce View density.
   ========================================================= */
@media (max-width:699px){
  /* The old parent grid was squeezing the new 3-button action row. */
  #pageContent.cueva-live-mobile-page .active-session-actions,
  #pageContent.cueva-live-mobile-page .session-actions.active-session-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    grid-template-columns:none!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin-top:10px!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .live-main-action-row{
    flex:0 0 100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .live-main-action-row.two-main-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .live-main-action-row > button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    min-height:44px!important;
    padding:0 7px!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .live-main-action-row > button i{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:12px!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .checkout-action{
    background:#d7a625!important;
    border-color:#d7a625!important;
    color:#17140a!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .view-session-link,
  #pageContent.cueva-live-mobile-page .active-session-actions > .more-action:not(.view-session-link),
  #pageContent.cueva-live-mobile-page .active-session-actions > .undo-action{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:30px!important;
    padding:4px 7px!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#74777d!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:750!important;
    text-align:center!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
    white-space:nowrap!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions .view-session-link i{
    margin-right:3px!important;
  }

  #pageContent.cueva-live-mobile-page .active-session-actions > .live-session-more{
    position:relative!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  #pageContent.cueva-live-mobile-page .live-session-more > summary{
    min-height:30px!important;
    padding:6px 9px!important;
    border:0!important;
    border-radius:8px!important;
    color:#74777d!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:750!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
    list-style:none!important;
    cursor:pointer!important;
  }

  #pageContent.cueva-live-mobile-page .live-session-more > summary::-webkit-details-marker{
    display:none!important;
  }

  #pageContent.cueva-live-mobile-page .live-session-more-menu{
    position:absolute!important;
    right:0!important;
    bottom:34px!important;
    z-index:25!important;
    width:max-content!important;
    min-width:168px!important;
    padding:6px!important;
    border:1px solid #e1e2e5!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  }

  #pageContent.cueva-live-mobile-page .live-session-more-menu button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    min-height:40px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:9px!important;
    background:#eaf8ef!important;
    color:#168548!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  /* ----- Compact View bottom sheet ----- */
  body > #sessionModal[data-cueva-live-portal="true"] > .session-view-content{
    max-height:86dvh!important;
    padding:0 12px calc(12px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
    background:#f8f8f9!important;
  }

  #sessionModal .modal-head{
    min-height:58px!important;
    margin:0 -12px 10px!important;
    padding:13px 12px 8px!important;
  }

  #sessionModal #sessionTableName{
    font-size:18px!important;
    margin-top:5px!important;
  }

  #sessionModal .close-modal{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  /* Information is a compact summary instead of large form cards. */
  #sessionModal .session-info{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 8px!important;
  }

  #sessionModal .session-info > div{
    grid-column:span 3!important;
    min-height:0!important;
    padding:9px 10px!important;
    border:1px solid #e6e6e8!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  #sessionModal .session-info > div:has(#sessionCustomer){
    grid-column:1 / -1!important;
    padding:10px 11px!important;
  }

  #sessionModal .session-info > div:has(#sessionPhone),
  #sessionModal .session-info > div:has(#sessionType),
  #sessionModal .session-info > div:has(#sessionBookingId){
    grid-column:span 2!important;
  }

  #sessionModal .session-info > div:has(#sessionBookingTime){
    grid-column:1 / -1!important;
  }

  #sessionModal .session-info > div:has(#sessionStartTime),
  #sessionModal .session-info > div:has(#sessionPlayedTime),
  #sessionModal .session-info > div:has(#sessionRemaining){
    grid-column:span 2!important;
    text-align:center!important;
    padding:8px 5px!important;
  }

  #sessionModal .session-info label{
    margin-bottom:3px!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.5px!important;
  }

  #sessionModal .session-info strong{
    font-size:12px!important;
    line-height:1.15!important;
  }

  #sessionModal #sessionCustomer{
    font-size:16px!important;
  }

  #sessionModal #sessionPhone{
    font-variant-numeric:tabular-nums!important;
  }

  #sessionModal #sessionType,
  #sessionModal #sessionBookingId{
    min-height:24px!important;
    padding:4px 7px!important;
    font-size:10px!important;
  }

  #sessionModal #sessionBookingTime{
    font-size:13px!important;
  }

  /* Charges read like a receipt. */
  #sessionModal .session-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 8px!important;
  }

  #sessionModal .summary-card{
    min-height:0!important;
    padding:9px 7px!important;
    border-radius:13px!important;
    text-align:center!important;
  }

  #sessionModal .summary-card span{
    margin-bottom:3px!important;
    font-size:8px!important;
  }

  #sessionModal .summary-card h3{
    font-size:14px!important;
  }

  #sessionModal .summary-card:has(#grandTotal){
    grid-column:1 / -1!important;
    min-height:52px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }

  #sessionModal .summary-card:has(#grandTotal) h3{
    font-size:20px!important;
  }

  #sessionModal .view-items-btn,
  #sessionModal .notes-box{
    margin-bottom:7px!important;
  }

  /* Actions: 2x2 compact grid, no huge footer. */
  #sessionModal .session-actions{
    position:sticky!important;
    bottom:calc(-12px - env(safe-area-inset-bottom))!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:2px -12px 0!important;
    padding:9px 12px calc(12px + env(safe-area-inset-bottom))!important;
  }

  #sessionModal .session-actions button{
    min-height:42px!important;
    padding:8px 6px!important;
    border-radius:12px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:370px){
  #pageContent.cueva-live-mobile-page .active-session-actions .live-main-action-row{
    gap:5px!important;
  }
  #pageContent.cueva-live-mobile-page .active-session-actions .live-main-action-row > button{
    padding:0 4px!important;
    font-size:11px!important;
  }
  #sessionModal .session-info > div:has(#sessionPhone),
  #sessionModal .session-info > div:has(#sessionType),
  #sessionModal .session-info > div:has(#sessionBookingId){
    grid-column:span 3!important;
  }
}

/* =========================================================
   LIVE MOBILE — VIEW + EXTRAS CATALOG FINAL PASS
   ========================================================= */
@media (max-width: 820px) {
  /* ----- Session View: compact receipt layout ----- */
  #sessionModal .modal-content{
    width:100%!important;
    max-width:none!important;
    max-height:88dvh!important;
    margin:0!important;
    border-radius:28px 28px 0 0!important;
    padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }
  #sessionModal .modal-header{
    position:sticky;
    top:-18px;
    z-index:4;
    margin:-18px -16px 12px!important;
    padding:16px 16px 12px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid #ececef!important;
  }
  #sessionModal .session-details{display:block!important}
  #sessionModal .session-info{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }
  #sessionModal .session-info>div{
    min-width:0!important;
    min-height:64px!important;
    padding:11px 12px!important;
    border:1px solid #ececef!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  #sessionModal .session-info>div:has(#sessionCustomer),
  #sessionModal .session-info>div:has(#sessionBookingTime){grid-column:1/-1!important}
  #sessionModal .session-info>div:has(#sessionCustomer){
    background:#f8f8fa!important;
    min-height:70px!important;
  }
  #sessionModal .session-info label{
    display:block!important;
    margin:0 0 4px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#8c8c93!important;
  }
  #sessionModal .session-info strong{
    display:block!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#17171a!important;
    overflow-wrap:anywhere!important;
  }
  #sessionModal #sessionCustomer{font-size:20px!important;letter-spacing:-.02em!important}
  #sessionModal #sessionBookingId{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    background:#f1f1f4!important;
    font-size:12px!important;
    letter-spacing:.05em!important;
  }
  #sessionModal .session-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:10px 0 0!important;
  }
  #sessionModal .summary-card{
    min-width:0!important;
    min-height:70px!important;
    padding:11px 8px!important;
    border:1px solid #ececef!important;
    border-radius:15px!important;
    background:#fff!important;
    text-align:center!important;
  }
  #sessionModal .summary-card span{font-size:9px!important;letter-spacing:.06em!important}
  #sessionModal .summary-card h3{font-size:17px!important;line-height:1.1!important}
  #sessionModal .summary-card:has(#grandTotal){
    grid-column:1/-1!important;
    min-height:74px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:14px 16px!important;
    background:#17171a!important;
    color:#fff!important;
    text-align:left!important;
  }
  #sessionModal .summary-card:has(#grandTotal) span{color:#bdbdc4!important}
  #sessionModal .summary-card:has(#grandTotal) h3{font-size:25px!important;color:#fff!important;margin:0!important}
  #sessionModal .view-items-btn{
    width:100%!important;
    min-height:46px!important;
    margin:8px 0 0!important;
    border:1px solid #e5e5e9!important;
    border-radius:14px!important;
    background:#f8f8fa!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  #sessionModal .notes-box{margin:9px 0 0!important;padding:11px 12px!important;border-radius:14px!important}
  #sessionModal .session-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
    padding:0!important;
  }
  #sessionModal .session-actions button{
    min-width:0!important;
    min-height:50px!important;
    padding:10px 8px!important;
    border-radius:15px!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  #sessionModal #addExtrasBtn{
    background:#17171a!important;
    border-color:#17171a!important;
    color:#fff!important;
  }
  #sessionModal #checkoutBtn{
    background:#c99b24!important;
    border-color:#c99b24!important;
    color:#17130a!important;
  }

  /* ----- Add Extras: full catalog mobile sheet ----- */
  #extrasModal{align-items:flex-end!important}
  #extrasModal .live-catalog-sheet{
    width:100%!important;
    max-width:none!important;
    height:min(88dvh,760px)!important;
    max-height:88dvh!important;
    margin:0!important;
    padding:0!important;
    border-radius:28px 28px 0 0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    background:#f7f7f9!important;
  }
  .live-catalog-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:17px 16px 10px;
    background:#fff;
    border-bottom:1px solid #ececef;
  }
  .live-catalog-head h3{margin:2px 0 2px!important;font-size:22px!important;line-height:1.1!important;letter-spacing:-.03em!important}
  .live-catalog-head p{margin:0!important;font-size:12px!important;color:#7b7b82!important}
  .live-catalog-eyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:#9a760f}
  .live-catalog-close{
    flex:0 0 40px;width:40px;height:40px;border:0;border-radius:13px;background:#f0f0f3;
    font-size:25px;line-height:1;color:#444;touch-action:manipulation;
  }
  .live-catalog-search{
    display:flex;align-items:center;gap:8px;margin:10px 12px 8px;padding:0 12px;
    min-height:46px;border:1px solid #e4e4e8;border-radius:14px;background:#fff;
  }
  .live-catalog-search i{font-size:14px;color:#999}
  .live-catalog-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;font-size:15px!important;padding:0!important}
  .live-catalog-filters{display:flex;gap:7px;padding:0 12px 9px;overflow-x:auto;scrollbar-width:none}
  .live-catalog-filters::-webkit-scrollbar{display:none}
  .live-catalog-filters button{
    flex:0 0 auto;min-height:34px;padding:0 14px;border:1px solid #e1e1e5;border-radius:999px;background:#fff;
    font-size:12px;font-weight:800;color:#6f6f76;touch-action:manipulation;
  }
  .live-catalog-filters button.active{background:#17171a;border-color:#17171a;color:#fff}
  .live-catalog-grid{
    flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding:0 12px 14px;display:grid;grid-template-columns:1fr;gap:8px;
  }
  .live-catalog-item{
    width:100%;min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;
    padding:10px;border:1px solid #e5e5e9;border-radius:17px;background:#fff;text-align:left;color:#17171a;
    box-shadow:0 3px 12px rgba(20,20,25,.035);touch-action:manipulation;
  }
  .live-catalog-item.selected{border-color:#1e1e20;box-shadow:0 0 0 1px #1e1e20 inset}
  .live-catalog-item.unavailable{opacity:.48}
  .live-catalog-thumb{
    width:54px;height:54px;border-radius:14px;background:#f2f2f4;display:grid;place-items:center;overflow:hidden;font-size:24px;
  }
  .live-catalog-thumb img{width:100%;height:100%;object-fit:cover}
  .live-catalog-item-copy{min-width:0;display:block}
  .live-catalog-type{display:inline-block;margin:0 0 3px;padding:3px 6px;border-radius:7px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#edf7f1;color:#198653}
  .live-catalog-type.service{background:#f4effc;color:#7450a8}
  .live-catalog-item-copy strong{display:block;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live-catalog-item-copy small{display:block;margin-top:3px;font-size:10px;color:#85858c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live-catalog-item-copy em{display:block;margin-top:4px;font-size:10px;font-style:normal;font-weight:800;color:#34875d}
  .live-catalog-item.unavailable .live-catalog-item-copy em{color:#b34b4b}
  .live-catalog-item-price{padding-left:8px;font-size:14px;font-weight:900;white-space:nowrap}
  .live-catalog-empty{grid-column:1/-1;padding:34px 16px;text-align:center;color:#8c8c93;font-size:13px}
  .live-catalog-empty.error{color:#b74343}

  .live-extra-selection{
    flex:0 0 auto;margin:0 12px 8px;padding:12px;border:1px solid #dedee3;border-radius:17px;background:#fff;
    box-shadow:0 -3px 18px rgba(20,20,25,.05);
  }
  .live-extra-selection[hidden]{display:none!important}
  .live-extra-selected-copy{min-width:0}
  .live-extra-selected-copy>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8e8e95}
  .live-extra-selected-copy strong{display:block;margin-top:2px;font-size:16px;line-height:1.15}
  .live-extra-selected-copy small{display:block;margin-top:3px;font-size:10px;color:#85858c}
  .live-extra-price{position:absolute;right:26px;margin-top:-42px;font-size:16px;font-weight:900}
  .live-extra-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #eeeef1}
  .live-extra-qty{display:grid;grid-template-columns:38px 48px 38px;align-items:center;border:1px solid #e1e1e5;border-radius:12px;overflow:hidden}
  .live-extra-qty button{height:38px;border:0;background:#f5f5f7;font-size:20px;font-weight:700}
  .live-extra-qty input{width:48px;height:38px;border:0!important;text-align:center;font-weight:900;font-size:14px!important;background:#fff!important;padding:0!important;-moz-appearance:textfield}
  .live-extra-qty input::-webkit-outer-spin-button,.live-extra-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .live-extra-complimentary{display:flex!important;align-items:center!important;gap:7px!important;font-size:11px!important;font-weight:800!important;color:#555!important}
  .live-extra-complimentary input{width:18px!important;height:18px!important;margin:0!important}
  .live-extra-total{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid #eeeef1}
  .live-extra-total span{font-size:11px;font-weight:700;color:#777}
  .live-extra-total strong{font-size:18px}
  .live-catalog-actions{
    flex:0 0 auto;display:grid!important;grid-template-columns:.75fr 1.25fr!important;gap:8px!important;margin:0!important;
    padding:8px 12px calc(10px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e5e5e8!important;
  }
  .live-catalog-actions button{min-height:50px!important;border-radius:15px!important;font-size:13px!important;font-weight:900!important}
  .live-catalog-actions #saveExtraBtn{background:#17171a!important;color:#fff!important;border-color:#17171a!important}
  .live-catalog-actions #saveExtraBtn:disabled{opacity:.4!important}
}

@media (max-width:820px){.live-extra-selection{position:relative!important}}


/* =========================================================
   VIEW DETAILS V2 + OWNER PAUSE VISIBILITY
   ========================================================= */
@media (max-width: 900px){
  body > #sessionModal[data-cueva-live-portal="true"] > .session-view-content{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:88dvh!important;
    margin-top:auto!important;
    padding:0 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:28px 28px 0 0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#f7f7f8!important;
  }
  #sessionModal .modal-head{
    position:sticky!important;top:0!important;z-index:4!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:70px!important;margin:0 -16px 10px!important;padding:17px 16px 10px!important;
    background:rgba(247,247,248,.96)!important;backdrop-filter:blur(18px)!important;
    border-bottom:1px solid #e8e8eb!important;
  }
  #sessionModal .modal-head::before{content:none!important}
  #sessionModal #sessionTableName{font-size:24px!important;font-weight:850!important;letter-spacing:-.04em!important;margin:0!important}
  #sessionModal .session-details{padding:0!important}
  #sessionModal .session-info{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin:0!important;padding:0!important;
  }
  #sessionModal .session-info>div{
    min-width:0!important;padding:11px 12px!important;border:1px solid #e6e6e9!important;
    border-radius:15px!important;background:#fff!important;box-shadow:none!important;
  }
  #sessionModal .session-info>div:has(#sessionCustomer),
  #sessionModal .session-info>div:has(#sessionBookingTime){grid-column:1/-1!important}
  #sessionModal .session-info>div:has(#sessionCustomer){padding:13px 14px!important}
  #sessionModal .session-info label{display:block!important;margin:0 0 4px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.11em!important;color:#98989f!important;text-transform:uppercase!important}
  #sessionModal .session-info strong{display:block!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;color:#17171b!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #sessionModal #sessionCustomer{font-size:19px!important;letter-spacing:-.02em!important}
  #sessionModal #sessionType,#sessionModal #sessionBookingId{display:inline-flex!important;width:auto!important;padding:5px 8px!important;border-radius:9px!important;background:#f0f0f2!important;font-size:12px!important}
  #sessionModal #sessionRemaining{color:#b88008!important}

  #sessionModal .session-pause-highlight{
    display:flex!important;align-items:flex-start!important;gap:11px!important;
    margin:10px 0 0!important;padding:12px 13px!important;
    border:1px solid #f0cc72!important;border-radius:16px!important;
    background:#fff8df!important;box-shadow:0 5px 18px rgba(128,91,0,.07)!important;
  }
  #sessionModal .session-pause-highlight[hidden]{display:none!important}
  #sessionModal .session-pause-highlight.is-currently-paused{background:#fff2c7!important;border-color:#e0a81e!important}
  #sessionModal .pause-highlight-icon{
    width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important;
    display:grid!important;place-items:center!important;background:#e6ae21!important;color:#161616!important;
  }
  #sessionModal .pause-highlight-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
  #sessionModal .pause-highlight-copy span{font-size:9px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.1em!important;color:#906200!important}
  #sessionModal .pause-highlight-copy strong{font-size:18px!important;line-height:1.15!important;font-weight:900!important;color:#17140d!important;letter-spacing:-.02em!important}
  #sessionModal .pause-highlight-copy small{font-size:11px!important;line-height:1.35!important;font-weight:650!important;color:#766335!important}

  #sessionModal .session-summary{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;margin:10px 0 0!important;
  }
  #sessionModal .summary-card{
    min-width:0!important;padding:10px 8px!important;border:1px solid #e5e5e8!important;border-radius:14px!important;
    background:#fff!important;text-align:center!important;box-shadow:none!important;
  }
  #sessionModal .summary-card span{font-size:8px!important;letter-spacing:.07em!important;color:#99999f!important;font-weight:800!important}
  #sessionModal .summary-card h3{margin:4px 0 0!important;font-size:15px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important}
  #sessionModal .summary-card:has(#grandTotal){grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 15px!important;background:#17171a!important;border-color:#17171a!important;text-align:left!important}
  #sessionModal .summary-card:has(#grandTotal) span{font-size:10px!important;color:#bfbfc6!important}
  #sessionModal .summary-card:has(#grandTotal) h3{font-size:24px!important;color:#fff!important;margin:0!important}
  #sessionModal .view-items-btn{width:100%!important;margin:8px 0 0!important;min-height:44px!important;border-radius:13px!important;font-size:13px!important}
  #sessionModal .notes-box{margin:8px 0 0!important;padding:10px 12px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e5e5e8!important}
  #sessionModal .session-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 0!important;padding:0!important;position:static!important;background:transparent!important}
  #sessionModal .session-actions button{min-width:0!important;min-height:48px!important;padding:10px 8px!important;border-radius:14px!important;font-size:12px!important;font-weight:800!important;white-space:normal!important}
}

/* =========================================================
   RETURN ITEM — MOBILE REASON SHEET
   ========================================================= */
.cueva-live-mobile-page .return-item-modal .return-item-sheet {
  width: min(100%, 680px);
  max-height: min(88dvh, 760px);
  margin: auto 0 0;
  padding: 10px 18px calc(18px + env(safe-area-inset-bottom));
  border-radius: 26px 26px 0 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.cueva-live-mobile-page .return-item-grabber {
  width: 42px;
  height: 5px;
  margin: 0 auto 16px;
  border-radius: 999px;
  background: #d7d9df;
}

.cueva-live-mobile-page .return-item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.cueva-live-mobile-page .return-item-kicker,
.cueva-live-mobile-page .return-item-qty-card span,
.cueva-live-mobile-page .return-reason-title span {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  color: #8b8e97;
}

.cueva-live-mobile-page .return-item-head h3 {
  margin: 3px 0 4px;
  font-size: 24px;
  line-height: 1.1;
}

.cueva-live-mobile-page .return-item-head p {
  margin: 0;
  font-weight: 750;
  color: #5d6068;
}

.cueva-live-mobile-page .return-item-close {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 0;
  border-radius: 15px;
  background: #f2f3f5;
  font-size: 18px;
}

.cueva-live-mobile-page .return-item-qty-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 15px;
  margin-bottom: 18px;
  border: 1px solid #e7e8ec;
  border-radius: 17px;
  background: #fafafa;
}

.cueva-live-mobile-page .return-item-qty-card small {
  display: block;
  margin-top: 4px;
  color: #777b84;
  font-size: 12px;
}

.cueva-live-mobile-page #returnItemQty {
  width: 72px;
  min-width: 72px;
  height: 48px;
  padding: 0 10px;
  border: 1px solid #dfe1e6;
  border-radius: 14px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 850;
}

.cueva-live-mobile-page .return-reason-title {
  margin-bottom: 11px;
}

.cueva-live-mobile-page .return-reason-title strong {
  display: block;
  font-size: 17px;
  margin-bottom: 3px;
}

.cueva-live-mobile-page .return-reason-title span {
  letter-spacing: normal;
  text-transform: none;
  font-weight: 650;
}

.cueva-live-mobile-page .return-reason-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.cueva-live-mobile-page .return-reason-option {
  min-width: 0;
}

.cueva-live-mobile-page .return-reason-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cueva-live-mobile-page .return-reason-option span {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid #e1e3e8;
  border-radius: 14px;
  background: #fff;
  color: #2e3138;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.cueva-live-mobile-page .return-reason-option input:checked + span {
  border-color: #d09b1b;
  background: #fff7df;
  box-shadow: inset 0 0 0 1px #d09b1b;
}

.cueva-live-mobile-page .return-reason-option span:active {
  transform: scale(.98);
}

.cueva-live-mobile-page .return-other-wrap {
  margin-top: 12px;
  padding: 13px;
  border-radius: 15px;
  background: #fff8e8;
  border: 1px solid #efd790;
}

.cueva-live-mobile-page .return-other-wrap[hidden] { display: none !important; }

.cueva-live-mobile-page .return-other-wrap label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 800;
}

.cueva-live-mobile-page #returnItemOtherReason {
  width: 100%;
  min-height: 84px;
  resize: none;
  padding: 11px 12px;
  border: 1px solid #dedfe4;
  border-radius: 12px;
  background: #fff;
  font: inherit;
  font-size: 15px;
}

.cueva-live-mobile-page .return-other-wrap small {
  display: block;
  margin-top: 6px;
  color: #80631c;
  font-size: 11px;
}

.cueva-live-mobile-page .return-item-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 13px;
  padding: 10px 12px;
  border-radius: 13px;
  background: #f5f6f8;
  color: #686c75;
  font-size: 12px;
  line-height: 1.35;
}

.cueva-live-mobile-page .return-item-actions {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 10px;
  position: sticky;
  bottom: -1px;
  margin-top: 16px;
  padding-top: 10px;
  background: #fff;
}

.cueva-live-mobile-page .return-item-actions button {
  min-height: 50px;
  border-radius: 15px;
  font-weight: 800;
}

@media (max-width: 380px) {
  .cueva-live-mobile-page .return-reason-grid { grid-template-columns: 1fr; }
}

/* Portalled return quantity control: bounded to the quantity actually sold. */
body > #returnItemModal[data-cueva-live-portal="true"] .return-quantity-group {
  padding: 14px;
  border: 1px solid #e6e7eb;
  border-radius: 18px;
  background: #fafafa;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-quantity-group > label {
  display: block;
  margin-bottom: 10px;
  color: #686b73;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper {
  display: grid;
  grid-template-columns: 54px minmax(68px, 1fr) 54px;
  align-items: center;
  gap: 9px;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper button,
body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper input {
  width: 100%;
  height: 52px;
  margin: 0;
  border: 1px solid #dedfe4;
  border-radius: 15px;
  background: #fff;
  color: #15161a;
  text-align: center;
  font-size: 19px;
  font-weight: 900;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper button {
  background: #111216;
  border-color: #111216;
  color: #f1bd2c;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper button:disabled {
  background: #eceef1;
  border-color: #eceef1;
  color: #aaaeb6;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper input {
  font-size: 22px;
  -webkit-appearance: none;
  appearance: textfield;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper input::-webkit-inner-spin-button,
body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-stepper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-qty-available {
  display: block;
  margin-top: 8px;
  color: #777b84;
  font-size: 12px;
  font-weight: 700;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-refund-group {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #ead9a7;
  border-radius: 17px;
  background: #fffaf0;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-refund-group[hidden] {
  display: none !important;
}

body > #returnItemModal[data-cueva-live-portal="true"] .return-refund-group label {
  display: block;
  margin-bottom: 8px;
  color: #75550c;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body > #returnItemModal[data-cueva-live-portal="true"] #returnRefundMethod {
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid #d8bd73;
  border-radius: 13px;
  background: #fff;
  color: #171717;
  font-size: 16px;
  font-weight: 800;
}

body > #returnItemModal[data-cueva-live-portal="true"] #returnRefundSummary {
  display: block;
  margin-top: 8px;
  color: #77663c;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

/* Session Sales: keep controls visible and scroll only the sales list. */
body > #itemsModal[data-cueva-live-portal="true"] .modal-content {
  display: flex;
  flex-direction: column;
  width: min(calc(100vw - 28px), 620px);
  height: auto;
  max-height: min(78dvh, 720px);
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
}

body > #itemsModal[data-cueva-live-portal="true"] .modal-head {
  flex: 0 0 auto;
  padding: 20px 18px 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

body > #itemsModal[data-cueva-live-portal="true"] .items-list {
  flex: 0 1 auto;
  min-height: 0;
  max-height: min(52dvh, 500px);
  padding: 14px 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

body > #itemsModal[data-cueva-live-portal="true"] .items-total-row {
  flex: 0 0 auto;
  margin: 0;
  padding: 17px 18px calc(17px + env(safe-area-inset-bottom));
  border-top: 1px solid #e5e7eb;
  border-radius: 0;
  background: #fff;
}

/* WhatsApp message chooser — mobile */
.cueva-live-mobile-page .whatsapp-choice-modal .whatsapp-choice-content {
  width: min(100%, 520px);
  max-height: min(78dvh, 620px);
  margin: auto 0 0;
  border-radius: 24px 24px 0 0;
  padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
  overflow-y: auto;
}

.cueva-live-mobile-page .whatsapp-choice-modal .modal-head {
  align-items: flex-start;
  margin-bottom: 8px;
}

.cueva-live-mobile-page .whatsapp-kicker {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .12em;
  color: #128c7e;
}

.cueva-live-mobile-page .whatsapp-choice-modal h3 {
  margin: 0;
  font-size: 21px;
  line-height: 1.15;
}

.cueva-live-mobile-page .whatsapp-choice-note {
  margin: 4px 0 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #68707d;
}

.cueva-live-mobile-page .whatsapp-choice-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.cueva-live-mobile-page .whatsapp-choice-card {
  width: 100%;
  min-width: 0;
  min-height: 76px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e6e9ee;
  border-radius: 17px;
  background: #fff;
  color: #15171a;
  text-align: left;
  touch-action: manipulation;
}

.cueva-live-mobile-page .whatsapp-choice-card:active {
  transform: scale(.985);
  background: #f8faf9;
}

.cueva-live-mobile-page .whatsapp-choice-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #eaf8f1;
  color: #128c7e;
  font-size: 18px;
}

.cueva-live-mobile-page .whatsapp-choice-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.cueva-live-mobile-page .whatsapp-choice-copy strong {
  font-size: 15px;
  line-height: 1.2;
}

.cueva-live-mobile-page .whatsapp-choice-copy small {
  font-size: 12px;
  line-height: 1.35;
  color: #707784;
}

.cueva-live-mobile-page .whatsapp-choice-card > .fa-chevron-right {
  justify-self: end;
  color: #9aa1ab;
  font-size: 12px;
}

/* =========================================================
   LIVE EXTRAS MULTI-SELECT CART
   ========================================================= */
@media (max-width:900px){
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item{
    position:relative!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item.selected{
    border-color:#19191c!important;
    background:#f8f8f9!important;
    box-shadow:0 0 0 1px #19191c inset!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-price{
    display:flex!important;align-items:center!important;gap:6px!important;
  }
  .live-catalog-cart-badge{
    display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;
    border-radius:999px!important;background:#19191c!important;color:#fff!important;font-size:11px!important;font-weight:900!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart{
    flex:0 0 auto!important;margin:0 12px 8px!important;padding:11px!important;border:1px solid #dedee3!important;
    border-radius:17px!important;background:#fff!important;box-shadow:0 -3px 18px rgba(20,20,25,.05)!important;
    max-height:210px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart[hidden]{display:none!important}
  .live-extra-cart-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important;padding:1px 2px 9px!important;border-bottom:1px solid #eeeeef!important}
  .live-extra-cart-head>div{display:flex!important;flex-direction:column!important;gap:2px!important}
  .live-extra-cart-head span{font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important;color:#909097!important}
  .live-extra-cart-head strong{font-size:15px!important;font-weight:900!important;color:#1c1c1e!important}
  #extraCartTotal{font-size:17px!important}
  .live-extra-cart-list{display:grid!important;gap:0!important}
  .live-extra-cart-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:9px!important;padding:10px 2px!important;border-bottom:1px solid #f0f0f2!important}
  .live-extra-cart-row:last-child{border-bottom:0!important}
  .live-extra-cart-copy{min-width:0!important}
  .live-extra-cart-copy strong{display:block!important;font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .live-extra-cart-copy small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#85858c!important}
  .live-extra-cart-qty{display:grid!important;grid-template-columns:30px 26px 30px!important;align-items:center!important;border:1px solid #e0e0e4!important;border-radius:10px!important;overflow:hidden!important}
  .live-extra-cart-qty button{width:30px!important;height:32px!important;border:0!important;background:#f5f5f7!important;font-size:17px!important;font-weight:800!important;color:#17171a!important;padding:0!important}
  .live-extra-cart-qty b{text-align:center!important;font-size:12px!important}
  .live-extra-cart-line-total{min-width:58px!important;text-align:right!important;font-size:12px!important;font-weight:900!important}
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn{
    white-space:normal!important;line-height:1.15!important;padding:8px 12px!important;
  }
}


/* =========================================================
   LIVE EXTRAS — COMPACT SELECTED TRAY
   ========================================================= */
@media (max-width:900px){
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart{
    max-height:none!important;
    overflow:hidden!important;
    margin:0 12px 8px!important;
    padding:10px 11px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-head{
    align-items:center!important;
    padding:0!important;
    border-bottom:0!important;
    min-height:42px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-head-right{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-toggle{
    min-width:64px!important;
    min-height:32px!important;
    padding:0 10px!important;
    border:1px solid #dedee3!important;
    border-radius:10px!important;
    background:#f5f5f7!important;
    color:#1c1c1e!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-list{
    display:none!important;
    max-height:190px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    margin-top:9px!important;
    padding-top:2px!important;
    border-top:1px solid #eeeeef!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart.expanded .live-extra-cart-list{
    display:grid!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-grid{
    min-height:0!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
    background:#fff!important;
    border-top:1px solid #ececf0!important;
    padding-top:10px!important;
  }
}

/* =========================================================
   LIVE EXTRAS — QUICK +/- ON CATALOG CARDS
   ========================================================= */
@media (max-width:900px){
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    padding:10px!important;
    border:1px solid #e5e5e9!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#17171a!important;
    text-align:left!important;
    box-shadow:0 3px 12px rgba(20,20,25,.035)!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item.selected{
    border-color:#1d1d1f!important;
    background:#fafafa!important;
    box-shadow:0 0 0 1px #1d1d1f inset!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item.unavailable{
    opacity:.5!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-main{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    text-align:left!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-main:disabled{
    color:inherit!important;
    opacity:1!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-side{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-price{
    display:block!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#1b1b1d!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:none!important;
    touch-action:manipulation!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add:disabled{
    background:#d7d7db!important;
    color:#999!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty{
    display:grid!important;
    grid-template-columns:32px 28px 32px!important;
    align-items:center!important;
    height:34px!important;
    border:1px solid #d9d9de!important;
    border-radius:11px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty button{
    width:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#f2f2f4!important;
    color:#17171a!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:none!important;
    touch-action:manipulation!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty button:disabled{
    color:#b7b7bc!important;
    background:#f7f7f8!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty b{
    display:grid!important;
    place-items:center!important;
    height:32px!important;
    font-size:12px!important;
    font-weight:900!important;
    color:#17171a!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-cart-badge{
    display:none!important;
  }
}
\n\n/* =========================================================\n   CHECKOUT — SIMPLE MOBILE PAYMENT UI\n   ========================================================= */\n@media (max-width: 820px) {\n  body > #checkoutModal .checkout-discount-action,\n  #pageContent.cueva-live-mobile-page #checkoutModal .checkout-discount-action {\n    margin: 12px 0 14px !important;\n  }\n\n  body > #checkoutModal #discountBtn,\n  #pageContent.cueva-live-mobile-page #checkoutModal #discountBtn {\n    width: auto !important;\n    min-height: 44px !important;\n    padding: 0 18px !important;\n    border: 1px solid #d9dce2 !important;\n    border-radius: 14px !important;\n    background: #fff !important;\n    color: #17181c !important;\n    font-size: 15px !important;\n    font-weight: 800 !important;\n    box-shadow: none !important;\n  }\n\n  body > #checkoutModal .credit-checkout-panel,\n  #pageContent.cueva-live-mobile-page #checkoutModal .credit-checkout-panel {\n    padding: 0 !important;\n    background: transparent !important;\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  body > #checkoutModal .credit-preview,\n  #pageContent.cueva-live-mobile-page #checkoutModal .credit-preview {\n    margin-top: 10px !important;\n    padding: 14px 16px !important;\n    border: 1px solid #e1e3e8 !important;\n    border-radius: 16px !important;\n    background: #f8f8fa !important;\n    color: #17181c !important;\n    font-size: 14px !important;\n    line-height: 1.35 !important;\n  }\n\n  .credit-simple-row {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 12px !important;\n    padding: 5px 0 !important;\n  }\n  .credit-simple-row span { color: #747780 !important; }\n  .credit-simple-row strong { font-size: 16px !important; color: #17181c !important; white-space: nowrap !important; }\n  .credit-simple-total {\n    margin-top: 5px !important;\n    padding-top: 10px !important;\n    border-top: 1px solid #e1e3e8 !important;\n  }\n  .credit-simple-total strong { font-size: 19px !important; }\n  .credit-simple-note { margin-top: 7px !important; color: #6f737b !important; font-size: 12px !important; }\n  .credit-simple-error { margin-top: 10px !important; color: #b42318 !important; font-size: 13px !important; font-weight: 750 !important; }\n  .credit-preview-empty { color: #7b7e86 !important; }\n\n  body > #discountModal input#discountAmountInput,\n  #pageContent.cueva-live-mobile-page #discountModal input#discountAmountInput {\n    font-size: 16px !important;\n  }\n}\n
/* =========================================================
   LIVE — PAUSE REASON SHEET
   ========================================================= */
.cueva-pause-reason-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px 14px calc(18px + env(safe-area-inset-bottom));
  background: rgba(15, 18, 24, .52);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.cueva-pause-reason-card {
  width: min(100%, 560px);
  max-height: min(82dvh, 720px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.cueva-pause-reason-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.cueva-pause-reason-eyebrow {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .16em;
  color: #a56d00;
}

.cueva-pause-reason-head h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.12;
  color: #17181b;
}

.cueva-pause-reason-head p {
  margin: 7px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: #777b83;
}

.cueva-pause-reason-close {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 16px;
  background: #f2f2f4;
  color: #33363c;
  font-size: 30px;
  line-height: 1;
}

.cueva-pause-reason-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cueva-pause-reason-options button {
  min-height: 52px;
  padding: 11px 12px;
  border: 1px solid #e3e5e9;
  border-radius: 16px;
  background: #f8f8f9;
  color: #22252a;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  text-align: left;
}

.cueva-pause-reason-options button.is-selected {
  border-color: #d7a51e;
  background: #fff7df;
  box-shadow: inset 0 0 0 1px #d7a51e;
}

.cueva-pause-other {
  margin-top: 14px;
}

.cueva-pause-other label {
  display: block;
  margin: 0 0 7px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  color: #60646b;
}

.cueva-pause-other textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  box-sizing: border-box;
  border: 1px solid #dfe1e5;
  border-radius: 16px;
  padding: 13px 14px;
  background: #fff;
  color: #17181b;
  font-size: 16px;
  line-height: 1.4;
  outline: none;
}

.cueva-pause-other textarea:focus {
  border-color: #d7a51e;
  box-shadow: 0 0 0 3px rgba(215, 165, 30, .12);
}

.cueva-pause-reason-error {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff0ef;
  color: #b42318;
  font-size: 13px;
  font-weight: 700;
}

.cueva-pause-reason-actions {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 10px;
  margin-top: 18px;
}

.cueva-pause-reason-actions button {
  min-height: 54px;
  border: 0;
  border-radius: 17px;
  font-size: 15px;
  font-weight: 800;
}

.cueva-pause-cancel {
  background: #f0f1f3;
  color: #25272b;
}

.cueva-pause-confirm {
  background: #17181b;
  color: #fff;
}

.cueva-pause-confirm:disabled {
  opacity: .4;
}

@media (max-width: 380px) {
  .cueva-pause-reason-card { padding: 18px; border-radius: 24px; }
  .cueva-pause-reason-head h3 { font-size: 21px; }
  .cueva-pause-reason-options { grid-template-columns: 1fr; }
}

/* =========================================================
   PAUSE REASON — MOBILE VISIBILITY FIX (FINAL)
   Keep this at the very end so no generic modal rule can hide it.
   ========================================================= */
body > .cueva-pause-reason-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: rgba(10, 12, 16, .58) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  box-sizing: border-box !important;
}

body > .cueva-pause-reason-modal > .cueva-pause-reason-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 560px !important;
  max-height: min(76dvh, 680px) !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 26px 26px 20px 20px !important;
  box-shadow: 0 -8px 45px rgba(0,0,0,.24) !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

body > .cueva-pause-reason-modal .cueva-pause-reason-head {
  position: sticky !important;
  top: -18px !important;
  z-index: 2 !important;
  margin: -18px -18px 14px !important;
  padding: 18px 18px 12px !important;
  background: #fff !important;
}

body > .cueva-pause-reason-modal .cueva-pause-reason-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 10px !important;
}

body > .cueva-pause-reason-modal .cueva-pause-reason-options button {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 50px !important;
  white-space: normal !important;
}

body > .cueva-pause-reason-modal .cueva-pause-reason-actions {
  position: sticky !important;
  bottom: -18px !important;
  z-index: 2 !important;
  margin: 16px -18px -18px !important;
  padding: 12px 18px calc(4px + env(safe-area-inset-bottom)) !important;
  background: #fff !important;
  border-top: 1px solid #ececef !important;
}

@media (max-width: 420px) {
  body > .cueva-pause-reason-modal {
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
  }
  body > .cueva-pause-reason-modal > .cueva-pause-reason-card {
    max-height: 72dvh !important;
    padding: 16px !important;
    border-radius: 24px 24px 18px 18px !important;
  }
  body > .cueva-pause-reason-modal .cueva-pause-reason-head {
    top: -16px !important;
    margin: -16px -16px 12px !important;
    padding: 16px 16px 10px !important;
  }
  body > .cueva-pause-reason-modal .cueva-pause-reason-head h3 {
    font-size: 21px !important;
  }
  body > .cueva-pause-reason-modal .cueva-pause-reason-options {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body > .cueva-pause-reason-modal .cueva-pause-reason-options button {
    min-height: 46px !important;
    font-size: 14px !important;
  }
  body > .cueva-pause-reason-modal .cueva-pause-reason-actions {
    bottom: -16px !important;
    margin: 14px -16px -16px !important;
    padding: 10px 16px calc(2px + env(safe-area-inset-bottom)) !important;
  }
}


/* =========================================================
   LIVE — MOVE TO PENDING CONFIRMATION
   Scoped only to this confirmation so working Live popups
   and their interaction behaviour remain untouched.
   ========================================================= */
body > #liveMessageModal.live-message-pending-confirm {
  padding: 16px !important;
  align-items: flex-end !important;
  justify-content: center !important;
  background: rgba(17, 24, 39, .46) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body > #liveMessageModal.live-message-pending-confirm > .live-message-content {
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin: 0 auto max(8px, env(safe-area-inset-bottom)) !important;
  padding: 22px 20px 18px !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .24) !important;
  overflow: visible !important;
  text-align: left !important;
}

body > #liveMessageModal.live-message-pending-confirm #liveMessageIcon {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 0 16px !important;
  border-radius: 18px !important;
  background: #fff7df !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

body > #liveMessageModal.live-message-pending-confirm #liveMessageTitle {
  margin: 0 0 10px !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em !important;
  color: #111827 !important;
  font-weight: 800 !important;
  text-align: left !important;
}

body > #liveMessageModal.live-message-pending-confirm #liveMessageText {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

body > #liveMessageModal.live-message-pending-confirm .modal-actions {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

body > #liveMessageModal.live-message-pending-confirm .modal-actions button {
  min-width: 0 !important;
  min-height: 54px !important;
  margin: 0 !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body > #liveMessageModal.live-message-pending-confirm #liveMessageCancelBtn {
  border: 1px solid #e5e7eb !important;
  background: #f5f6f8 !important;
  color: #344054 !important;
}

body > #liveMessageModal.live-message-pending-confirm #liveMessageOkBtn {
  border: 0 !important;
  background: #111827 !important;
  color: #fff !important;
  box-shadow: none !important;
}

body > #liveMessageModal.live-message-pending-confirm #liveMessageOkBtn:active,
body > #liveMessageModal.live-message-pending-confirm #liveMessageCancelBtn:active {
  transform: scale(.98) !important;
}

/* =========================================================
   CUEVA LIVE — SHARED ALERT / CONFIRMATION
   Consistent compact black-and-gold presentation for every
   normal Live message without changing its action behaviour.
   ========================================================= */
body > #liveMessageModal[data-cueva-live-portal="true"] {
  padding: 18px !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(10, 12, 16, .58) !important;
  backdrop-filter: blur(11px) !important;
  -webkit-backdrop-filter: blur(11px) !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] > .live-message-content {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  max-height: min(78dvh, 620px) !important;
  margin: auto !important;
  padding: 24px 22px 20px !important;
  border: 1px solid rgba(226, 174, 31, .18) !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .32) !important;
  overflow-y: auto !important;
  text-align: left !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] #liveMessageIcon {
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 0 17px !important;
  border: 1px solid #f1dfaa !important;
  border-radius: 18px !important;
  background: #fff8e7 !important;
  font-size: 25px !important;
  line-height: 1 !important;
}

body > #liveMessageModal.live-message-success #liveMessageIcon {
  border-color: #ccebd7 !important;
  background: #edf9f1 !important;
}

body > #liveMessageModal.live-message-warning #liveMessageIcon {
  border-color: #f4d1cd !important;
  background: #fff2f0 !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] #liveMessageTitle {
  margin: 0 0 9px !important;
  color: #111318 !important;
  font-size: clamp(22px, 6vw, 27px) !important;
  font-weight: 850 !important;
  line-height: 1.13 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] #liveMessageText {
  margin: 0 !important;
  color: #646873 !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  line-height: 1.52 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] .modal-actions {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  gap: 10px !important;
  margin: 21px 0 0 !important;
  padding: 0 !important;
}

body > #liveMessageModal.live-message-single-action .modal-actions {
  grid-template-columns: 1fr !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] .modal-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  box-shadow: none !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] #liveMessageCancelBtn {
  border: 1px solid #e4e5e8 !important;
  background: #f3f4f6 !important;
  color: #4d515a !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] #liveMessageOkBtn {
  border: 1px solid #111318 !important;
  background: #111318 !important;
  color: #fff !important;
}

body > #liveMessageModal.live-message-success #liveMessageOkBtn {
  border-color: #c99813 !important;
  background: #111318 !important;
  color: #f5c84b !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] #liveMessageCancelBtn[hidden] {
  display: none !important;
}

body > #liveMessageModal[data-cueva-live-portal="true"] .modal-actions button:active {
  transform: scale(.98) !important;
}

.cueva-live-auto-notice {
  position: fixed !important;
  z-index: 2147483647 !important;
  top: calc(env(safe-area-inset-top, 0px) + 18px) !important;
  left: 50% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: calc(100vw - 32px) !important;
  min-height: 52px !important;
  padding: 8px 16px 8px 9px !important;
  border: 1px solid rgba(235, 190, 65, .35) !important;
  border-radius: 18px !important;
  background: rgba(17, 19, 24, .96) !important;
  color: #fff !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .30) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transform: translateX(-50%) !important;
  animation: cuevaLiveNoticeIn .22s ease both !important;
  pointer-events: none !important;
}

.cueva-live-auto-notice > span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: #f0c447 !important;
  color: #111318 !important;
  font-size: 15px !important;
}

.cueva-live-auto-notice > strong {
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
}

.cueva-live-auto-notice > div {
  min-width: 0 !important;
}

.cueva-live-auto-notice > div > strong,
.cueva-live-auto-notice > div > small {
  display: block !important;
}

.cueva-live-auto-notice > div > strong {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.cueva-live-auto-notice > div > small {
  max-width: min(310px, calc(100vw - 105px)) !important;
  margin-top: 3px !important;
  color: rgba(255, 255, 255, .70) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

.cueva-live-auto-notice > div > small[hidden] {
  display: none !important;
}

.cueva-live-auto-notice.warning {
  border-color: rgba(240, 196, 71, .42) !important;
}

.cueva-live-auto-notice.error {
  border-color: rgba(239, 104, 94, .45) !important;
}

.cueva-live-auto-notice.error > span {
  background: #d92d20 !important;
  color: #fff !important;
}

.cueva-live-auto-notice.info > span {
  background: #f0c447 !important;
  color: #111318 !important;
}

.cueva-live-auto-notice.is-leaving {
  animation: cuevaLiveNoticeOut .36s ease both !important;
}

@keyframes cuevaLiveNoticeIn {
  from { opacity: 0; transform: translate(-50%, -12px) scale(.96); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@keyframes cuevaLiveNoticeOut {
  from { opacity: 1; transform: translate(-50%, 0) scale(1); }
  to { opacity: 0; transform: translate(-50%, -8px) scale(.98); }
}

@media (max-width: 390px) {
  body > #liveMessageModal[data-cueva-live-portal="true"] {
    padding: 12px !important;
  }
  body > #liveMessageModal[data-cueva-live-portal="true"] > .live-message-content {
    padding: 21px 18px 18px !important;
    border-radius: 25px !important;
  }
  body > #liveMessageModal[data-cueva-live-portal="true"] .modal-actions {
    grid-template-columns: 1fr !important;
  }
}



/* =========================================================
   WHATSAPP CHOOSER — PORTALED MOBILE FIX
   Modal is moved under <body> by showModal(), so selectors that
   depend on .cueva-live-mobile-page no longer match. Keep this
   final block body-scoped and !important so generic modal/button
   rules cannot collapse the cards again.
   ========================================================= */
body > #whatsappChoiceModal[data-cueva-live-portal="true"]{
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  background:rgba(10,12,15,.56)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] > .whatsapp-choice-content{
  width:100%!important;
  max-width:520px!important;
  max-height:78dvh!important;
  margin:0!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  background:#f7f7f8!important;
  box-shadow:0 -20px 50px rgba(0,0,0,.22)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:6px 2px 12px!important;
  border-bottom:1px solid #e5e5e7!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-kicker{
  display:block!important;
  margin:0 0 3px!important;
  color:#168b62!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .modal-head h3{
  margin:0!important;
  color:#17181b!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .close-modal{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#ededf0!important;
  color:#303137!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  box-shadow:none!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-note{
  margin:0 2px 12px!important;
  color:#696d76!important;
  font-size:13px!important;
  line-height:1.4!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:82px!important;
  height:auto!important;
  margin:0!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  grid-template-rows:auto!important;
  gap:11px!important;
  align-items:center!important;
  justify-content:stretch!important;
  border:1px solid #e2e4e8!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#18191c!important;
  text-align:left!important;
  text-decoration:none!important;
  box-shadow:0 3px 12px rgba(16,24,40,.04)!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:normal!important;
  font:inherit!important;
  touch-action:manipulation!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-card:active{
  transform:scale(.985)!important;
  background:#fafafa!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#e9f7f0!important;
  color:#168b62!important;
  font-size:18px!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-copy{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow:visible!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#17181b!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:850!important;
  white-space:normal!important;
  overflow:visible!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-copy small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#747985!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
  white-space:normal!important;
  overflow:visible!important;
}

body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-card > .fa-chevron-right{
  display:block!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  color:#a0a5ae!important;
  font-size:12px!important;
}

@media (max-width:380px){
  body > #whatsappChoiceModal[data-cueva-live-portal="true"] > .whatsapp-choice-content{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-card{
    grid-template-columns:40px minmax(0,1fr) 16px!important;
    min-height:78px!important;
    padding:10px!important;
    gap:9px!important;
  }
  body > #whatsappChoiceModal[data-cueva-live-portal="true"] .whatsapp-choice-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
}


/* =========================================================
   LIVE MONITOR — ALL TABLES + SAFE ALERT NAVIGATION
   ========================================================= */
.live-monitor-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.live-show-all-btn {
  appearance: none;
  border: 1px solid #e5e7eb;
  background: #f8f9fb;
  color: #6b7280;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
}

.live-show-all-btn.active {
  border-color: #18191d;
  background: #18191d;
  color: #fff;
  box-shadow: 0 6px 16px rgba(17, 24, 39, .12);
}

.live-show-all-btn i {
  font-size: 11px;
}

/* liveJumpIndicator is now a button; remove browser button defaults while
   preserving the existing alert/attention visual design. */
button.live-jump-indicator,
button.live-monitor-sync {
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
}

button.live-jump-indicator {
  -webkit-appearance: none;
  appearance: none;
}

button.live-monitor-sync {
  border: 0;
  background: transparent;
}

.live-table-card.live-alert-focus {
  animation: cuevaLiveAlertFocus 1.65s ease-out;
}

@keyframes cuevaLiveAlertFocus {
  0% {
    transform: scale(.985);
    box-shadow: 0 0 0 0 rgba(225, 171, 26, .42), 0 12px 30px rgba(17, 24, 39, .10);
  }
  35% {
    transform: scale(1);
    box-shadow: 0 0 0 5px rgba(225, 171, 26, .18), 0 18px 36px rgba(17, 24, 39, .14);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(225, 171, 26, 0), 0 10px 24px rgba(17, 24, 39, .08);
  }
}

@media (max-width: 430px) {
  .live-monitor-head {
    gap: 10px;
  }

  .live-monitor-head-actions {
    gap: 6px;
  }

  .live-show-all-btn {
    min-height: 40px;
    padding: 0 10px;
    border-radius: 13px;
  }

  .live-show-all-btn span {
    max-width: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* =========================================================
   LIVE MONITOR — COMPACT ALL RESET
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-monitor-head-actions{
  gap:8px!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn{
  min-width:58px!important;
  width:auto!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid #e6e7eb!important;
  background:#f7f7f8!important;
  color:#70737a!important;
  box-shadow:none!important;
  gap:6px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn i{
  font-size:11px!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn span{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn.active{
  border-color:#17181c!important;
  background:#17181c!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(17,24,39,.11)!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn:not(.active):active{
  transform:scale(.96)!important;
  background:#eeeeef!important;
}
@media (max-width:390px){
  #pageContent.cueva-live-mobile-page .live-show-all-btn{
    min-width:52px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 11px!important;
  }
}


/* =========================================================
   LIVE MONITOR — ROUND RESET FILTER
   Reset only the Active / Free / Waiting / Ending view.
   This button does not reload Firebase or the page.
   ========================================================= */
#pageContent.cueva-live-mobile-page .live-show-all-btn,
#pageContent.cueva-live-mobile-page .live-show-all-btn.active{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid #e4e6ea!important;
  background:#fff!important;
  color:#202124!important;
  box-shadow:0 4px 12px rgba(17,24,39,.06)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  flex:0 0 42px!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn i{
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn span{
  display:none!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn:active{
  transform:scale(.94)!important;
  background:#f3f4f6!important;
}
#pageContent.cueva-live-mobile-page .live-show-all-btn:active i{
  transform:rotate(45deg)!important;
}
@media (max-width:390px){
  #pageContent.cueva-live-mobile-page .live-show-all-btn,
  #pageContent.cueva-live-mobile-page .live-show-all-btn.active{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
}

/* =========================================================
   CHECKOUT — iPhone native payment select tap / zoom fix
   Scope: Checkout payment method + credit customer only.
   ========================================================= */
@media (max-width: 820px) {
  body > #checkoutModal #paymentMethod,
  body > #checkoutModal #creditAccountSelect,
  #pageContent.cueva-live-mobile-page #checkoutModal #paymentMethod,
  #pageContent.cueva-live-mobile-page #checkoutModal #creditAccountSelect {
    font-size: 16px !important;
    line-height: 1.25 !important;
    min-height: 48px !important;
    width: 100% !important;
    max-width: 100% !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 4 !important;
    -webkit-user-select: auto !important;
    user-select: auto !important;
  }

  body > #checkoutModal .form-group,
  #pageContent.cueva-live-mobile-page #checkoutModal .form-group {
    overflow: visible !important;
  }

  body > #checkoutModal #paymentMethod:focus,
  body > #checkoutModal #creditAccountSelect:focus,
  #pageContent.cueva-live-mobile-page #checkoutModal #paymentMethod:focus,
  #pageContent.cueva-live-mobile-page #checkoutModal #creditAccountSelect:focus {
    font-size: 16px !important;
  }
}

/* =========================================================
   CHECKOUT — MOBILE FORM INTERACTION RESTORE
   Scope only Checkout + Discount controls. Do not change billing/UI.
   ========================================================= */
@media (max-width: 820px) {
  body > #checkoutModal[data-cueva-live-portal="true"] > .modal-content,
  body > #discountModal[data-cueva-live-portal="true"] > .modal-content {
    pointer-events: auto !important;
    touch-action: auto !important;
  }

  body > #checkoutModal input,
  body > #checkoutModal select,
  body > #checkoutModal textarea,
  body > #checkoutModal button,
  body > #discountModal input,
  body > #discountModal select,
  body > #discountModal textarea,
  body > #discountModal button {
    pointer-events: auto !important;
    touch-action: auto !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body > #checkoutModal input,
  body > #checkoutModal select,
  body > #checkoutModal textarea,
  body > #discountModal input,
  body > #discountModal select,
  body > #discountModal textarea {
    font-size: 16px !important;
    -webkit-user-select: text !important;
    user-select: text !important;
  }

  body > #checkoutModal select,
  body > #discountModal select {
    -webkit-appearance: menulist !important;
    appearance: auto !important;
  }

  body > #checkoutModal textarea,
  body > #discountModal textarea {
    touch-action: pan-y !important;
    cursor: text !important;
  }

  body > #checkoutModal #checkoutSessionNotes[readonly] {
    pointer-events: auto !important;
  }
}


/* =========================================================
   CHECKOUT — PRODUCTION FORM POLISH
   Scope: Checkout Session only.
   ========================================================= */
#checkoutModal .field-optional {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8a8d96 !important;
}

#checkoutModal .checkout-paid-row[hidden],
#checkoutModal .checkout-balance-row[hidden] {
  display: none !important;
}

@media (max-width: 820px) {
  body > #checkoutModal #checkoutSessionNotes,
  body > #checkoutModal #checkoutNotes,
  body > #checkoutModal #paymentMethod,
  #pageContent.cueva-live-mobile-page #checkoutModal #checkoutSessionNotes,
  #pageContent.cueva-live-mobile-page #checkoutModal #checkoutNotes,
  #pageContent.cueva-live-mobile-page #checkoutModal #paymentMethod {
    font-size: 16px !important;
  }

  body > #checkoutModal #checkoutSessionNotes,
  body > #checkoutModal #checkoutNotes,
  #pageContent.cueva-live-mobile-page #checkoutModal #checkoutSessionNotes,
  #pageContent.cueva-live-mobile-page #checkoutModal #checkoutNotes {
    resize: none !important;
  }
}


/* =========================================================
   CHECKOUT CREDIT CUSTOMER — iPHONE SAFE CUSTOM PICKER
   Native select remains hidden as the data value for existing
   checkout logic. Staff interact only with the in-modal picker.
   ========================================================= */
@media (max-width: 820px) {
  body > #checkoutModal .credit-account-native-value,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-native-value {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  body > #checkoutModal .credit-account-picker-btn,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-btn {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    border: 1px solid #d9dce2 !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #17181c !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
    touch-action: manipulation !important;
  }

  body > #checkoutModal .credit-account-picker-chevron,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-chevron {
    flex: 0 0 auto !important;
    font-size: 18px !important;
    color: #777b84 !important;
  }

  body > #checkoutModal .credit-account-picker-list,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-list {
    margin-top: 8px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border: 1px solid #e0e2e7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 5px !important;
    position: relative !important;
    z-index: 8 !important;
  }

  body > #checkoutModal .credit-account-picker-list[hidden],
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-list[hidden] {
    display: none !important;
  }

  body > #checkoutModal .credit-account-picker-option,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-option {
    width: 100% !important;
    min-height: 48px !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f1f3 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #17181c !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    touch-action: manipulation !important;
  }

  body > #checkoutModal .credit-account-picker-option:last-child,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-option:last-child {
    border-bottom: 0 !important;
  }

  body > #checkoutModal .credit-account-picker-option small,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-option small {
    font-size: 12px !important;
    color: #7a7d84 !important;
  }

  body > #checkoutModal .credit-account-picker-empty,
  #pageContent.cueva-live-mobile-page #checkoutModal .credit-account-picker-empty {
    padding: 14px 12px !important;
    color: #777b84 !important;
    font-size: 14px !important;
  }
}


/* =========================================================
   CHECKOUT CREDIT CUSTOMER — hide legacy native select fully
   Keep element only as hidden data storage for checkout logic.
   ========================================================= */
body > #checkoutModal #creditAccountSelect.credit-account-native-value,
#pageContent.cueva-live-mobile-page #checkoutModal #creditAccountSelect.credit-account-native-value {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   CHECKOUT — SPLIT / PARTIAL PAYMENT
   ========================================================= */
#checkoutModal .checkout-payment-history[hidden],
#checkoutModal #checkoutPaymentAmountGroup[hidden] {
  display: none !important;
}

#checkoutModal .checkout-payment-history {
  margin: 12px 0 14px;
  padding: 12px 14px;
  border: 1px solid #e4e6eb;
  border-radius: 16px;
  background: #f8f9fb;
}

#checkoutModal .checkout-payment-history-title {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 800;
  color: #6f737b;
  text-transform: uppercase;
  letter-spacing: .04em;
}

#checkoutModal .checkout-payment-history-title small {
  display: block;
  margin-top: 2px;
  color: #9699a1;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

#checkoutModal .checkout-payment-history-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px 88px;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  font-size: 14px;
}

#checkoutModal .checkout-payment-history-row strong {
  white-space: nowrap;
  font-size: 15px;
  text-align: right;
}

#checkoutModal .checkout-payment-correct-btn {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #d9b547;
  border-radius: 12px;
  background: #fff9e8;
  color: #8e6700;
  font-size: 12px;
  font-weight: 800;
  width: 88px;
  justify-self: end;
}

body > #paymentCorrectionModal.payment-correction-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483645 !important;
}
.payment-correction-sheet {
  width: min(92vw, 460px) !important;
  margin: auto !important;
  padding: 24px !important;
  border: 1px solid #ecd78f !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}
.payment-correction-heading,
.payment-correction-summary,
.payment-correction-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.payment-correction-eyebrow { color:#b48709; font-size:11px; font-weight:900; letter-spacing:.14em; }
.payment-correction-heading h2 { margin:3px 0 0; font-size:26px; }
.payment-correction-close { width:46px; height:46px; border:0; border-radius:15px; background:#f2f3f5; color:#4f5258; font-size:30px; }
.payment-correction-copy { margin:14px 0; color:#777b84; }
.payment-correction-summary { padding:16px; border-radius:16px; background:#f7f8fa; font-size:16px; }
.payment-correction-summary strong { font-size:20px; }
.payment-correction-field { display:block; margin-top:14px; }
.payment-correction-field > span { display:block; margin:0 0 7px 2px; color:#61656e; font-size:12px; font-weight:800; }
.payment-correction-field b { color:#c53333; }
.payment-correction-field input,
.payment-correction-field select,
.payment-correction-field textarea {
  width:100%;
  box-sizing:border-box;
  border:1px solid #dfe1e6;
  border-radius:15px;
  background:#fff;
  color:#111318;
  font-size:16px !important;
  font-weight:750;
  outline:none;
}
.payment-correction-field input,
.payment-correction-field select { min-height:54px; padding:0 15px; }
.payment-correction-field textarea { min-height:72px; padding:13px 15px; resize:none; }
.payment-correction-field input:focus,
.payment-correction-field select:focus,
.payment-correction-field textarea:focus { border-color:#d9aa1c; box-shadow:0 0 0 3px rgba(217,170,28,.14); }
.payment-correction-maximum { display:block; margin:7px 2px 0; color:#7a7d85; font-size:12px; }
.payment-correction-methods { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:14px 0 8px; }
.payment-correction-field[hidden] { display:none !important; }
.payment-correction-methods button { min-height:52px; border:1px solid #dfe1e6; border-radius:15px; background:#fff; font-size:13px; font-weight:800; }
.payment-correction-methods button[hidden] { display:none !important; }
.payment-correction-methods button.active { border-color:#e0af1d; background:#111318; color:#f2c84b; }
.payment-correction-actions button { min-height:52px; border:0; border-radius:16px; font-weight:850; }
.payment-correction-cancel { flex:.8; background:#f0f1f3; color:#555962; }
.payment-correction-save { flex:1.2; background:#111318; color:#f2c84b; }
@media (max-width:390px) {
  .payment-correction-sheet { padding:20px !important; }
  #checkoutModal .checkout-payment-history-row { grid-template-columns:minmax(0,1fr) 76px 76px; gap:6px; }
  #checkoutModal .checkout-payment-correct-btn { width:76px; padding:0 8px; }
}

#checkoutModal #checkoutPaymentAmount {
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
  font-size: 16px !important;
  font-weight: 750;
}

#checkoutModal .checkout-payment-amount-help {
  display: block;
  margin-top: 6px;
  color: #7a7d85;
  font-size: 12px;
}

/* =========================================================
   CHECKOUT PAYMENT METHODS — PRODUCTION TAP BUTTONS
   Slow internet must not make Card / Bank / Credit untappable.
========================================================= */
#checkoutModal .checkout-payment-method-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

#checkoutModal .checkout-payment-method-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
}

#checkoutModal .checkout-payment-method-btn{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  border:1px solid #dedfe4!important;
  border-radius:14px!important;
  padding:11px 13px!important;
  background:#fff!important;
  color:#232429!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}

#checkoutModal .checkout-payment-method-btn i{
  width:20px!important;
  text-align:center!important;
  font-size:16px!important;
}

#checkoutModal .checkout-payment-method-btn.active{
  border-color:#17181c!important;
  background:#17181c!important;
  color:#fff!important;
}

#checkoutModal .checkout-payment-method-btn:disabled{
  opacity:.4!important;
  cursor:not-allowed!important;
}

@media (max-width:430px){
  #checkoutModal .checkout-payment-method-grid{gap:8px!important}
  #checkoutModal .checkout-payment-method-btn{min-height:50px!important;padding:10px 12px!important}
}

/* =========================================================
   PENDING CHECKOUTS — MOBILE CARD LAYOUT RESTORE
   Design only. Keeps Pending content spread cleanly across the card.
   No Live/Checkout logic or modal styling is changed.
========================================================= */
@media (max-width: 699px) {
  #pageContent.cueva-live-mobile-page section.card:has(#pendingCheckoutBody) {
    padding: 14px 12px 16px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #f5f5f7 !important;
  }

  #pageContent.cueva-live-mobile-page section.card:has(#pendingCheckoutBody) .card-head {
    margin-bottom: 12px !important;
    padding: 0 4px 10px !important;
    border-bottom: 1px solid #e4e4e8 !important;
  }

  #pageContent.cueva-live-mobile-page section.card:has(#pendingCheckoutBody) thead {
    display: none !important;
  }

  #pageContent.cueva-live-mobile-page section.card:has(#pendingCheckoutBody) .table-wrapper,
  #pageContent.cueva-live-mobile-page section.card:has(#pendingCheckoutBody) table,
  #pageContent.cueva-live-mobile-page section.card:has(#pendingCheckoutBody) tbody,
  #pageContent.cueva-live-mobile-page #pendingCheckoutBody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page #pendingCheckoutBody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-checkout-row,
  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-checkout-card-cell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    position: static !important;
    inset: auto !important;
  }

  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-checkout-card-cell::before,
  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-checkout-card-cell::after {
    display: none !important;
    content: none !important;
  }

  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-mobile-card-v4 {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #e4e4e8 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.035) !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-top {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
    gap: 14px !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-resource {
    min-width: 0 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-resource-line {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-resource-line > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -.35px !important;
    color: #171719 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #f1f1f3 !important;
    font-size: 9px !important;
    line-height: 12px !important;
    font-weight: 850 !important;
    color: #5f6066 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-customer {
    display: block !important;
    overflow: hidden !important;
    margin-top: 6px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    color: #77787f !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-amount {
    min-width: 86px !important;
    text-align: right !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-amount > span {
    display: block !important;
    margin-bottom: 2px !important;
    font-size: 8px !important;
    line-height: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .55px !important;
    color: #a0a0a6 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-amount > strong {
    display: block !important;
    white-space: nowrap !important;
    font-size: 20px !important;
    line-height: 23px !important;
    font-weight: 950 !important;
    letter-spacing: -.55px !important;
    color: #171719 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-info {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(96px,.68fr) !important;
    gap: 8px !important;
    margin-top: 14px !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-info-item {
    min-width: 0 !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    background: #f7f7f8 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-info-item > span {
    display: block !important;
    margin-bottom: 3px !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .45px !important;
    color: #9a9aa0 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-info-item > strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 850 !important;
    color: #38383d !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-waiting {
    background: #fff5dc !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-waiting > span {
    color: #9a7520 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-waiting > strong {
    color: #7a5813 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-actions {
    display: grid !important;
    grid-template-columns: .9fr .78fr 1.35fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-actions .pending-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    border-radius: 13px !important;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    touch-action: manipulation !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-actions .pending-action i {
    font-size: 11px !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-actions .pending-action-restore,
  #pageContent.cueva-live-mobile-page .pending-v4-actions .pending-action-view {
    border: 1px solid #e4e4e8 !important;
    background: #fff !important;
    color: #4e4f55 !important;
  }

  #pageContent.cueva-live-mobile-page .pending-v4-actions .pending-action-checkout {
    border: 1px solid #d4b647 !important;
    background: #e2c255 !important;
    color: #201b0d !important;
    box-shadow: none !important;
  }

  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-checkout-empty-row,
  #pageContent.cueva-live-mobile-page #pendingCheckoutBody .pending-checkout-empty-row > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
}


/* =========================================================
   RECENT SESSIONS — READ-ONLY MOBILE CARDS
   Scope: Recent Sessions only. No Live/Pending behavior changes.
   ========================================================= */
@media (max-width: 820px) {
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll {
    width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll table,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll tbody {
    display: block !important;
    width: 100% !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll thead {
    display: none !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-empty-row {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    border: 0 !important;
    background: transparent !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row > td,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-empty-row > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card {
    width: 100% !important;
    padding: 13px !important;
    border: 1px solid #e7e8ec !important;
    border-radius: 17px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(20,22,28,.035) !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource { min-width: 0 !important; }
  #pageContent.cueva-live-mobile-page .recent-session-resource > span {
    display: block !important;
    margin-bottom: 2px !important;
    color: #9a9da4 !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .11em !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-resource h4 {
    margin: 0 !important;
    color: #17181c !important;
    font-size: 18px !important;
    line-height: 21px !important;
    font-weight: 850 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-total {
    flex: 0 0 auto !important;
    text-align: right !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-total span,
  #pageContent.cueva-live-mobile-page .recent-payment-copy span {
    display: block !important;
    color: #979aa1 !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-total strong {
    display: block !important;
    margin-top: 1px !important;
    color: #17181c !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #f0f1f3 !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-person strong {
    display: block !important;
    color: #24262b !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 800 !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-person span {
    display: block !important;
    margin-top: 2px !important;
    color: #7c7f87 !important;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 650 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-top: 9px !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-meta {
    min-width: 0 !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    background: #f7f8f9 !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-meta span {
    display: block !important;
    color: #9699a0 !important;
    font-size: 8px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-meta strong {
    display: block !important;
    margin-top: 2px !important;
    color: #25272c !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 800 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-payline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 9px !important;
  }
  #pageContent.cueva-live-mobile-page .recent-payment-copy strong {
    display: block !important;
    margin-top: 2px !important;
    color: #303238 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 5px !important;
  }
  #pageContent.cueva-live-mobile-page .recent-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 850 !important;
  }
  #pageContent.cueva-live-mobile-page .recent-badge-discount { background: #fff7df !important; color: #8a6500 !important; }
  #pageContent.cueva-live-mobile-page .recent-badge-credit { background: #fff0ef !important; color: #b2372f !important; }
  #pageContent.cueva-live-mobile-page .recent-badge-split { background: #eef1f5 !important; color: #454952 !important; }

  #pageContent.cueva-live-mobile-page .recent-session-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-top: 11px !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 43px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    touch-action: manipulation !important;
  }
  #pageContent.cueva-live-mobile-page .recent-view-btn {
    border: 1px solid #dfe1e5 !important;
    background: #fff !important;
    color: #303238 !important;
  }
  #pageContent.cueva-live-mobile-page .recent-receipt-btn {
    border: 1px solid #d8eade !important;
    background: #f1faf4 !important;
    color: #177343 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 120px !important;
    padding: 20px !important;
    border: 1px dashed #dfe1e5 !important;
    border-radius: 16px !important;
    color: #888b92 !important;
    text-align: center !important;
  }
  #pageContent.cueva-live-mobile-page .recent-session-empty i { font-size: 18px !important; }
  #pageContent.cueva-live-mobile-page .recent-session-empty strong { color: #555860 !important; font-size: 12px !important; }
  #pageContent.cueva-live-mobile-page .recent-session-empty span { font-size: 10px !important; }

  #pageContent.cueva-live-mobile-page .history-view-all-btn {
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    gap: 5px !important;
  }
}

/* Recent Session detail sheet */
.recent-session-detail-overlay {
  position: fixed;
  inset: 0;
  z-index: 10070;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px 14px calc(18px + env(safe-area-inset-bottom));
  background: rgba(15,18,24,.52);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.recent-session-detail-sheet {
  width: min(100%, 520px);
  max-height: min(82vh, 720px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 14px 14px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(15,18,24,.22);
}
.recent-detail-grabber { width: 42px; height: 5px; margin: 0 auto 14px; border-radius: 999px; background: #d8dbe0; }
.recent-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.recent-detail-head > div { min-width: 0; }
.recent-detail-head span { display: block; color: #9a9da4; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.recent-detail-head h3 { margin: 3px 0 0; color: #17181c; font-size: 21px; line-height: 1.15; font-weight: 900; }
.recent-detail-head p { margin: 5px 0 0; color: #747780; font-size: 12px; line-height: 1.4; }
.recent-detail-close { flex: 0 0 auto; width: 38px; height: 38px; border: 0; border-radius: 12px; background: #f2f3f5; color: #33363d; font-size: 23px; line-height: 1; }
.recent-detail-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 14px; }
.recent-detail-summary > div { min-width: 0; padding: 9px 8px; border-radius: 12px; background: #f7f8f9; }
.recent-detail-summary span { display: block; color: #93969d; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.recent-detail-summary strong { display: block; margin-top: 2px; color: #25272c; font-size: 11px; line-height: 14px; font-weight: 850; overflow-wrap: anywhere; }
.recent-detail-bill { margin-top: 13px; padding: 11px 12px; border: 1px solid #e7e8ec; border-radius: 15px; background: #fff; }
.recent-detail-bill > div, .recent-detail-payments > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; color: #686b73; font-size: 12px; }
.recent-detail-bill strong, .recent-detail-payments strong { color: #25272c; white-space: nowrap; }
.recent-detail-bill .recent-detail-discount strong { color: #a86d00; }
.recent-detail-bill .recent-detail-total { margin-top: 5px; padding-top: 10px; border-top: 1px solid #e7e8ec; color: #17181c; font-weight: 900; }
.recent-detail-bill .recent-detail-total strong { font-size: 18px; }
.recent-detail-payments { margin-top: 10px; padding: 11px 12px; border-radius: 15px; background: #f8f9fa; }
.recent-detail-section-title { display: block; margin-bottom: 4px; color: #8e9198; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.recent-detail-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8px; margin-top: 14px; }
.recent-detail-actions button { min-height: 48px; border: 0; border-radius: 14px; font-size: 12px; font-weight: 900; }
.recent-detail-close-btn { background: #f1f2f4; color: #34373d; }
.recent-detail-receipt-btn { background: #177343; color: #fff; }

/* =========================================================
   RECENT SESSIONS — PREMIUM COMPACT MOBILE DESIGN v2
   Visual override only. Scope: Recent Sessions.
   ========================================================= */
@media (max-width: 820px) {
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll {
    margin-top: 2px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row {
    margin-bottom: 10px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card {
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid #e7e8eb !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 3px 12px rgba(18,20,24,.045) !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #1e2025 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-top {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 14px 10px 16px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource {
    min-width: 0 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource > span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    margin: 0 0 5px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: #f1f2f4 !important;
    color: #686b72 !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource h4 {
    margin: 0 !important;
    color: #17181b !important;
    font-size: 17px !important;
    line-height: 21px !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-total {
    min-width: 92px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    background: #f7f7f8 !important;
    text-align: right !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-total span {
    color: #96999f !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-total strong {
    margin-top: 2px !important;
    color: #151619 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person {
    margin: 0 14px 0 16px !important;
    padding: 10px 0 !important;
    border-top: 1px solid #f0f1f2 !important;
    border-bottom: 1px solid #f0f1f2 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person strong {
    color: #25262a !important;
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 850 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person span {
    margin-top: 3px !important;
    color: #85888f !important;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 650 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin: 10px 14px 0 16px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta {
    padding: 9px 10px !important;
    border: 1px solid #eceef0 !important;
    border-radius: 12px !important;
    background: #fafafa !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta span {
    color: #999ca2 !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta strong {
    margin-top: 3px !important;
    color: #26272b !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 850 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-payline {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 14px 10px 16px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-payment-copy {
    min-width: 0 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-payment-copy span {
    color: #9b9da3 !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
  }

  #pageContent.cueva-live-mobile-page .recent-payment-copy strong {
    margin-top: 2px !important;
    color: #303136 !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 850 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-badges {
    gap: 4px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-badge {
    min-height: 21px !important;
    padding: 0 7px !important;
    border: 1px solid transparent !important;
    font-size: 8px !important;
    font-weight: 850 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-badge-discount {
    border-color: #f1dfaa !important;
    background: #fff9e9 !important;
    color: #826100 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-badge-credit {
    border-color: #efcfcb !important;
    background: #fff3f2 !important;
    color: #a83c34 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-badge-split {
    border-color: #dfe2e7 !important;
    background: #f3f4f6 !important;
    color: #50535a !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-actions {
    display: grid !important;
    grid-template-columns: 1fr 1.15fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px 14px calc(11px + env(safe-area-inset-bottom, 0px)) 16px !important;
    border-top: 1px solid #f0f1f2 !important;
    background: #fafafa !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-actions button {
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    line-height: 13px !important;
    font-weight: 850 !important;
    box-shadow: none !important;
  }

  #pageContent.cueva-live-mobile-page .recent-view-btn {
    border: 1px solid #dde0e4 !important;
    background: #ffffff !important;
    color: #2e3035 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-receipt-btn {
    border: 1px solid #1f7a49 !important;
    background: #1f7a49 !important;
    color: #ffffff !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-actions button i {
    font-size: 12px !important;
  }

  #pageContent.cueva-live-mobile-page .history-view-all-btn {
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e4e7 !important;
    background: #fff !important;
    color: #55585f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }
}

/* =========================================================
   RECENT SESSIONS — FULL CARD VISIBILITY FIX
   Visual only. Prevent generic mobile table/card sizing from clipping
   Recent Session content. No JS/business logic changes.
   ========================================================= */
@media (max-width: 820px) {
  #pageContent.cueva-live-mobile-page section.card:has(.recent-sessions-scroll),
  #pageContent.cueva-live-mobile-page section.card:has(.recent-sessions-scroll) .table-wrapper,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll table,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll tbody {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row > td,
  #pageContent.cueva-live-mobile-page .recent-session-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card {
    display: block !important;
    contain: none !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card::before {
    border-radius: 18px 0 0 18px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-top,
  #pageContent.cueva-live-mobile-page .recent-session-person,
  #pageContent.cueva-live-mobile-page .recent-session-meta-grid,
  #pageContent.cueva-live-mobile-page .recent-session-payline,
  #pageContent.cueva-live-mobile-page .recent-session-actions {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* Compact the finished card without hiding any information. */
  #pageContent.cueva-live-mobile-page .recent-session-top {
    padding-top: 11px !important;
    padding-bottom: 9px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta-grid {
    margin-top: 8px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-payline {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-actions {
    padding-top: 8px !important;
    padding-bottom: 9px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row:last-child {
    margin-bottom: 0 !important;
  }
}

/* Final cascade guard: controls must remain at 16px to prevent iOS focus zoom. */
@media (max-width: 820px) {
  #pageContent.cueva-live-mobile-page input,
  #pageContent.cueva-live-mobile-page select,
  #pageContent.cueva-live-mobile-page textarea,
  body:has(#pageContent.cueva-live-mobile-page) .modal input,
  body:has(#pageContent.cueva-live-mobile-page) .modal select,
  body:has(#pageContent.cueva-live-mobile-page) .modal textarea {
    font-size: 16px !important;
  }
}

/* Final Live sales menu sizing: filtering never stretches or centres rows. */

/* =========================================================
   RECENT SESSIONS — COMPACT PENDING-MATCHED DESIGN v3
   Visual scope only: Recent Sessions cards.
   ========================================================= */
@media (max-width: 820px) {
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll td::before,
  #pageContent.cueva-live-mobile-page .recent-sessions-scroll td::after,
  #pageContent.cueva-live-mobile-page .recent-mobile-row::before,
  #pageContent.cueva-live-mobile-page .recent-mobile-row::after {
    content: none !important;
    display: none !important;
  }

  #pageContent.cueva-live-mobile-page .recent-sessions-scroll .recent-mobile-row {
    margin: 0 0 12px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card {
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid #e4e5e8 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(24, 26, 31, .055) !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-card::before {
    width: 4px !important;
    border-radius: 20px 0 0 20px !important;
    background: #17191e !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 15px 15px 12px 18px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource h4 {
    margin: 0 !important;
    color: #15171b !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource .recent-session-type {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f0f1f3 !important;
    color: #666970 !important;
    font-size: 9px !important;
    line-height: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-resource small {
    display: block !important;
    margin-top: 4px !important;
    color: #92959c !important;
    font-size: 9px !important;
    line-height: 12px !important;
    font-weight: 700 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-total {
    min-width: 88px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    background: #f6f7f8 !important;
    text-align: right !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-total strong {
    font-size: 17px !important;
    line-height: 20px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 15px 0 18px !important;
    padding: 11px 0 !important;
    border-top: 1px solid #eff0f2 !important;
    border-bottom: 0 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person > div {
    min-width: 0 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-person em {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    min-height: 27px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #eaf8ef !important;
    color: #1d8650 !important;
    font-size: 9px !important;
    line-height: 11px !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 15px 12px 18px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta {
    display: flex !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 8px 5px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e9ebee !important;
    border-radius: 13px !important;
    background: #fafafa !important;
    text-align: center !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-meta strong,
  #pageContent.cueva-live-mobile-page .recent-session-meta.recent-payment-copy strong {
    margin-top: 4px !important;
    color: #292b30 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 850 !important;
    overflow-wrap: anywhere !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-badges {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    margin: -2px 15px 11px 18px !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-payline {
    display: none !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 11px 15px 12px 18px !important;
    border-top: 1px solid #eceef0 !important;
    background: #fafafa !important;
  }

  #pageContent.cueva-live-mobile-page .recent-session-actions button {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-view-btn {
    border: 1px solid #dfe1e5 !important;
    background: #fff !important;
    color: #303238 !important;
  }

  #pageContent.cueva-live-mobile-page .recent-receipt-btn {
    border-color: #248651 !important;
    background: #248651 !important;
    color: #fff !important;
  }
}
@media (max-width: 900px) {
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-grid,
  #pageContent.cueva-live-mobile-page #extrasModal .live-catalog-grid {
    align-content: start !important;
    grid-auto-rows: 92px !important;
  }

  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item,
  #pageContent.cueva-live-mobile-page #extrasModal .live-catalog-item {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    align-self: start !important;
  }

  body > #extrasModal[data-cueva-live-portal="true"] #extraCatalogSearch,
  #pageContent.cueva-live-mobile-page #extrasModal #extraCatalogSearch {
    font-size: 16px !important;
    touch-action: manipulation !important;
  }
}

/* Live Monitor header: one animated status dot and one compact static control. */
#pageContent.cueva-live-mobile-page .live-monitor-head-actions{
  gap:0!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator{
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  gap:6px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
}
#pageContent.cueva-live-mobile-page .live-jump-indicator .live-jump-dot,
#pageContent.cueva-live-mobile-page .live-jump-indicator.has-alert .live-jump-dot,
#pageContent.cueva-live-mobile-page .live-jump-indicator.has-urgent .live-jump-dot{
  width:7px!important;
  height:7px!important;
  animation:none!important;
  transform:none!important;
}
@media (prefers-reduced-motion:reduce){
  #pageContent.cueva-live-mobile-page .live-pulse{
    animation:none!important;
    transform:none!important;
  }
}

/* v206 final checkout overrides — approved compact layout. */
@media (max-width:820px){
  body > #checkoutModal[data-cueva-live-portal="true"]{align-items:flex-end!important;padding:0!important}
  body > #checkoutModal[data-cueva-live-portal="true"] > .modal-content{width:100%!important;max-width:560px!important;max-height:calc(100dvh - 16px)!important;margin:0 auto!important;padding:16px 18px!important;border-radius:24px 24px 0 0!important}
  body > #checkoutModal .checkout-compact-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 7px!important}
  body > #checkoutModal .checkout-compact-head h3{margin:0!important;font-size:24px!important;line-height:1.1!important}
  body > #checkoutModal .checkout-compact-head #checkoutCustomer{max-width:55%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important;text-align:right!important}
  body > #checkoutModal .checkout-receipt-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 12px!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:transparent!important}
  body > #checkoutModal .checkout-receipt-meta span{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#777b82!important;font-size:11px!important}
  body > #checkoutModal .checkout-summary{display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal .checkout-summary>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:39px!important;margin:0!important;padding:6px 0!important;border:0!important;border-bottom:1px solid #ececef!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal .checkout-summary>div>span{color:#555a62!important;font-size:13px!important}
  body > #checkoutModal .checkout-summary>div>span small{display:inline!important;color:#898d94!important;font-size:11px!important}
  body > #checkoutModal .checkout-summary>div>strong{font-size:14px!important;color:#17181b!important}
  body > #checkoutModal #checkoutSummary:has(#checkoutExtraItems:not([hidden])) .checkout-extras-row{display:none!important}
  body > #checkoutModal .checkout-extra-items{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  body > #checkoutModal .checkout-extra-items[hidden]{display:none!important}
  body > #checkoutModal .checkout-extra-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;min-height:39px!important;align-items:center!important;padding:6px 0!important;border-bottom:1px solid #ececef!important;font-size:13px!important}
  body > #checkoutModal .checkout-total{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;min-height:54px!important;margin:4px 0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #ececef!important;border-radius:0!important;background:transparent!important}
  body > #checkoutModal .checkout-total #discountBtn{justify-self:start!important;width:auto!important;min-height:38px!important;padding:0 8px!important;border:0!important;background:transparent!important;color:#2474df!important;font-size:12px!important}
  body > #checkoutModal .checkout-total>span{align-self:center!important;color:#777b82!important;font-size:11px!important}
  body > #checkoutModal .checkout-total>#checkoutTotalAmount{align-self:center!important;font-size:22px!important;color:#17181b!important}
  body > #checkoutModal .checkout-payment-history{margin:6px 0!important;padding:8px 10px!important}
  body > #checkoutModal .checkout-payment-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:7px 0!important;padding:4px!important;border-radius:13px!important;background:#f0f1f3!important}
  body > #checkoutModal .checkout-payment-mode button{min-height:40px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#777b82!important;font-size:12px!important;font-weight:850!important}
  body > #checkoutModal .checkout-payment-mode button.active{background:#17181b!important;color:#fff!important}
  body > #checkoutModal #checkoutFullPaymentPanel[hidden],body > #checkoutModal #checkoutSplitPaymentPanel[hidden]{display:none!important}
  body > #checkoutModal #checkoutPaymentAmountGroup{display:none!important}
  body > #checkoutModal #checkoutFullPaymentPanel .form-group{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal #checkoutFullPaymentPanel .form-group>label{display:none!important}
  body > #checkoutModal .checkout-payment-method-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
  body > #checkoutModal .checkout-payment-method-btn{min-height:48px!important;padding:6px 3px!important;border-radius:12px!important;font-size:11px!important;gap:4px!important}
  body > #checkoutModal .checkout-split-panel{margin:8px 0 4px!important}
  body > #checkoutModal .checkout-split-list{display:grid!important;gap:8px!important}
  body > #checkoutModal .checkout-split-row{display:grid!important;grid-template-columns:118px minmax(0,1fr) 42px!important;align-items:center!important;gap:7px!important}
  body > #checkoutModal .checkout-split-method,body > #checkoutModal .checkout-split-amount{width:100%!important;min-height:46px!important;margin:0!important;padding:0 10px!important;border:1px solid #dddfe3!important;border-radius:12px!important;background:#fff!important;color:#17181b!important;font-size:16px!important}
  body > #checkoutModal .checkout-split-amount{text-align:right!important;font-weight:800!important}
  body > #checkoutModal .checkout-split-remove{min-height:42px!important;border:0!important;background:transparent!important;color:#868a91!important;font-size:21px!important}
  body > #checkoutModal .checkout-split-add{width:100%!important;min-height:40px!important;margin-top:5px!important;border:0!important;background:transparent!important;color:#246fd1!important;text-align:left!important;font-size:12px!important;font-weight:800!important}
  body > #checkoutModal .checkout-split-balance{display:grid!important;grid-template-columns:1fr auto!important;gap:5px 12px!important;margin-top:5px!important;padding:9px 2px!important;border-top:1px solid #e1e3e7!important;font-size:13px!important}
  body > #checkoutModal .checkout-split-balance strong{text-align:right!important}
  body > #checkoutModal #checkoutSplitRemaining.is-balanced{color:#159451!important}
  body > #checkoutModal .credit-checkout-panel{margin:7px 0!important}
  body > #checkoutModal .checkout-notes-toggle{width:100%!important;min-height:38px!important;margin:4px 0!important;border:0!important;background:transparent!important;color:#70747b!important;text-align:left!important;font-size:12px!important;font-weight:800!important}
  body > #checkoutModal .checkout-notes-wrap[hidden]{display:none!important}
  body > #checkoutModal .checkout-notes-wrap{margin:5px 0!important;padding:0!important;background:transparent!important;border:0!important}
  body > #checkoutModal .checkout-notes-wrap textarea{min-height:76px!important;margin:0!important}
  body > #checkoutModal .modal-actions{position:sticky!important;bottom:-18px!important;z-index:3!important;margin:10px -18px -18px!important;padding:10px 18px max(12px,env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #ececef!important}
}
@media (max-width:380px){body > #checkoutModal .checkout-split-row{grid-template-columns:105px minmax(0,1fr) 38px!important}}

body > #checkoutModal #checkoutPaymentMethodGrid.no-credit{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body > #checkoutModal #checkoutPaymentMethodGrid [data-payment-method="credit"][hidden]{
  display:none!important;
}

/* v578: calm, dashboard-matched first paint for Live. */
@media (max-width:820px){
  #pageContent.cueva-live-mobile-page .live-count-loading{color:#a6a8ad!important}
  #pageContent.cueva-live-mobile-page .live-grid.is-loading{display:grid!important;gap:16px!important}
  #pageContent.cueva-live-mobile-page .live-table-skeleton{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;gap:13px!important;min-height:260px!important;padding:25px 28px!important;overflow:hidden!important;border:1px solid #e5e6e8!important;border-left:7px solid #d7b54a!important;border-radius:24px!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,22,26,.045)!important}
  #pageContent.cueva-live-mobile-page .live-table-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:cuevaLiveSkeleton 1.25s ease-in-out infinite}
  #pageContent.cueva-live-mobile-page .live-skeleton-line,#pageContent.cueva-live-mobile-page .live-skeleton-panel,#pageContent.cueva-live-mobile-page .live-skeleton-button{display:block!important;border-radius:12px!important;background:#f0f1f3!important}
  #pageContent.cueva-live-mobile-page .live-skeleton-label{width:72px;height:13px}
  #pageContent.cueva-live-mobile-page .live-skeleton-title{grid-column:1;width:42%;height:31px}
  #pageContent.cueva-live-mobile-page .live-skeleton-panel{grid-column:1/-1;height:72px;background:#f5f5f6!important}
  #pageContent.cueva-live-mobile-page .live-skeleton-detail{grid-column:1;width:58%;height:18px}
  #pageContent.cueva-live-mobile-page .live-skeleton-button{grid-column:1/-1;height:52px;background:#ececef!important}
  @keyframes cuevaLiveSkeleton{to{transform:translateX(100%)}}
}

/* v579: Live Monitor aligned with the CUEVA dashboard / Manage design. */
@media (max-width:820px){
  #pageContent.cueva-live-mobile-page .live-control-card{
    margin-bottom:14px!important;
    padding:17px 16px 16px!important;
    border:1px solid #e1e2e4!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:0 9px 26px rgba(17,18,20,.055)!important;
  }
  #pageContent.cueva-live-mobile-page .live-monitor-head{margin-bottom:15px!important}
  #pageContent.cueva-live-mobile-page .live-monitor-title-wrap{gap:11px!important}
  #pageContent.cueva-live-mobile-page .live-pulse{
    width:12px!important;
    height:12px!important;
    background:#c99a2c!important;
    box-shadow:0 0 0 6px rgba(201,154,44,.13)!important;
    animation:none!important;
  }
  #pageContent.cueva-live-mobile-page .live-eyebrow{
    margin-bottom:3px!important;
    color:#a87810!important;
    font-size:9px!important;
    line-height:11px!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
  }
  #pageContent.cueva-live-mobile-page .live-monitor-head h2{
    font-size:23px!important;
    line-height:26px!important;
    letter-spacing:-.045em!important;
  }
  #pageContent.cueva-live-mobile-page .live-jump-indicator{
    height:39px!important;
    min-height:39px!important;
    padding:0 13px!important;
    border:1px solid #17181b!important;
    border-radius:13px!important;
    background:#17181b!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:11px!important;
  }
  #pageContent.cueva-live-mobile-page .live-jump-indicator .live-jump-dot{
    background:#d4a52f!important;
    box-shadow:0 0 0 4px rgba(212,165,47,.16)!important;
  }
  #pageContent.cueva-live-mobile-page .live-jump-indicator.has-alert{
    border-color:#e39b25!important;
    background:#fff7e8!important;
    color:#945f00!important;
  }
  #pageContent.cueva-live-mobile-page .live-jump-indicator.has-urgent{
    border-color:#dc5047!important;
    background:#fff0ef!important;
    color:#b9362f!important;
  }
  #pageContent.cueva-live-mobile-page .live-monitor-grid{
    gap:0!important;
    overflow:hidden!important;
    border:1px solid #dedfe2!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  #pageContent.cueva-live-mobile-page .monitor-stat{
    min-height:76px!important;
    padding:13px 10px 11px!important;
    border:0!important;
    border-right:1px solid #ececef!important;
    border-radius:0!important;
    background:#fff!important;
  }
  #pageContent.cueva-live-mobile-page .monitor-stat:last-child{border-right:0!important}
  #pageContent.cueva-live-mobile-page .monitor-stat::after{height:4px!important;background:transparent!important}
  #pageContent.cueva-live-mobile-page .monitor-stat-dot{top:12px!important;right:10px!important;width:7px!important;height:7px!important}
  #pageContent.cueva-live-mobile-page .monitor-stat strong{
    margin-top:4px!important;
    font-size:25px!important;
    line-height:27px!important;
  }
  #pageContent.cueva-live-mobile-page .monitor-stat small{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:12px!important;
    font-weight:800!important;
  }
  #pageContent.cueva-live-mobile-page .monitor-stat.active{
    border-color:#17181b!important;
    background:#17181b!important;
    box-shadow:none!important;
  }
  #pageContent.cueva-live-mobile-page .monitor-stat.active strong,
  #pageContent.cueva-live-mobile-page .monitor-stat.active small{color:#fff!important}
  #pageContent.cueva-live-mobile-page .monitor-stat.active small{opacity:.7!important}
  #pageContent.cueva-live-mobile-page .monitor-stat.active::after{background:#d0a02d!important}
  #pageContent.cueva-live-mobile-page .monitor-stat.stat-free.active::after,
  #pageContent.cueva-live-mobile-page .monitor-stat.stat-waiting.active::after,
  #pageContent.cueva-live-mobile-page .monitor-stat.stat-ending.active::after{background:#d0a02d!important}
  #pageContent.cueva-live-mobile-page .live-monitor-foot{
    margin-top:12px!important;
    padding:11px 12px!important;
    border:1px solid #eadcb7!important;
    border-radius:13px!important;
    background:#fffaf0!important;
  }
  #pageContent.cueva-live-mobile-page .live-running-value span{
    color:#8a6a1b!important;
    font-size:9px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
    letter-spacing:.07em!important;
  }
  #pageContent.cueva-live-mobile-page .live-running-value strong{font-size:14px!important}
  #pageContent.cueva-live-mobile-page .live-monitor-sync{color:#8a6a1b!important;font-weight:850!important}
  #pageContent.cueva-live-mobile-page .live-sync-dot{background:#c99a2c!important}
  #pageContent.cueva-live-mobile-page .live-search-wrap{
    min-height:48px!important;
    margin-top:11px!important;
    padding:0 14px!important;
    border:1px solid #dedfe2!important;
    border-radius:15px!important;
    background:#fff!important;
  }
  #pageContent.cueva-live-mobile-page .live-search-wrap > i{font-size:14px!important}
  #pageContent.cueva-live-mobile-page .live-search-wrap input{height:46px!important;color:#17181b!important}
  #pageContent.cueva-live-mobile-page .live-search-hint{
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#f1f1f3!important;
    color:#7d8087!important;
  }
}

/* v580: full-width Pending Checkout floor with dashboard colours. */
@media (max-width:699px){
  #pageContent.cueva-live-mobile-page .pending-checkout-section{
    width:calc(100% + 20px)!important;
    max-width:none!important;
    margin:18px -10px 0!important;
    padding:24px 16px calc(26px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid #e6e6e8!important;
    border-radius:0!important;
    background:#f7f7f8!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .card-head{
    margin:0 0 16px!important;
    padding:0 4px 15px!important;
    border-bottom:1px solid #dedfe2!important;
  }
  #pageContent.cueva-live-mobile-page .pending-section-eyebrow{
    display:block!important;
    margin:0 0 5px!important;
    color:#a87810!important;
    font-size:9px!important;
    line-height:11px!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .card-head h3{
    margin:0!important;
    color:#17181b!important;
    font-size:24px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .card-head span:not(.pending-section-eyebrow){
    display:block!important;
    margin-top:6px!important;
    color:#7b7e85!important;
    font-size:13px!important;
    line-height:18px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section #pendingCheckoutBody{gap:14px!important}
  #pageContent.cueva-live-mobile-page .pending-checkout-section #pendingCheckoutBody .pending-mobile-card-v4{
    padding:18px!important;
    border:1px solid #dddfe2!important;
    border-left:6px solid #c99a2c!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(17,18,20,.075)!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-resource-line > strong{
    font-size:20px!important;
    line-height:24px!important;
    color:#17181b!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-type{
    background:#f1eee7!important;
    color:#625a48!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-amount > span{color:#9a7520!important}
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-amount > strong{color:#17181b!important}
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-info-item{
    border:1px solid #ececef!important;
    background:#f7f7f8!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-waiting{
    border-color:#ead8a2!important;
    background:#fff7e3!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-actions{gap:9px!important;margin-top:14px!important}
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-actions .pending-action{
    min-height:46px!important;
    border-radius:14px!important;
    font-size:11px!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-actions .pending-action-restore,
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-actions .pending-action-view{
    border:1px solid #dedfe2!important;
    background:#fff!important;
    color:#555860!important;
    box-shadow:0 2px 7px rgba(17,18,20,.035)!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-actions .pending-action-checkout{
    border:1px solid #17181b!important;
    background:#17181b!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgba(17,18,20,.14)!important;
  }
  #pageContent.cueva-live-mobile-page .pending-checkout-section .pending-v4-actions .pending-action-checkout i{color:#d5a631!important}
}

/* v581: Pending Checkout payment sheet matched to Quick Sale. */
@media (max-width:820px){
  body > #checkoutModal[data-cueva-live-portal="true"]{
    align-items:flex-end!important;
    padding:0!important;
    background:rgba(10,13,19,.46)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body > #checkoutModal[data-cueva-live-portal="true"] > .modal-content{
    width:100%!important;
    max-width:720px!important;
    max-height:94dvh!important;
    margin:0 auto!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:26px 26px 0 0!important;
    background:#f7f7f9!important;
    box-shadow:0 -18px 54px rgba(0,0,0,.18)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  body > #checkoutModal .checkout-sheet-handle{
    display:block!important;
    width:42px!important;
    height:5px!important;
    margin:8px auto 5px!important;
    border-radius:999px!important;
    background:#c7c9ce!important;
  }
  body > #checkoutModal .checkout-compact-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 -16px!important;
    padding:8px 18px 11px!important;
    border-bottom:1px solid #ececf0!important;
    background:#fff!important;
  }
  body > #checkoutModal .checkout-sheet-eyebrow{
    display:block!important;
    margin:0 0 2px!important;
    color:#a87810!important;
    font-size:9px!important;
    line-height:11px!important;
    font-weight:900!important;
    letter-spacing:.15em!important;
  }
  body > #checkoutModal .checkout-compact-head h3{
    margin:0!important;
    color:#17181b!important;
    font-size:25px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
  }
  body > #checkoutModal .checkout-compact-head #checkoutCustomer{
    max-width:52%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#17181b!important;
    font-size:15px!important;
    line-height:19px!important;
    font-weight:850!important;
    text-align:right!important;
  }
  body > #checkoutModal .checkout-receipt-meta{
    display:flex!important;
    gap:5px 12px!important;
    margin:0 -16px 10px!important;
    padding:9px 18px!important;
    border:0!important;
    background:#fff!important;
  }
  body > #checkoutModal .checkout-receipt-meta span{
    color:#7b7f87!important;
    font-size:11px!important;
    font-weight:750!important;
  }
  body > #checkoutModal .checkout-summary{
    display:block!important;
    margin:0 0 11px!important;
    padding:5px 13px!important;
    border:1px solid #e5e6e9!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(17,18,20,.035)!important;
    overflow:hidden!important;
  }
  body > #checkoutModal .checkout-summary > div{
    min-height:44px!important;
    padding:8px 0!important;
    border-bottom:1px solid #eceef1!important;
    background:transparent!important;
  }
  body > #checkoutModal .checkout-summary > div:last-child{border-bottom:0!important}
  body > #checkoutModal .checkout-summary > div > span{color:#6f737c!important;font-size:13px!important}
  body > #checkoutModal .checkout-summary > div > strong{color:#17181b!important;font-size:14px!important}
  body > #checkoutModal .checkout-summary > div.checkout-total{
    min-height:58px!important;
    margin:0!important;
    padding:10px 0!important;
    border-bottom:1px solid #eceef1!important;
  }
  body > #checkoutModal .checkout-total #discountBtn{
    min-height:38px!important;
    padding:0 8px!important;
    border:0!important;
    background:transparent!important;
    color:#a87810!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  body > #checkoutModal .checkout-total > #checkoutTotalAmount{
    color:#17181b!important;
    font-size:23px!important;
    font-weight:950!important;
  }
  body > #checkoutModal .checkout-payment-mode{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    margin:10px 0!important;
    padding:5px!important;
    border-radius:15px!important;
    background:#eceef1!important;
  }
  body > #checkoutModal .checkout-payment-mode button{
    min-height:43px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#777b84!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  body > #checkoutModal .checkout-payment-mode button.active{
    background:#11151d!important;
    color:#fff!important;
    box-shadow:0 3px 9px rgba(17,21,29,.13)!important;
  }
  body > #checkoutModal #checkoutFullPaymentPanel .form-group{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body > #checkoutModal .checkout-payment-method-grid{gap:7px!important;margin:0!important}
  body > #checkoutModal .checkout-payment-method-btn{
    min-height:52px!important;
    padding:7px 4px!important;
    border:1px solid #dfe1e5!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#202329!important;
    box-shadow:none!important;
  }
  body > #checkoutModal .checkout-payment-method-btn.active{
    border-color:#11151d!important;
    background:#11151d!important;
    color:#fff!important;
  }
  body > #checkoutModal .checkout-payment-method-btn.active i{color:#d5a631!important}
  body > #checkoutModal .checkout-split-panel{
    margin:10px 0 0!important;
    padding:12px!important;
    border:1px solid #e4e5e8!important;
    border-radius:16px!important;
    background:#fff!important;
  }
  body > #checkoutModal .checkout-split-method,
  body > #checkoutModal .checkout-split-amount{
    min-height:48px!important;
    border:1px solid #dfe1e5!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  body > #checkoutModal .checkout-split-add{color:#a87810!important;font-weight:900!important}
  body > #checkoutModal .checkout-split-balance{border-top:1px solid #e5e6e9!important}
  body > #checkoutModal #checkoutSplitRemaining.is-balanced{color:#178a54!important}
  body > #checkoutModal .checkout-notes-toggle{color:#71757d!important;font-weight:800!important}
  body > #checkoutModal .modal-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:1fr 1.2fr!important;
    gap:8px!important;
    margin:9px -16px 0!important;
    padding:11px 16px max(13px,env(safe-area-inset-bottom))!important;
    border-top:1px solid #e8e9ec!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  body > #checkoutModal .modal-actions button{
    min-height:50px!important;
    border:0!important;
    border-radius:14px!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  body > #checkoutModal #cancelCheckoutBtn{background:#eceef1!important;color:#272a30!important}
  body > #checkoutModal #confirmCheckoutBtn{
    background:#11151d!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  body > #checkoutModal #confirmCheckoutBtn i{color:#d5a631!important}
}

/* v582: show only payment methods enabled in Settings. */
@media (max-width:820px){
  body > #checkoutModal #checkoutPaymentMode[hidden],
  body > #checkoutModal #checkoutPaymentMode button[hidden],
  body > #checkoutModal #checkoutPaymentMethodGrid .checkout-payment-method-btn[hidden]{
    display:none!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="1"]{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="2"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="3"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="4"]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="1"] .checkout-payment-method-btn{
    min-height:54px!important;
    justify-content:flex-start!important;
    padding:0 18px!important;
    font-size:13px!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="2"] .checkout-payment-method-btn{
    min-height:54px!important;
    font-size:13px!important;
  }
}

/* v207/v208 final overrides: clean totals and reliable split-payment controls. */
@media (max-width:820px){
  body > #checkoutModal .checkout-split-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important}
  body > #checkoutModal .checkout-notes-toggle[hidden],body > #checkoutModal .checkout-notes-wrap[hidden]{display:none!important}
  body > #checkoutModal .checkout-summary>div[hidden]{display:none!important}
  body > #checkoutModal .checkout-summary>div.checkout-extra-items{display:block!important;width:100%!important;margin:0!important;padding:0 0 3px 12px!important;border-bottom:1px solid #ececef!important}
  body > #checkoutModal .checkout-summary>div.checkout-extra-items[hidden]{display:none!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;min-height:34px!important;margin:0!important;padding:5px 0!important;border:0!important;border-bottom:1px solid #f0f1f3!important;background:transparent!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line:last-child{border-bottom:0!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line span{min-width:0!important;overflow-wrap:anywhere!important;color:#60646b!important;font-size:12px!important}
  body > #checkoutModal .checkout-extra-items .checkout-extra-line strong{align-self:center!important;white-space:nowrap!important;color:#17181b!important;font-size:12px!important}
  body > #checkoutModal .checkout-summary>div.checkout-total{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:54px!important;margin:3px 0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #ececef!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body > #checkoutModal .checkout-summary>div.checkout-total #discountBtn{grid-column:1!important;justify-self:start!important;align-self:center!important;width:auto!important;margin:0!important}
  body > #checkoutModal .checkout-summary>div.checkout-total>span{grid-column:2!important;align-self:center!important;margin:0!important;white-space:nowrap!important}
  body > #checkoutModal .checkout-summary>div.checkout-total>#checkoutTotalAmount{grid-column:3!important;align-self:center!important;margin:0!important;white-space:nowrap!important;font-size:22px!important}
}
.live-player-group{padding:12px;border:1px solid #e5cd87;border-radius:14px;background:#fff9e8}.live-player-group[hidden]{display:none!important}.live-player-group small{display:block;margin-top:7px;color:#8a6a16;font-weight:700}.live-player-modal .modal-head{display:flex;align-items:flex-start;justify-content:space-between}.live-player-modal .modal-head small{color:#b08310;font-weight:900;letter-spacing:.12em}.player-count-summary,.player-count-price{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:13px 15px;border-radius:14px;background:#f5f5f7}.player-count-price{background:#fff4d3}.player-count-price strong{color:#8a6500;font-size:20px}.player-count-help{color:#74777f;line-height:1.45}.player-count-action{display:inline-flex!important;align-items:center;gap:6px;color:#946d06!important;font-weight:900!important}

/* v584 final override: Quick Sale visual language for Live Add Sales. */
@media (max-width:900px){
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-sheet{background:#f6f6f5!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-grid{align-content:start!important;grid-auto-rows:max-content!important;gap:8px!important;padding:0 16px 14px!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item{height:auto!important;min-height:72px!important;max-height:none!important;padding:9px 11px 9px 9px!important;border:1px solid rgba(23,25,29,.08)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 3px 14px rgba(17,19,23,.028)!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item.selected{border-color:rgba(184,135,34,.24)!important;background:#fffdf8!important;box-shadow:none!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-main{grid-template-columns:50px minmax(0,1fr)!important;gap:11px!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-thumb{width:50px!important;height:50px!important;border-radius:15px!important;background:#fff8e8!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-type,body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-type.service{margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#96989d!important;font-size:8px!important;letter-spacing:.11em!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-copy strong{margin-top:2px!important;font-size:14px!important;font-weight:780!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-copy em{margin-top:3px!important;font-size:10px!important;color:#258754!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item.unavailable .live-catalog-item-copy em{color:#b34b4b!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-side{gap:8px!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-price{font-size:13px!important;font-weight:850!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add{display:grid!important;width:34px!important;height:34px!important;place-items:center!important;border:1px solid rgba(184,135,34,.18)!important;border-radius:12px!important;background:#fff8e8!important;color:#b88722!important;font-size:22px!important;font-weight:700!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add:disabled{border-color:#e2e2e2!important;background:#f2f2f2!important;color:#aaa!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty{grid-template-columns:30px 34px 30px!important;height:34px!important;border:0!important;gap:3px!important;overflow:visible!important;background:transparent!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty button{width:30px!important;height:34px!important;border:1px solid rgba(184,135,34,.18)!important;border-radius:10px!important;background:#fff8e8!important;color:#b88722!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-qty b{width:34px!important;height:34px!important;border-radius:11px!important;background:#17191d!important;color:#e0b654!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart{margin:0 16px 9px!important;padding:11px 12px!important;border:1px solid rgba(23,25,29,.08)!important;border-radius:16px!important;box-shadow:none!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-head > div:first-child span{font-size:0!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-extra-cart-head > div:first-child span::after{content:"CURRENT SALE"!important;font-size:9px!important}
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-actions{display:block!important;padding:11px 16px max(13px,env(safe-area-inset-bottom))!important}
  body > #extrasModal[data-cueva-live-portal="true"] #cancelExtraBtn{display:none!important}
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:56px!important;padding:0 18px!important;border:0!important;border-radius:16px!important;background:#17191d!important;color:#fff!important;font-size:13px!important;font-weight:850!important}
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn strong{color:#e0b654!important;font-size:17px!important;font-weight:900!important}
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn:disabled{background:#d9dadd!important;color:#8f9298!important}
  body > #extrasModal[data-cueva-live-portal="true"] #saveExtraBtn:disabled strong{color:#8f9298!important}
}

/* v585: exact Quick Sale filters and item-card proportions in Live. */
@media (max-width:900px){
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-filters{
    display:flex!important;
    gap:4px!important;
    margin:0 16px 10px!important;
    padding:4px!important;
    overflow:visible!important;
    border:1px solid rgba(23,25,29,.055)!important;
    border-radius:15px!important;
    background:#ececea!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-filters button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:auto!important;
    padding:8px 10px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#6f7278!important;
    font-size:12px!important;
    font-weight:750!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-filters button.active{
    background:#17191d!important;
    color:#fff!important;
    box-shadow:0 4px 12px rgba(17,19,23,.14)!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-grid{
    grid-auto-rows:70px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-item-side{
    flex-direction:row!important;
    align-items:center!important;
    gap:9px!important;
  }
  body > #extrasModal[data-cueva-live-portal="true"] .live-catalog-card-add.selected-quantity{
    border-color:#17191d!important;
    background:#17191d!important;
    color:#e0b654!important;
    font-size:12px!important;
    font-weight:850!important;
  }
}

/* v586: make saved extensions visible on active and ended Live cards. */
#pageContent.cueva-live-mobile-page .active-extension-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:10px 0 0;
  padding:9px 12px;
  border:1px solid rgba(184,135,34,.18);
  border-radius:12px;
  background:#fff8e8;
  color:#8f6810;
}
#pageContent.cueva-live-mobile-page .active-extension-summary span{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}
#pageContent.cueva-live-mobile-page .active-extension-summary strong{
  white-space:nowrap;
  color:#17191d;
  font-size:12px;
  font-weight:900;
}

/* v588: unified CUEVA sheets for details, sales, WhatsApp and extension. */
.live-sheet-kicker{
  display:block;color:#9a731e;font-size:10px;font-weight:900;
  letter-spacing:.14em;line-height:1.2;margin:0 0 4px;text-transform:uppercase;
}
@media (max-width:820px){
  body > #sessionModal[data-cueva-live-portal="true"] > .session-view-content{
    width:100%!important;max-width:620px!important;max-height:88dvh!important;
    margin:auto 0 0!important;padding:0 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:28px 28px 0 0!important;background:#f7f7f8!important;
  }
  #sessionModal .modal-head{padding:22px 2px 16px!important;border-bottom:1px solid #e7e7e9!important}
  #sessionModal .modal-head>div{min-width:0!important}
  #sessionModal .close-modal,
  body > #itemsModal .close-modal,
  body > #extendModal .close-modal,
  body > #whatsappChoiceModal .close-modal{
    width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;
    display:grid!important;place-items:center!important;border:1px solid #e2e2e5!important;
    border-radius:15px!important;background:#f0f0f2!important;color:#33363c!important;font-size:20px!important;
  }
  #sessionModal .session-details{padding-top:14px!important}
  #sessionModal .session-info{gap:9px!important}
  #sessionModal .session-info>div{background:#fff!important;border:1px solid #e3e3e6!important;box-shadow:0 8px 24px rgba(22,22,27,.035)!important}
  #sessionModal .session-summary{gap:9px!important;margin-top:10px!important}
  #sessionModal .summary-card{background:#fff!important;border:1px solid #e3e3e6!important}
  #sessionModal .session-extension-card{
    background:#fff9eb!important;border-color:#ead69d!important;color:#8f6710!important;
  }
  #sessionModal .session-extension-card span{display:flex!important;align-items:center!important;gap:5px!important;color:#9a731e!important}
  #sessionModal .session-extension-card small{font:inherit;color:#9a731e!important}
  #sessionModal .view-items-btn{
    border:1px solid #e1c675!important;background:#fff9e9!important;color:#76530b!important;
  }

  body > #itemsModal[data-cueva-live-portal="true"] .modal-content{
    width:100%!important;max-width:620px!important;max-height:86dvh!important;margin:auto 0 0!important;
    border-radius:28px 28px 0 0!important;background:#f7f7f8!important;
  }
  body > #itemsModal[data-cueva-live-portal="true"] .modal-head{
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
    padding:22px 18px 17px!important;background:#fff!important;
  }
  body > #itemsModal .modal-head h3{margin:0!important;font-size:25px!important;letter-spacing:-.04em!important}
  body > #itemsModal .modal-head p{margin:4px 0 0!important;color:#92939a!important;font-size:12px!important}
  body > #itemsModal[data-cueva-live-portal="true"] .items-list{display:grid!important;gap:10px!important;padding:14px!important}
  body > #itemsModal .item-row{
    display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;
    align-items:center!important;gap:11px!important;padding:11px!important;border:1px solid #e2e2e5!important;
    border-radius:18px!important;background:#fff!important;box-shadow:0 8px 25px rgba(20,20,24,.035)!important;
  }
  body > #itemsModal .session-sale-image{grid-row:1/3;width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#fff8e8;color:#b28318;font-size:20px}
  body > #itemsModal .session-sale-image img{width:100%;height:100%;object-fit:cover}
  body > #itemsModal .session-sale-copy{min-width:0}
  body > #itemsModal .session-sale-copy small{display:block;margin-bottom:2px;color:#999aa1;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
  body > #itemsModal .session-sale-copy>strong{display:block;font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body > #itemsModal .item-meta{margin-top:3px;color:#8c8d94;font-size:11px}
  body > #itemsModal .session-sale-price{font-size:14px!important;white-space:nowrap}
  body > #itemsModal .return-item-btn{grid-column:2/4;justify-self:stretch!important;min-height:38px!important;border:1px solid #f0c7c7!important;border-radius:12px!important;background:#fff2f2!important;color:#bd3838!important;font-size:11px!important;font-weight:850!important}
  body > #itemsModal .items-total-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 14px 14px!important;padding:16px!important;border:0!important;border-radius:16px!important;background:#17191d!important;color:#fff!important}
  body > #itemsModal .items-total-row strong{font-size:21px!important;color:#e0b442!important}

  body > #extendModal[data-cueva-live-portal="true"] .live-extend-sheet{
    width:100%!important;max-width:620px!important;margin:auto 0 0!important;padding:0 16px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:28px 28px 0 0!important;background:#f7f7f8!important;
  }
  body > #extendModal .modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:22px 2px 17px!important;border-bottom:1px solid #e4e4e7!important}
  body > #extendModal .modal-head h3{margin:0!important;font-size:27px!important;letter-spacing:-.04em!important}
  body > #extendModal .modal-head p{margin:4px 0 0!important;color:#909198!important;font-size:12px!important}
  body > #extendModal .form-group{margin:14px 0 10px!important;padding:14px!important;border:1px solid #e3e3e6!important;border-radius:18px!important;background:#fff!important}
  body > #extendModal .form-group label{display:block;margin-bottom:8px;color:#9a731e;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
  body > #extendModal #extendMinutes{width:100%;min-height:58px;padding:0 14px;border:1px solid #dedee2;border-radius:15px;background:#f8f8f9;color:#17191d;font-size:18px;font-weight:850}
  body > #extendModal .extension-preview{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:0!important;background:transparent!important}
  body > #extendModal .extension-preview>div{padding:14px!important;border:1px solid #e1e1e4!important;border-radius:16px!important;background:#fff!important;text-align:left!important}
  body > #extendModal .extension-preview>div:last-child{grid-column:1/-1;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff8e7!important;border-color:#e7cf88!important}
  body > #extendModal .extension-preview span{color:#92939a!important;font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase}
  body > #extendModal .extension-preview strong{display:block;margin-top:5px;font-size:18px!important;color:#17191d!important}
  body > #extendModal .extension-preview>div:last-child strong{margin:0!important;color:#9a7014!important;font-size:22px!important}
  body > #extendModal .modal-actions{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:10px!important;margin-top:14px!important}
  body > #extendModal .modal-actions button{min-height:54px!important;border-radius:16px!important;font-weight:850!important}
  body > #extendModal #confirmExtendBtn{background:#17191d!important;color:#fff!important;box-shadow:none!important}

  body > #whatsappChoiceModal[data-cueva-live-portal="true"] > .whatsapp-choice-content{background:#f7f7f8!important}
  body > #whatsappChoiceModal .modal-head{padding-bottom:15px!important;border-bottom:1px solid #e2e3e5!important}
  body > #whatsappChoiceModal .whatsapp-choice-note{margin:14px 2px!important}
  body > #whatsappChoiceModal .whatsapp-choice-card{min-height:82px!important;border-color:#e1e2e5!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(20,20,24,.035)!important}
  body > #whatsappChoiceModal .whatsapp-choice-icon{background:#eaf8f1!important;color:#159669!important}
}

/* v583: one checkout design for Live cards, Pending Checkouts and Quick Sale. */
@media (max-width:820px){
  body > #checkoutModal .checkout-head-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0!important;
  }
  body > #checkoutModal .checkout-compact-head #checkoutCustomer{
    max-width:180px!important;
  }
  body > #checkoutModal .checkout-sheet-close{
    display:grid!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #e2e3e5!important;
    border-radius:14px!important;
    background:#f5f5f4!important;
    color:#17191d!important;
    font-size:19px!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="1"]{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:54px!important;
    padding:0 16px 0 158px!important;
    border:1px solid rgba(23,25,29,.08)!important;
    border-radius:14px!important;
    background:#f7f7f6!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="1"]::before{
    content:"Payment method"!important;
    position:absolute!important;
    left:16px!important;
    color:#85888e!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="1"] .checkout-payment-method-btn:not([hidden]){
    flex:0 0 auto!important;
    width:auto!important;
    min-height:auto!important;
    margin-left:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#17191d!important;
    box-shadow:none!important;
    font-size:13px!important;
    pointer-events:none!important;
  }
  body > #checkoutModal #checkoutPaymentMethodGrid[data-method-count="1"] .checkout-payment-method-btn:not([hidden]) i{
    color:#c99723!important;
  }
  body > #checkoutModal .modal-actions{
    display:block!important;
  }
  body > #checkoutModal #cancelCheckoutBtn{
    display:none!important;
  }
  body > #checkoutModal #confirmCheckoutBtn{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:56px!important;
    padding:0 18px!important;
    border-radius:16px!important;
    background:#17191d!important;
    color:#fff!important;
    text-align:left!important;
  }
  body > #checkoutModal #confirmCheckoutBtn span{
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
  }
  body > #checkoutModal #confirmCheckoutBtn strong{
    color:#e0b654!important;
    font-size:17px!important;
    font-weight:900!important;
  }
}

/* v594: richer Loaded Bookings cards and active-table start guard. */
@media (max-width:820px){
  body > .cueva-live-picker .cueva-live-picker__card{max-height:84dvh!important;padding:8px 14px calc(14px + env(safe-area-inset-bottom))!important;background:#f7f7f8!important}
  body > .cueva-live-picker .cueva-live-picker__head{padding:0 2px 12px!important}
  body > .cueva-live-picker .cueva-live-picker__eyebrow{color:#9a731e!important}
  body > .cueva-live-picker .cueva-live-picker__head h3{font-size:25px!important}
  body > .cueva-live-picker .cueva-live-picker__head p{font-size:11px!important}
  body > .cueva-live-picker .cueva-live-picker__active-note{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 10px!important;padding:11px 12px!important;border:1px solid #ead397!important;border-radius:14px!important;background:#fff8e7!important;color:#826116!important}
  body > .cueva-live-picker .cueva-live-picker__active-note>i{margin-top:3px!important;color:#c3911e!important;font-size:14px!important}
  body > .cueva-live-picker .cueva-live-picker__active-note span{display:flex!important;min-width:0!important;flex-direction:column!important}
  body > .cueva-live-picker .cueva-live-picker__active-note strong{font-size:12px!important;font-weight:900!important;color:#26272a!important}
  body > .cueva-live-picker .cueva-live-picker__active-note small{margin-top:2px!important;font-size:9px!important;line-height:13px!important;color:#7a6b48!important}
  body > .cueva-live-picker .cueva-live-picker__list{gap:9px!important;max-height:56vh!important}
  body > .cueva-live-picker .cueva-live-picker__booking{grid-template-columns:72px minmax(0,1fr) 18px!important;min-height:88px!important;padding:11px 12px!important;border-color:#e1e2e5!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 20px rgba(20,20,24,.035)!important}
  body > .cueva-live-picker .cueva-live-picker__booking.is-next{border-color:#dfc26e!important;background:#fffaf0!important}
  body > .cueva-live-picker .cueva-live-picker__booking.is-action-required{border-color:#9fd8b8!important;background:#f1fbf5!important}
  body > .cueva-live-picker .cueva-live-picker__booking.is-action-required .cueva-live-picker__time small{color:#168a50!important}
  body > .cueva-live-picker .cueva-live-picker__time strong{font-size:17px!important;line-height:20px!important}
  body > .cueva-live-picker .cueva-live-picker__customer>strong{font-size:14px!important;line-height:17px!important}
  body > .cueva-live-picker .cueva-live-picker__customer>small{font-size:10px!important;line-height:13px!important}
  body > .cueva-live-picker .cueva-live-picker__details{display:flex!important;align-items:center!important;gap:5px!important;margin-top:7px!important;flex-wrap:wrap!important}
  body > .cueva-live-picker .cueva-live-picker__details b{display:inline-flex!important;align-items:center!important;min-height:21px!important;padding:0 7px!important;border-radius:7px!important;background:#f1f1f3!important;color:#60636a!important;font-size:8px!important;font-weight:850!important;white-space:nowrap!important}
  body > .cueva-live-picker .cueva-live-picker__details b.is-paid{background:#eaf8f0!important;color:#13844c!important}
  body > .cueva-live-picker .cueva-live-picker__details b.is-due{background:#fff3d7!important;color:#9a6a00!important}
  body > .cueva-live-picker .cueva-live-picker__booking>i.fa-eye{color:#b28218!important;font-size:12px!important}
  #bookingStartModal #bookingStartNote.is-table-active{border-color:#edcb71!important;background:#fff6dc!important;color:#795500!important}
  #bookingStartModal #bookingStartConfirmBtn:disabled{opacity:1!important;background:#d9dadd!important;color:#85888e!important;box-shadow:none!important;cursor:not-allowed!important}
  #bookingStartModal #bookingStartConfirmBtn:disabled i{color:#85888e!important}
}

/* v590-final-override: compact Walk-in and prevent horizontal sheet movement. */
@media (max-width:820px){
  html:has(#walkinModal.show),body:has(#walkinModal.show){overflow-x:hidden!important;overscroll-behavior-x:none!important}
  body > #walkinModal[data-cueva-live-portal="true"]{width:100vw!important;max-width:100vw!important;padding:0!important;overflow:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important}
  body > #walkinModal[data-cueva-live-portal="true"] > .live-walkin-sheet{position:relative!important;left:0!important;right:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;max-height:88dvh!important;margin:0!important;padding:0 13px calc(13px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none!important;touch-action:pan-y!important}
  body > #walkinModal .live-walkin-sheet *{box-sizing:border-box!important;min-width:0}
  body > #walkinModal .live-walkin-head{width:auto!important;margin:0 -13px!important;padding:16px 15px 13px!important}
  body > #walkinModal .live-walkin-head h3{font-size:23px!important}
  body > #walkinModal .live-walkin-head p{font-size:11px!important}
  body > #walkinModal .close-modal{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;font-size:18px!important}
  body > #walkinModal .session-info-box{margin:10px 0 8px!important;padding:12px 13px!important;border-radius:15px!important}
  body > #walkinModal .session-info-box strong{font-size:17px!important}
  body > #walkinModal .session-info-box span{margin-top:3px!important;font-size:11px!important}
  body > #walkinModal .form-group{width:100%!important;margin:0 0 7px!important;padding:10px!important;border-radius:15px!important}
  body > #walkinModal .form-group label{margin-bottom:6px!important;font-size:8px!important}
  body > #walkinModal .form-group input,body > #walkinModal .form-group select,body > #walkinModal .form-group textarea{max-width:100%!important;min-height:46px!important;padding:10px 11px!important;border-radius:12px!important;font-size:15px!important}
  body > #walkinModal .form-group textarea{min-height:62px!important;max-height:62px!important}
  body > #walkinModal .modal-actions{width:auto!important;margin:3px -13px -13px!important;padding:10px 13px calc(13px + env(safe-area-inset-bottom))!important}
  body > #walkinModal .modal-actions button{min-height:49px!important;border-radius:14px!important;font-size:12px!important}
}

.live-table-card.plan-inactive-card{border-left:4px solid #b74e48!important;background:#fff!important;}
.plan-inactive-card .live-status{background:#f9ecec!important;color:#ac4944!important;}
.live-inactive-notice{padding:16px;background:#fcf1f1;border-radius:12px;color:#ac4944;font-weight:600;}

/* Compact Live Monitor with expandable search */
#pageContent.cueva-live-mobile-page .live-monitor-head{align-items:center!important;margin-bottom:16px!important}
#pageContent.cueva-live-mobile-page .live-monitor-head h2{font-size:24px!important;line-height:1.25!important;margin:0!important}
#pageContent.cueva-live-mobile-page .live-search-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e4e4e9;border-radius:14px;background:#fff;color:#70737c;font-size:17px;cursor:pointer}
#pageContent.cueva-live-mobile-page .live-search-toggle[aria-expanded="true"]{background:#f6efdc;border-color:#e8dbb8;color:#96782e}
#pageContent.cueva-live-mobile-page .live-search-panel[hidden]{display:none!important}
#pageContent.cueva-live-mobile-page .live-search-panel{margin-top:14px}
#pageContent.cueva-live-mobile-page .live-search-panel .live-search-wrap{margin-top:0!important}
#pageContent.cueva-live-mobile-page .live-search-close{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:10px;background:#f3f3f6;color:#767982;display:grid;place-items:center;cursor:pointer}