/* LiveRest device shells: phone <768, tablet 768-1199, desktop >=1200 */

:root {
  --pos-touch-min: 44px;
  --pos-safe-bottom: env(safe-area-inset-bottom, 0px);
}

.pos-shell {
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  padding-bottom: var(--pos-safe-bottom);
  overflow: hidden;
  box-sizing: border-box;
}

.pos-shell > .qpos-container {
  height: 100%;
  max-height: 100%;
}

/* RestKiosk: cihaz görünen alanına kilitle (dikey tam oturur) */
.pos-shell:has(.rki-shell) {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  font-size: 16px;
}
.pos-shell:has(.rki-shell) > .rki-shell {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-width: none;
}

/* RestKiosk: tema ::-webkit-scrollbar (beyaz iz) — *::-webkit-scrollbar Chrome'da yok sayılır */
html:has(.rki-shell),
html:has(.rki-shell) body,
html:has(.rki-shell) .rki-grid,
html:has(.rki-shell) .rki-cart-list,
html:has(.rki-shell) .rki-sheet-body,
html:has(.rki-shell) .rp-kiosk-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: #f59e0b #0f172a !important;
}
html:has(.rki-shell) ::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
html:has(.rki-shell) ::-webkit-scrollbar-track {
  background: #0f172a !important;
  border-radius: 999px !important;
}
html:has(.rki-shell) ::-webkit-scrollbar-thumb {
  background: #f59e0b !important;
  border-radius: 999px !important;
  border: 2px solid #0f172a !important;
}
html:has(.rki-shell) ::-webkit-scrollbar-thumb:hover {
  background: #fbbf24 !important;
}

/* RestKiosk: gizli Rest motorundaki DxPopup / dropdown sızmasın */
html:has(.rki-shell) .rki-engine .dxbl-popup,
html:has(.rki-shell) .rki-engine .dxbl-modal {
  display: none !important;
}

