/* TrailLab v272 · iconos del Coach y panel de conversaciones.
   Archivo nuevo (los estáticos van cache-first y los nombres existentes no cambian entre
   versiones; deuda documentada en v253). */

/* ------------------------------------------------ iconos de los especialistas */
/* Antes cada rol era un emoji, y los emojis los dibuja el sistema: distinto estilo, distinto peso
   y distinto tamaño en cada dispositivo. Estos son SVG de trazo con la misma rejilla, así que la
   fila se lee como una familia. */
.coach-role .cr-svg{
  width:18px;
  height:18px;
  display:block;
}
.coach-role .cr-ic{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* ------------------------------------------------ panel de conversaciones */
.coach-convobar .cdash{
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%;
}

.cdash-now{
  display:flex;
  align-items:center;
  gap:10px;
}
.cdash-ic{
  display:inline-flex;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:10px;
  flex:0 0 auto;
}
.cdash-ic .cr-svg{ width:18px; height:18px; }
.cdash-txt{ display:flex; flex-direction:column; min-width:0; flex:1; }
.cdash-txt b{
  font-size:.92rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cdash-txt span{ font-size:.74rem; color:var(--muted); }

/* Atajos a las últimas conversaciones del especialista: antes había que abrir el panel lateral
   para saber siquiera que existían. */
.cdash-recent{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.cdash-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:4px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  font-size:.76rem;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cdash-chip:hover{ border-color:var(--lime, #a6e82c); color:var(--lime, #a6e82c); }
.cdash-chip small{
  font-size:.68rem;
  opacity:.7;
  border-left:1px solid var(--line);
  padding-left:6px;
}
.cdash-chip.all{ border-style:dashed; }

.cdash-usage{
  font-size:.72rem;
  color:var(--muted);
  opacity:.85;
}

@media (max-width:680px){
  .cdash-txt b{ font-size:.86rem; }
  .cdash-recent{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; }
}