/*
================================================================
Zenty Emite Producción · Fase 18.4.6
Ajuste de ancho del menú lateral y catálogo de productos sin
scroll horizontal. Solo modifica presentación; no cambia lógica.
================================================================
*/

/* Evita que cualquier elemento interno fuerce el ancho de la página. */
html,
body,
#root,
.app-shell,
.app-main,
.app-content,
.page-stack,
.content-grid,
.panel-card,
.admin-form,
.zenty-inline-stock {
  min-width: 0 !important;
  max-width: 100%;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden !important;
}

/* ==============================================================
   MENÚ LATERAL MÁS COMPACTO EN ESCRITORIO
   ============================================================= */
@media (min-width: 992px) {
  :root {
    --zenty-sidebar-width: 208px;
  }

  .app-sidebar {
    padding: 0.72rem !important;
  }

  .sidebar-brand {
    gap: 0.62rem !important;
    padding: 0.68rem !important;
    border-radius: 16px !important;
  }

  .sidebar-brand .brand-icon,
  .brand-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    font-size: 1.05rem !important;
  }

  .sidebar-brand strong {
    font-size: 0.9rem !important;
    font-weight: 650 !important;
  }

  .sidebar-brand span {
    font-size: 0.7rem !important;
  }

  .sidebar-nav {
    gap: 0.24rem !important;
    margin-top: 0.72rem !important;
  }

  .sidebar-link {
    min-height: 41px !important;
    gap: 0.58rem !important;
    padding: 0.6rem 0.68rem !important;
    border-radius: 12px !important;
    font-size: 0.79rem !important;
    font-weight: 560 !important;
  }

  .sidebar-link i {
    flex: 0 0 auto;
    font-size: 0.92rem !important;
  }

  .sidebar-link > span {
    font-size: 0.79rem !important;
  }

  .zenty-menu-section {
    margin: 0.48rem 0 0.08rem !important;
    padding: 0.48rem 0.55rem 0.22rem !important;
    font-size: 0.56rem !important;
  }

  .app-content {
    padding: 0.78rem !important;
  }
}

/* ==============================================================
   MÁS ANCHO PARA PRODUCTOS Y STOCK EN LA EMISIÓN
   ============================================================= */
@media (min-width: 1321px) {
  body.zenty-boletas-page.zenty-pos-layout .admin-form {
    grid-template-columns:
      minmax(0, 1.06fr)
      minmax(215px, 0.34fr)
      minmax(430px, 0.96fr) !important;
    gap: 12px !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  body.zenty-boletas-page.zenty-pos-layout .admin-form {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.72fr) !important;
    gap: 12px !important;
  }
}

/* ==============================================================
   TARJETA DE PRODUCTOS: PROPORCIÓN, RESPIRACIÓN Y SIN SCROLL X
   ============================================================= */
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock * {
  box-sizing: border-box;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header {
  gap: 0.8rem !important;
  padding: 1rem 1.08rem 0.88rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__title {
  gap: 0.7rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header h4 {
  font-size: 0.96rem !important;
  line-height: 1.25 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header p {
  margin-top: 0.24rem !important;
  font-size: 0.67rem !important;
  line-height: 1.35 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__toolbar {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.62rem !important;
  padding: 0.86rem 1rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 0.82rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search-button {
  padding-inline: 0.9rem !important;
  white-space: nowrap;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__status {
  padding: 0.58rem 1rem !important;
  font-size: 0.66rem !important;
  line-height: 1.35 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.78rem 0.66rem !important;
  overflow: hidden;
  line-height: 1.35 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th {
  font-size: 0.6rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td {
  font-size: 0.69rem !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:nth-child(1) { width: 18% !important; }
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:nth-child(2) { width: 38% !important; }
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:nth-child(3) { width: 14% !important; }
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:nth-child(4) { width: 20% !important; }
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th:nth-child(5) { width: 10% !important; }

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__code,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.35 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__name {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__code,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__price,
body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__stock {
  white-space: nowrap !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__add {
  width: 32px !important;
  height: 32px !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__footer {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.45rem 0.85rem !important;
  padding: 0.82rem 1rem !important;
  line-height: 1.4 !important;
}

body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__footer a {
  margin-left: auto;
  white-space: nowrap;
}

/* En pantallas más estrechas el buscador se apila antes de apretarse. */
@media (max-width: 1180px) {
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__toolbar {
    grid-template-columns: 1fr !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__search-button {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__header,
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__toolbar,
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__status,
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__footer {
    padding-left: 0.82rem !important;
    padding-right: 0.82rem !important;
  }

  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table th,
  body.zenty-boletas-page.zenty-pos-layout .zenty-inline-stock__table td {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}