/* Adaptación móvil final para los paneles Vendedor y Delivery. Se carga al final. */
@media (max-width: 768px) {
  html { overflow-x: hidden; }
  body.market-panel-page {
    width: 100%; min-height: 100dvh; margin: 0; overflow-x: hidden;
    padding: env(safe-area-inset-top) 0 calc(78px + env(safe-area-inset-bottom)) !important;
  }
  body.market-panel-page #panelScreen { width: 100% !important; min-width: 0 !important; }
  body.market-panel-page #deliveryLogin { z-index: 7000 !important; padding: max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom)) !important; }
  body.market-panel-page .login-container { width: 100% !important; min-height: 100dvh !important; padding: max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom)) !important; }
  body.market-panel-page .login-card,
  body.market-panel-page .market-delivery-login { width: 100% !important; max-width: 430px !important; padding: 22px 17px !important; border-radius: 22px !important; }
  body.market-panel-page .sidebar {
    position: fixed !important; inset: auto 0 0 0 !important; z-index: 5000 !important;
    width: 100% !important; height: calc(72px + env(safe-area-inset-bottom)) !important;
    padding: 6px 7px calc(6px + env(safe-area-inset-bottom)) !important;
    display: flex !important; flex-direction: row !important; align-items: stretch !important;
    gap: 4px !important; overflow-x: auto !important; overflow-y: hidden !important;
    background: #102019 !important; border: 0 !important; border-top: 1px solid #ffffff24 !important;
    box-shadow: 0 -8px 28px rgba(9,28,20,.25) !important;
    scrollbar-width: none;
  }
  body.market-panel-page .sidebar::-webkit-scrollbar { display: none; }
  body.market-panel-page .sidebar-logo,
  body.market-panel-page .sidebar-divider { display: none !important; }
  body.market-panel-page .sidebar-link {
    flex: 0 0 78px !important; width: 78px !important; min-height: 56px !important;
    margin: 0 !important; padding: 7px 5px !important; border-radius: 13px !important;
    display: flex !important; flex-direction: column !important; align-items: center !important;
    justify-content: center !important; gap: 2px !important; color: #dce8e1 !important;
    font-size: .62rem !important; line-height: 1.08 !important; text-align: center !important;
    white-space: normal !important;
  }
  body.market-panel-page .sidebar-link.active { color: #fff !important; background: #e65d34 !important; }
  body.market-panel-page .main,
  body.market-panel-page .main-content,
  body.market-panel-page #mainContent {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; padding: 18px 11px 24px !important;
  }
  body.market-panel-page .main > *,
  body.market-panel-page #mainContent > *,
  body.market-panel-page .card-body > * { min-width: 0 !important; max-width: 100%; }
  body.market-panel-page pre,
  body.market-panel-page code { max-width: 100% !important; overflow-x: auto !important; white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
  body.market-panel-page p,
  body.market-panel-page h1,
  body.market-panel-page h2,
  body.market-panel-page h3,
  body.market-panel-page h4,
  body.market-panel-page small,
  body.market-panel-page label { overflow-wrap: anywhere !important; }
  body.market-panel-page .main-header { display: block !important; margin-bottom: 16px !important; }
  body.market-panel-page .main-header h1 { margin: 0 0 5px !important; font-size: 1.65rem !important; line-height: 1.12 !important; }
  body.market-panel-page .main-header-actions { width: 100% !important; margin-top: 12px !important; display: grid !important; gap: 8px !important; }
  body.market-panel-page .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
  body.market-panel-page .stat-card { min-width: 0 !important; padding: 14px !important; }
  body.market-panel-page .stat-card-val { font-size: 1.35rem !important; overflow-wrap: anywhere; }
  body.market-panel-page .card { max-width: 100% !important; border-radius: 18px !important; overflow: hidden; }
  body.market-panel-page .card-hd { padding: 13px 14px !important; flex-wrap: wrap !important; gap: 8px !important; }
  body.market-panel-page .card-body { padding: 14px !important; }
  body.market-panel-page .form-row { grid-template-columns: minmax(0,1fr) !important; gap: 11px !important; }
  body.market-panel-page .form-group { min-width: 0 !important; }
  body.market-panel-page input,
  body.market-panel-page select,
  body.market-panel-page textarea {
    width: 100% !important; max-width: 100% !important; min-height: 46px !important;
    padding: 11px 12px !important; font-size: 16px !important;
  }
  body.market-panel-page input[type=file] { min-height: 50px !important; padding: 8px !important; }
  body.market-panel-page .btn { min-height: 43px !important; max-width: 100% !important; padding: 10px 13px !important; white-space: normal !important; }
  body.market-panel-page .table-wrap,
  body.market-panel-page .table-container,
  body.market-panel-page .table-responsive {
    width: 100% !important; max-width: 100% !important; padding: 2px !important;
    overflow-x: auto !important; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch;
  }
  body.market-panel-page table { min-width: 680px !important; font-size: .8rem !important; }
  body.market-panel-page th,
  body.market-panel-page td { padding: 10px !important; white-space: normal !important; vertical-align: top !important; }
  body.market-panel-page td .btn { width: auto !important; min-width: 92px; margin: 2px !important; }
  body.market-panel-page .chat-container {
    height: calc(100dvh - 190px) !important; min-height: 480px !important;
    display: flex !important; flex-direction: column !important; border-radius: 18px !important;
  }
  body.market-panel-page .chat-list {
    display: flex !important; flex: 0 0 auto !important; width: 100% !important; max-height: 112px !important;
    overflow-x: auto !important; overflow-y: hidden !important; border: 0 !important; border-bottom: 1px solid var(--b1) !important;
  }
  body.market-panel-page .chat-list-item { flex: 0 0 190px !important; padding: 11px !important; border-right: 1px solid var(--b1) !important; }
  body.market-panel-page .chat-main { min-height: 0 !important; flex: 1 1 auto !important; }
  body.market-panel-page .chat-messages { min-height: 0 !important; padding: 12px !important; }
  body.market-panel-page .chat-msg { max-width: 88% !important; overflow-wrap: anywhere !important; }
  body.market-panel-page .chat-input-bar {
    position: sticky; bottom: 0; padding: 9px !important; gap: 7px !important;
    background: var(--bg4) !important; padding-bottom: max(9px,env(safe-area-inset-bottom)) !important;
  }
  body.market-panel-page .chat-input-bar input { min-width: 0 !important; }
  body.market-panel-page .chat-input-bar .btn { flex: 0 0 auto !important; min-width: 48px !important; }
  body.market-panel-page .map-container { width: 100% !important; height: min(58dvh,440px) !important; min-height: 310px !important; }
  body.market-panel-page .order-card,
  body.market-panel-page .order-item { width: 100% !important; min-width: 0 !important; padding: 14px !important; border-radius: 18px !important; }
  body.market-panel-page .order-header,
  body.market-panel-page .order-actions { flex-wrap: wrap !important; gap: 8px !important; }
  body.market-panel-page .order-actions { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.market-panel-page .order-actions .btn { width: 100% !important; }
  body.market-panel-page .tracking-bar { width: 100% !important; padding: 9px 2px !important; overflow-x: auto !important; justify-content: flex-start !important; }
  body.market-panel-page .tracking-step { flex: 0 0 auto !important; white-space: nowrap !important; }
  body.market-panel-page .delivery-info { flex-wrap: wrap !important; }
  body.market-panel-page .leaflet-control-container { font-size: 12px; }
  body.market-panel-page img { max-width: 100%; }
  body.market-panel-page .store-photo-preview { width: 100% !important; max-width: 190px !important; height: 130px !important; object-fit: cover !important; }
  body.market-panel-page .modal,
  body.market-panel-page .modal-content { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto !important; }
  body.market-panel-page .modal-overlay { align-items: flex-end !important; padding: 10px !important; }
  body.market-panel-page .modal-overlay .modal { border-radius: 22px 22px 12px 12px !important; padding: 17px 13px max(17px,env(safe-area-inset-bottom)) !important; }
  body.market-panel-page .platform-payment-info { grid-template-columns: 1fr !important; }
  body.market-panel-page .platform-payment-info img { width: min(100%,240px) !important; margin-inline: auto !important; }
  body.market-panel-page .toast,
  body.market-panel-page #notificationContainer { max-width: calc(100vw - 20px) !important; }
}

@media (max-width: 420px) {
  body.market-panel-page .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.market-panel-page .main,
  body.market-panel-page #mainContent { padding-inline: 8px !important; }
  body.market-panel-page .sidebar-link { flex-basis: 72px !important; width: 72px !important; }
  body.market-panel-page .chat-list-item { flex-basis: 165px !important; }
}