/* Minaya AgroFresh · Fase 32.14 · Correcciones responsive finales */

/* El estado autenticado siempre debe ocultar el acceso, incluso en móvil. */
#login.hidden,
.login-wrap.hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Los títulos sobre fondos verdes conservan contraste suficiente. */
#content .module-hero h1,
#content .module-hero h2,
#content .module-hero h3,
#content .module-hero h4{
  color:#fff!important;
}
#content .module-hero p,
#content .module-hero .eyebrow{
  color:rgba(255,255,255,.9)!important;
}

/* Las categorías mantienen su ancho y se recorren horizontalmente. */
.inventory-type-tabs253{
  display:flex!important;
  max-width:100%;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:15px 2px 8px!important;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.inventory-type-tab253{
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  min-height:44px;
  white-space:nowrap!important;
  overflow:visible!important;
}

/* Los modales principales quedan por encima del encabezado y la ayuda flotante. */
.modal{
  z-index:100500!important;
}
.modal-card{
  position:relative!important;
}
.modal-card>.close,
#closeModal{
  position:absolute!important;
  inset:12px 14px auto auto!important;
  z-index:2!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
}

@media (max-width:720px){
  /* Evita que las tablas se conviertan en tarjetas sin encabezados. */
  #content .professional-table-wrap,
  #content .table-wrap,
  #content .table-responsive,
  #content .responsive-table,
  #content [class*="table-wrap"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:1px solid var(--maf-border,#dfe7df)!important;
    border-radius:13px!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch;
  }
  #content table{
    display:table!important;
    width:100%!important;
    min-width:720px!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  #content table thead{display:table-header-group!important}
  #content table tbody{display:table-row-group!important}
  #content table tfoot{display:table-footer-group!important}
  #content table tr{
    display:table-row!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #content table th,
  #content table td{
    display:table-cell!important;
    min-width:0!important;
    padding:11px 12px!important;
    border:0!important;
    border-bottom:1px solid #e7eee9!important;
    text-align:left!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
  }
  #content table th{
    background:#f4f8f5!important;
    color:#3f594b!important;
  }
  #content table td::before{content:none!important;display:none!important}
  #content table td[colspan]{
    white-space:normal!important;
    text-align:center!important;
    padding:28px 18px!important;
  }

  .inventory-type-navigation253{
    max-width:100%;
    overflow:hidden;
  }
  .inventory-type-tabs253{
    margin-right:0!important;
    padding-bottom:11px!important;
  }

  .modal-card>.close,
  #closeModal{
    top:10px!important;
    right:10px!important;
  }
}

@media print{
  #content table{min-width:0!important}
}