/* RestKiosk tost: SoDToast right/360px ve mobil padding-bottom merkeze kaydırır */
html body .rki-toast-host {
  padding: 0 !important;
  margin: 0 !important;
}
html body .rki-toast-host .custom-toast {
  position: static !important;
  width: fit-content !important;
  max-width: min(92vw, 640px) !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .rki-toast-host .toastMessage {
  position: relative !important;
  width: min(92vw, 640px) !important;
  max-width: 92vw !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}

.pos-shell .qpos-action-btn,
.pos-shell .qpos-bottom-btn,
.pos-shell .qpos-pay-btn,
.pos-shell .menu-btn,
.pos-shell .top-cat-btn,
.pos-shell .sub-cat-btn,
.pos-shell .table-btn {
  min-height: var(--pos-touch-min);
}

/* Ürün ızgarası — varsayılan (Desktop ile aynı: 3 kolon, büyük kart) */
.pos-shell .products-grid {
  display: grid !important;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: auto;
  align-content: start;
  gap: 4px;
}

/* Viewport küçüldükçe paneller / tipografi / alt bar ölçeklensin */
.pos-shell .qpos-container {
  min-width: 0;
  max-width: 100vw;
}

.pos-shell .qpos-left-panel {
  width: clamp(260px, 36vw, 520px);
  max-width: 40%;
  min-width: 0;
  flex-shrink: 1;
  overflow: hidden;
}

.pos-shell .qpos-order-list-area {
  min-width: 0 !important;
  max-width: 100%;
  overflow: hidden !important;
  flex: 1 1 auto;
}

.pos-shell .rest-cart-root {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.pos-shell .qpos-right-panel {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.pos-shell .products-area {
  min-width: 0;
  overflow: hidden;
}

.pos-shell .qpos-sub-categories {
  width: clamp(96px, 12vw, 160px);
  min-width: 96px;
  max-width: 160px;
  flex-shrink: 1;
}

.pos-shell .qpos-bottom-bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: stretch;
  gap: 3px;
  flex: 0 0 auto;
  width: 100%;
  min-height: 48px;
  padding: 4px 6px;
  box-sizing: border-box;
}

.pos-shell .qpos-bottom-btn {
  font-size: 11px !important;
  height: 44px !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pos-shell .qpos-cat-btn {
  min-width: clamp(88px, 12vw, 160px) !important;
  font-size: clamp(12px, 1.35vw, 18px) !important;
}

.pos-shell .qpos-sub-cat-btn {
  font-size: clamp(11px, 1.2vw, 16px) !important;
  min-height: clamp(44px, 8vh, 60px) !important;
}

.pos-shell .qpos-action-btn {
  font-size: clamp(10px, 1.1vw, 12px) !important;
  height: clamp(32px, 4.5vh, 38px) !important;
  padding: 2px 1px !important;
}

.pos-shell .qpos-action-rail {
  width: clamp(56px, 5.5vw, 75px);
  min-width: 56px;
  flex-shrink: 0;
  gap: 3px;
  overflow-y: auto;
}

.pos-shell .product-card {
  position: relative;
  display: block;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  height: auto !important;
  overflow: hidden;
  border: 1px solid rgba(200, 200, 200, 0.55);
  box-sizing: border-box;
  background-color: #1a1a1a;
  cursor: pointer;
}

.pos-shell .product-card.no-image {
  aspect-ratio: auto;
  background-color: #3d5c2e;
}

.pos-shell .product-card.no-image .product-image.no-image-area {
  display: none;
}

.pos-shell .product-card.no-image .product-info {
  position: relative;
  inset: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: transparent;
  justify-content: center;
  padding: 8px 6px;
}

.pos-shell .product-card.no-image .product-name,
.pos-shell .product-card.no-image .product-price {
  color: #fff;
}

.pos-shell .product-card.no-image .product-name {
  font-size: 13px;
  text-transform: uppercase;
}

.pos-shell .product-card.no-image .product-price {
  font-size: 14px;
  margin-top: 4px;
}

.pos-shell .product-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 42px;
  width: 100%;
  height: auto;
  background-color: #111;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.pos-shell .product-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  min-height: 42px;
  max-height: 48px;
  background-color: rgba(30, 94, 33, 0.92);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  box-sizing: border-box;
}

/* ===== DESKTOP (>=1200): büyük ürün kartları, alt bar yayılır ===== */
.pos-device-desktop .qpos-container {
  flex-direction: row;
}

.pos-device-desktop .pos-phone-cart-sheet,
.pos-device-desktop .pos-overflow-actions {
  display: none !important;
}

.pos-device-desktop .products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px;
}

@media (min-width: 1600px) {
  .pos-device-desktop .products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

.pos-device-desktop .product-card {
  aspect-ratio: 1 / 1;
  max-height: none;
}

.pos-device-desktop .product-card.no-image {
  height: 120px !important;
  min-height: 110px;
  max-height: 140px;
}

.pos-device-desktop .product-name {
  font-size: 13px;
}

.pos-device-desktop .product-price {
  font-size: 14px;
}

.pos-device-desktop .qpos-bottom-bar {
  overflow: hidden;
}

.pos-device-desktop .qpos-bottom-btn {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 46px !important;
  font-size: 11.5px !important;
}

/* ===== TABLET (768-1199): ürünler | sepet (aksiyonlar üst şerit) ===== */
.pos-device-tablet .qpos-container {
  flex-direction: row;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  align-items: stretch;
}

.pos-device-tablet .qpos-left-panel {
  display: flex;
  flex-direction: column;
  width: min(38%, 400px);
  min-width: 260px;
  max-width: 400px;
  order: 2;
  flex-shrink: 0;
  height: 100%;
  min-height: 0;
  border-right: none;
  border-left: 2px solid #555;
}

.pos-device-tablet .qpos-right-panel {
  order: 1;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.pos-device-tablet .qpos-action-rail,
.pos-device-tablet .qpos-left-panel > .d-flex.flex-column.bg-dark.border-right {
  display: none !important;
}

.pos-device-tablet .pos-overflow-actions {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 4px;
  padding: 6px;
  background: #2b2b2b;
  width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box;
}

.pos-device-tablet .pos-overflow-actions .btn {
  flex: 1 1 auto;
  min-width: 4.5rem;
  min-height: 36px;
  font-size: 12px;
}

.pos-device-tablet .qpos-order-list-area {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important; /* bootstrap h-100 tablet kolonunda taşmasın */
  max-height: none !important;
  overflow: hidden;
  width: 100%;
}

.pos-device-tablet .products-area {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.pos-device-tablet .products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto;
  align-content: start;
  gap: 3px;
}

.pos-device-tablet .product-card {
  aspect-ratio: 1 / 1;
  max-height: 200px;
}

.pos-device-tablet .product-card.no-image {
  height: 96px !important;
  min-height: 88px;
  max-height: 110px;
}

.pos-device-tablet .product-name {
  font-size: 12px;
}

.pos-device-tablet .product-price {
  font-size: 12px;
}

.pos-device-tablet .qpos-bottom-bar {
  flex: 0 0 auto;
  width: 100%;
  overflow-x: auto;
}

.pos-device-tablet .qpos-bottom-btn {
  flex: 1 1 0 !important;
  min-width: 3.5rem !important;
  height: 42px !important;
  font-size: 10.5px !important;
  padding: 2px 3px !important;
}

.pos-device-tablet .qpos-sub-categories {
  width: 110px;
  min-width: 96px;
}

.pos-device-tablet.pos-orientation-portrait .products-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.pos-device-tablet.pos-orientation-landscape .table-btn-container {
  max-height: calc(100vh - 80px);
  overflow: auto;
}

/* Dar tablet / küçük pencere: sepet biraz daha dar */
@media (max-width: 1100px) {
  .pos-device-tablet .qpos-left-panel {
    width: min(36%, 340px);
    min-width: 240px;
  }
}

/* ===== PHONE (<768): stack + bottom sheet cart ===== */
.pos-device-phone .qpos-container {
  flex-direction: column;
  height: calc(100dvh - 3rem);
  overflow: hidden;
}

.pos-device-phone .qpos-left-panel {
  display: none;
  width: 100%;
  max-width: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  height: 70vh;
  max-height: 70dvh;
  border-right: none;
  border-top: 3px solid #ff9800;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -8px 24px rgba(0,0,0,.45);
}

.pos-device-phone.pos-cart-open .qpos-left-panel {
  display: flex;
}

.pos-device-phone .qpos-right-panel {
  width: 100%;
  flex: 1;
  min-height: 0;
}

.pos-device-phone .qpos-left-panel > .d-flex.flex-column.bg-dark {
  display: none !important;
}

.pos-device-phone .pos-overflow-actions {
  display: flex !important;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 6px;
  padding: 8px;
  background: #222;
}

.pos-device-phone .pos-overflow-actions .btn {
  flex: 0 0 auto;
  min-width: 72px;
  min-height: var(--pos-touch-min);
  font-size: 12px;
}

.pos-device-phone .products-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto;
  align-content: start;
  gap: 3px;
}

.pos-device-phone .product-card {
  aspect-ratio: 1 / 1;
  max-height: 160px;
}

.pos-device-phone .product-card.no-image {
  height: 80px !important;
  min-height: 72px;
  max-height: 90px;
}

.pos-device-phone .product-name {
  font-size: 11px;
}

.pos-device-phone .product-price {
  font-size: 11px;
}

.pos-device-phone .top-cat-btn,
.pos-device-phone .d-flex.flex-row.bg-dark.overflow-auto button {
  min-width: 120px !important;
  font-size: 14px !important;
}

.pos-device-phone .qpos-right-panel > .d-flex.justify-content-end {
  flex-wrap: nowrap;
  overflow-x: auto;
  height: auto !important;
  min-height: 56px;
  gap: 4px;
  padding: 6px !important;
}

.pos-device-phone .qpos-bottom-bar {
  overflow-x: auto;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
}

.pos-device-phone .qpos-bottom-btn {
  flex: 1 1 auto !important;
  min-width: 4.25rem !important;
  height: 40px !important;
  font-size: 10px !important;
}

.pos-device-phone .pos-phone-cart-sheet {
  display: flex !important;
  position: sticky;
  bottom: 0;
  z-index: 30;
  background: #007acc;
  color: #fff;
  min-height: var(--pos-touch-min);
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  padding-bottom: calc(10px + var(--pos-safe-bottom));
  font-weight: 700;
}

.pos-device-desktop .pos-phone-cart-sheet,
.pos-device-tablet .pos-phone-cart-sheet {
  display: none !important;
}

/* Payment: phone vertical, tablet/desktop two-pane already col-md-* */
.pos-device-phone .getaccount-root .row {
  flex-direction: column;
}

.pos-device-phone .getaccount-root .col-md-4,
.pos-device-phone .getaccount-root .col-md-5,
.pos-device-phone .getaccount-root .col-md-3 {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

/* Kitchen monitor */
.pos-shell:has(.pos-kitchen-shell) {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

.pos-kitchen-shell {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  min-height: 0;
  overflow: hidden;
  background: #111;
}

.pos-kitchen-toolbar {
  flex: 0 0 auto;
}

.pos-kitchen-grid {
  display: grid;
  gap: 12px;
  padding: 12px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  align-content: start;
}

.pos-device-desktop .pos-kitchen-grid,
.pos-device-tablet.pos-orientation-landscape .pos-kitchen-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pos-device-tablet.pos-orientation-portrait .pos-kitchen-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pos-device-phone .pos-kitchen-grid {
  grid-template-columns: 1fr;
}

.pos-kitchen-card {
  background: #1e1e1e;
  border: 1px solid #444;
  border-radius: 8px;
  padding: 12px;
  color: #fff;
  min-height: 140px;
}

.pos-kitchen-card.status-ready {
  border-color: #22c55e;
}

.pos-kitchen-card.status-preparing {
  border-color: #f59e0b;
}

/* Açık/Kapalı Adisyon listesi: dar tek kolon popup */
html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup,
html body dxbl-modal-dialog.rest-checklist-popup {
  --sod-popup-min-height: 0 !important;
  --sod-popup-max-height: min(80vh, 80dvh) !important;
  --dxbl-popup-resize-container-height: auto !important;
  width: 56vw !important;
  min-width: 40rem !important;
  max-width: min(56vw, 52rem) !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(80vh, 80dvh) !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: auto !important;
  transform: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup > dxbl-popup-resizable-container,
html body dxbl-modal-dialog.rest-checklist-popup > dxbl-popup-resizable-container {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: inherit !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup .dxbl-modal-content,
html body dxbl-modal-dialog.rest-checklist-popup .dxbl-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup .dxbs-modal-content,
html body dxbl-modal-dialog.rest-checklist-popup .dxbs-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup .modal-content,
html body dxbl-modal-dialog.rest-checklist-popup .modal-content {
  min-height: 0 !important;
  height: auto !important;
  max-height: inherit !important;
  border-radius: 0.35rem !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup .dxbl-modal-body,
html body dxbl-modal-dialog.rest-checklist-popup .dxbl-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup .dxbs-modal-body,
html body dxbl-modal-dialog.rest-checklist-popup .dxbs-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-checklist-popup .modal-body,
html body dxbl-modal-dialog.rest-checklist-popup .modal-body {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* Fiş / Paket Sipariş Bilgileri: içeriğe sığan yükseklik (footer body içinde) */
html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup,
html body dxbl-modal-dialog.rest-receipt-detail-popup,
html body .rest-receipt-detail-popup.dxbl-popup,
html body .rest-receipt-detail-popup {
  --sod-popup-min-height: 0 !important;
  --sod-popup-max-height: none !important;
  --dxbl-popup-resize-container-height: fit-content !important;
  width: 32rem !important;
  max-width: min(32rem, calc(100vw - 2rem)) !important;
  min-height: 0 !important;
  height: fit-content !important;
  max-height: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: auto !important;
  transform: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup > dxbl-popup-resizable-container,
html body dxbl-modal-dialog.rest-receipt-detail-popup > dxbl-popup-resizable-container,
html body .rest-receipt-detail-popup > dxbl-popup-resizable-container {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: fit-content !important;
  max-height: none !important;
  flex: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup .dxbl-modal-content,
html body dxbl-modal-dialog.rest-receipt-detail-popup .dxbl-modal-content,
html body .rest-receipt-detail-popup .dxbl-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup .dxbs-modal-content,
html body dxbl-modal-dialog.rest-receipt-detail-popup .dxbs-modal-content,
html body .rest-receipt-detail-popup .dxbs-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup .modal-content,
html body dxbl-modal-dialog.rest-receipt-detail-popup .modal-content,
html body .rest-receipt-detail-popup .modal-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  height: fit-content !important;
  max-height: none !important;
  border-radius: 0.35rem !important;
  flex: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup .dxbl-modal-body,
html body dxbl-modal-dialog.rest-receipt-detail-popup .dxbl-modal-body,
html body .rest-receipt-detail-popup .dxbl-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup .dxbs-modal-body,
html body dxbl-modal-dialog.rest-receipt-detail-popup .dxbs-modal-body,
html body .rest-receipt-detail-popup .dxbs-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-receipt-detail-popup .modal-body,
html body dxbl-modal-dialog.rest-receipt-detail-popup .modal-body,
html body .rest-receipt-detail-popup .modal-body {
  flex: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.rest-receipt-detail-body {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 28rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.25rem 0;
}

.rest-receipt-detail-label {
  width: 10rem;
  flex-shrink: 0;
  font-weight: 600;
}

/* İsme Adisyon Aç: tek alanlı diyalog — global popup min-height (95vh) uygulanmasın */
html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup,
html body dxbl-modal-dialog.rest-name-check-popup {
  --sod-popup-min-height: 0 !important;
  --sod-popup-max-height: none !important;
  --dxbl-popup-resize-container-height: auto !important;
  width: 28rem !important;
  max-width: min(28rem, calc(100vw - 2rem)) !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: auto !important;
  transform: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup > dxbl-popup-resizable-container,
html body dxbl-modal-dialog.rest-name-check-popup > dxbl-popup-resizable-container {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup .dxbl-modal-content,
html body dxbl-modal-dialog.rest-name-check-popup .dxbl-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup .dxbs-modal-content,
html body dxbl-modal-dialog.rest-name-check-popup .dxbs-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup .modal-content,
html body dxbl-modal-dialog.rest-name-check-popup .modal-content {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 0.35rem !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup .dxbl-modal-body,
html body dxbl-modal-dialog.rest-name-check-popup .dxbl-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup .dxbs-modal-body,
html body dxbl-modal-dialog.rest-name-check-popup .dxbs-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-name-check-popup .modal-body,
html body dxbl-modal-dialog.rest-name-check-popup .modal-body {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Kompakt Ürün Ara / Masa Taşı — viewport yüksekliğine yayılmasın */
html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup,
html body dxbl-modal-dialog.rest-product-search-popup {
  --sod-popup-min-height: 0 !important;
  --sod-popup-max-height: none !important;
  --dxbl-popup-resize-container-height: auto !important;
  max-width: min(28rem, calc(100vw - 2rem)) !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: auto !important;
  transform: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup > dxbl-popup-resizable-container,
html body dxbl-modal-dialog.rest-product-search-popup > dxbl-popup-resizable-container {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup .dxbl-modal-content,
html body dxbl-modal-dialog.rest-product-search-popup .dxbl-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup .dxbs-modal-content,
html body dxbl-modal-dialog.rest-product-search-popup .dxbs-modal-content,
html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup .modal-content,
html body dxbl-modal-dialog.rest-product-search-popup .modal-content {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 0.35rem !important;
}

html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup .dxbl-modal-body,
html body dxbl-modal-dialog.rest-product-search-popup .dxbl-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup .dxbs-modal-body,
html body dxbl-modal-dialog.rest-product-search-popup .dxbs-modal-body,
html body dxbl-modal-dialog.dxbl-popup.rest-product-search-popup .modal-body,
html body dxbl-modal-dialog.rest-product-search-popup .modal-body {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}