/* ===== Sala · search + filters ===== */
body.bos-ops-dark .restaurant-table-map-filters{
  gap:12px!important;
  align-items:stretch!important;
}
body.bos-ops-dark .restaurant-table-map-filters input,
body.bos-ops-dark .restaurant-table-map-filters select{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #34445f!important;
  border-radius:16px!important;
  background:#0d1719!important;
  color:#f3f6ff!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.bos-ops-dark .restaurant-table-map-filters input::placeholder{
  color:#8894ad!important;
  opacity:1!important;
  font-weight:500!important;
}
body.bos-ops-dark .restaurant-table-map-filters input:hover,
body.bos-ops-dark .restaurant-table-map-filters select:hover{
  border-color:#4a5b7c!important;
  background:#0f1b1e!important;
}
body.bos-ops-dark .restaurant-table-map-filters input:focus,
body.bos-ops-dark .restaurant-table-map-filters select:focus{
  border-color:#2fd6c5!important;
  box-shadow:0 0 0 3px rgba(47,214,197,.13),inset 0 1px 0 rgba(255,255,255,.04)!important;
  background:#0f1c1f!important;
}
body.bos-ops-dark #restaurantTableSearch{
  padding-left:18px!important;
}

/* ===== QR per tavolo · create form ===== */
body.bos-ops-dark .restaurant-table-create-panel{
  padding:18px!important;
  border:1px solid #2d3a59!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#121b31 0%,#101829 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
body.bos-ops-dark .restaurant-table-create-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(1){grid-column:span 3!important}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(2){grid-column:span 3!important}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(3){grid-column:span 2!important}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(4){grid-column:span 2!important}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(5){grid-column:span 2!important}
body.bos-ops-dark .restaurant-table-create-grid>label:nth-child(6){grid-column:span 6!important}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(7){grid-column:span 6!important}

body.bos-ops-dark .restaurant-table-create-grid input,
body.bos-ops-dark .restaurant-table-create-grid select,
body.bos-ops-dark .restaurant-table-menu select,
body.bos-ops-dark .restaurant-table-min input,
body.bos-ops-dark .restaurant-table-max input,
body.bos-ops-dark .restaurant-table-area input{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #34445f!important;
  border-radius:15px!important;
  background:#0d1719!important;
  color:#f3f6ff!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.2!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.bos-ops-dark .restaurant-table-create-grid input::placeholder,
body.bos-ops-dark .restaurant-table-area input::placeholder{
  color:#8894ad!important;
  opacity:1!important;
  font-weight:500!important;
}
body.bos-ops-dark .restaurant-table-create-grid input:hover,
body.bos-ops-dark .restaurant-table-create-grid select:hover,
body.bos-ops-dark .restaurant-table-menu select:hover,
body.bos-ops-dark .restaurant-table-min input:hover,
body.bos-ops-dark .restaurant-table-max input:hover,
body.bos-ops-dark .restaurant-table-area input:hover{
  border-color:#4a5b7c!important;
  background:#0f1b1e!important;
}
body.bos-ops-dark .restaurant-table-create-grid input:focus,
body.bos-ops-dark .restaurant-table-create-grid select:focus,
body.bos-ops-dark .restaurant-table-menu select:focus,
body.bos-ops-dark .restaurant-table-min input:focus,
body.bos-ops-dark .restaurant-table-max input:focus,
body.bos-ops-dark .restaurant-table-area input:focus{
  border-color:#2fd6c5!important;
  background:#0f1c1f!important;
  box-shadow:0 0 0 3px rgba(47,214,197,.13)!important;
}

/* The combinable control becomes a real UI card rather than a raw checkbox row. */
body.bos-ops-dark .restaurant-table-create-grid>label.switch-row,
body.bos-ops-dark .restaurant-table-combinable{
  min-height:52px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #34445f!important;
  border-radius:15px!important;
  background:#111a2d!important;
  color:#eef3ff!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.bos-ops-dark .restaurant-table-create-grid>label.switch-row input,
body.bos-ops-dark .restaurant-table-combinable input{
  width:20px!important;
  height:20px!important;
  min-height:0!important;
  flex:0 0 auto!important;
  accent-color:#2fd6c5!important;
}
body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(7)>.btn{
  width:100%!important;
  min-height:52px!important;
  border-radius:15px!important;
}

/* ===== Existing QR table editor rows ===== */
body.bos-ops-dark .restaurant-table-row-grid{
  gap:12px!important;
}
body.bos-ops-dark .restaurant-table-menu,
body.bos-ops-dark .restaurant-table-min,
body.bos-ops-dark .restaurant-table-max,
body.bos-ops-dark .restaurant-table-area{
  min-width:0!important;
}
body.bos-ops-dark .restaurant-table-actions .btn{
  min-height:44px!important;
  border-radius:13px!important;
}

/* ===== Responsive: keep the already-working structure, only improve proportions ===== */
@media (max-width:980px){
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(1),
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(2){grid-column:span 6!important}
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(3),
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(4){grid-column:span 3!important}
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(5){grid-column:span 6!important}
}
@media (max-width:560px){
  body.bos-ops-dark .restaurant-table-map-filters{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.bos-ops-dark .restaurant-table-map-filters input{
    grid-column:1/-1!important;
  }
  body.bos-ops-dark .restaurant-table-map-filters input,
  body.bos-ops-dark .restaurant-table-map-filters select{
    min-height:50px!important;
    height:50px!important;
    border-radius:15px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
  body.bos-ops-dark .restaurant-table-create-panel{
    padding:14px!important;
    border-radius:18px!important;
  }
  body.bos-ops-dark .restaurant-table-create-grid{
    gap:10px!important;
  }
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(1),
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(2),
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(5),
  body.bos-ops-dark .restaurant-table-create-grid>label:nth-child(6),
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(7){grid-column:1/-1!important}
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(3){grid-column:1/7!important}
  body.bos-ops-dark .restaurant-table-create-grid>div:nth-child(4){grid-column:7/13!important}
  body.bos-ops-dark .restaurant-table-create-grid input,
  body.bos-ops-dark .restaurant-table-create-grid select,
  body.bos-ops-dark .restaurant-table-menu select,
  body.bos-ops-dark .restaurant-table-min input,
  body.bos-ops-dark .restaurant-table-max input,
  body.bos-ops-dark .restaurant-table-area input{
    min-height:50px!important;
    height:50px!important;
    border-radius:15px!important;
    padding:0 14px!important;
    font-size:15px!important;
  }
}