/* Automatizar (js/vistas/automatizar.js): segmentado Flujos · Agentes · Ejecuciones y la lista de flujos.
   design-system/pages/crm.md («Automatizar», «Lista de flujos»). Prefijo crm-; la tabla es ui.tabla (crm.css). */
.crm-au-seg{margin-top:12px;max-width:420px}
.crm-au-cuerpo{min-width:0}
.crm-au-zona .crm-titulo-sec{margin-top:18px}

/* Nombre del flujo con el ícono de cómo empieza */
.crm-au-nom{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;vertical-align:middle}
.crm-au-nom>span:last-child{font-size:17px;font-weight:650;letter-spacing:-.015em;line-height:1.25;overflow-wrap:anywhere;min-width:0}
.crm-au-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--campo);color:var(--texto);flex:none}
.crm-au-ic.crm-au-ic-negro{background:var(--negro);color:var(--sobre-negro)}
.crm-au-fallas{font-weight:700}
.crm-au-sw{display:inline-flex;align-items:center;min-height:44px}
.crm-au-sin{font-size:13px;white-space:nowrap}

/* Listas sencillas de Agentes y Ejecuciones (mientras sus vistas no exportan la suya) */
.crm-au-lista{min-height:120px}
.crm-au-fila{min-height:56px}
.crm-au-fila .crm-der{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--suave);white-space:nowrap}
.crm-au-fila .crm-der b{font-size:15px;color:var(--texto)}
.crm-au-fila .crm-fila-txt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-au-est{display:grid;place-items:center;width:24px;flex:none;color:var(--suave)}
.crm-au-ej .crm-fila-txt>b{font-size:15px}

/* En tarjetas (lista angosta), qué hace va en dos renglones y sin las cifras de la semana */
@container tabla (max-width:919px){
  .crm-au-zona .crm-tabla .crm-td-prin>small:not(.crm-ver){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
  .crm-au-zona .crm-tabla .crm-td-prin>small.crm-ver{display:none}
}