/* v2.89.9 — Ajustes de ancho en celular (hallazgos del chequeo semanal de enlaces/desborde). Solo layout; colores vía tokens existentes. */

/* Selects largos (Fusionar clientes, Documentos MP, Preventa, Cliente 360): nunca más anchos que su contenedor */
select { max-width: 100%; }
.gx-grid > *, .pv-meta > * { min-width: 0; }
.docu-fam-form { flex-wrap: wrap; max-width: 100%; min-width: 0; }
.docu-fam-form .docu-fam-select { min-width: 0; flex: 1 1 8.5rem; }
.docu-linkcard-actions { max-width: 100%; min-width: 0; }

/* Input de archivo oculto del Gantt: no se sale del recuadro */
.gantt-dropzone-form .gantt-dropzone input[type="file"] { left: 0; top: 0; width: 1px; max-width: 1px; }

@media (max-width: 720px) {
  /* Comercial › Hoy: chips de aviso hacen salto de línea */
  .crm-chip { max-width: 100%; }
  .crm-chip-warn { white-space: normal; }

  /* Cabeceras de tarjeta con acciones (Healthcheck › Hallazgos «Crear tareas PMO desde P1») */
  .doc-card-head { flex-wrap: wrap; }
  .doc-card-head > * { min-width: 0; max-width: 100%; }
  .doc-card-head .inline-form { flex-wrap: wrap; }
  .doc-card-head .btn { white-space: normal; }

  /* Barras de acciones de cabecera con formulario en línea (MP › Asignadas a mí «Aviso por correo … Desactivar») */
  .actions { min-width: 0; max-width: 100%; }
  .actions > .inline-form { flex-wrap: wrap; max-width: 100%; }
  .actions > .inline-form > * { min-width: 0; max-width: 100%; white-space: normal; }

  /* v2.90.1 — Inicio y Notificaciones: avisos con textos largos; cabecera de tarjeta con botones */
  .alert-live-main { min-width: 0; max-width: 100%; }
  .alert-live-body, table.mobile-cards td { overflow-wrap: anywhere; min-width: 0; }
  .page-head { flex-wrap: wrap; }
  .page-head > * { min-width: 0; max-width: 100%; }

  /* v2.90.1 — Tablero comercial: chips de la tarjeta («Inactiva N días») hacen salto de línea */
  .crm-card-top { flex-wrap: wrap; }
  .crm-card-top > .crm-chip { min-width: 0; max-width: 100%; white-space: normal; }

  /* Rutas y códigos largos */
  .form-card code, .card code { overflow-wrap: anywhere; }

  /* Tabla clave/valor de 4 columnas (Bolsa de horas): se apila */
  table.table.kv-stack, table.table.kv-stack tbody, table.table.kv-stack tr { display: block; width: 100%; }
  table.table.kv-stack th, table.table.kv-stack td { display: block; width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
  table.table.kv-stack th { padding-bottom: 0; border-bottom: 0; }
}