/*
 * Modal Matriz Cargos/Abonos Foundation - estilos aislados
 * Scope: solo elementos del toolbox de matriz para no contaminar otros modales.
 */

[data-iris-matriz-toolbox="1"] .btn-link {
  text-decoration: none;
}

[data-iris-matriz-toolbox="1"] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px 14px;
}

[data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-detail {
  font-size: 12px;
  color: #495057;
  font-weight: 600;
}

[data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-main {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 360px;
}

[data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-label {
  margin: 0;
  font-size: 12px;
  color: #495057;
  font-weight: 600;
}

[data-iris-matriz-toolbox="1"] select[data-iris-matriz-concepto-select="1"],
[data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-select {
  min-height: 32px;
  min-width: 320px;
  font-size: 12px;
}

[data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
  flex: 0 0 auto;
}

[data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-pagesize {
  width: 86px;
  min-width: 86px;
  font-size: 12px;
}

@media (max-width: 768px) {
  [data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-main {
    flex: 1 1 100%;
    order: 2;
  }

  [data-iris-matriz-toolbox="1"] .iris-matriz-toolbox-actions {
    order: 3;
    width: 100%;
    justify-content: flex-end;
  }
}

/*
 * TKT-MATRIZ-CA-COL-ROL-VISIBLE — Anchos reducidos en columnas compactas (Opción A workaround).
 * NOTA: deprecar este bloque al implementar TKT-IRIS-MOTOR-COL-WIDTH (motor iris-modal-dialogs.js
 * extendido para propagar col.width al <td> y al control interno). Ver TKT-MATRIZ-CSS-ANCHO-DEPRECAR.
 */
.iris-modal-table-type .iris-tbl-cell-textbox[data-col-key="evento_ordinal"],
.iris-modal-table-type .iris-tbl-cell-textbox[data-col-key="opc_reporte"] {
  width: 68px;
  max-width: 68px;
  min-width: 0;
}
.iris-modal-table-type .iris-tbl-cell-textbox[data-col-key="idioma"] {
  width: 60px;
  max-width: 60px;
  min-width: 0;
}