/* Diagrama del recorrido (js/diagramaRecorrido.js). Compartido por el panel y el portal del cliente. */
.diagrama-recorrido { color: #1f2933; margin-bottom: 16px; }
.diagrama-lienzo { border: 1px solid #e1e5ea; border-radius: 10px; background: #fafbfc; padding: 10px 6px; }
.diagrama-lienzo.horizontal { overflow-x: auto; }
.diagrama-lienzo svg { display: block; overflow: visible; }
.diagrama-lienzo.horizontal svg { margin: 0 auto; }
.diagrama-leyenda { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 12.5px; color: #616e7c; }
.diagrama-dia { display: inline-flex; align-items: center; gap: 6px; }
.diagrama-dia i { width: 18px; height: 4px; border-radius: 2px; display: inline-block; }
.diagrama-dia i.discontinua { background: repeating-linear-gradient(90deg, #616e7c 0 5px, transparent 5px 9px); }
.diagrama-vacio { border: 1px dashed #cdd3da; border-radius: 10px; padding: 22px; text-align: center; color: #616e7c; font-size: 13.5px; }