/* Folio y conversación de los mensajes de contacto (público y panel). */
.seg-folio { margin: 1.25rem 0; padding: 1rem 1.15rem; border: 1px dashed var(--mr-morado); border-radius: .75rem; background: var(--mr-morado-claro); }
.seg-folio-codigo { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 1.6rem; font-weight: 700; letter-spacing: .12em; color: var(--mr-morado-2, var(--mr-morado)); }

.seg-conversacion-ancho { max-width: 46rem; }
.seg-encabezado { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }

.seg-etapas { list-style: none; padding: 0; margin: 0 0 1.75rem; display: flex; gap: .5rem; }
.seg-etapas li { flex: 1 1 0; min-width: 0; border-top: 3px solid var(--mr-linea); padding-top: .5rem; font-size: .85rem; font-weight: 600; color: var(--mr-piedra); }
.seg-etapas li.hecho { border-color: var(--mr-cempa); color: var(--mr-tinta); }
.seg-etapas li.actual { border-color: var(--mr-morado); color: var(--mr-morado); }

.seg-hilo { list-style: none; padding: 0; margin: 0; display: grid; gap: .9rem; }
.seg-burbuja { max-width: 88%; padding: .85rem 1rem; border-radius: 1rem; border: 1px solid var(--mr-linea); background: #fff; }
.seg-burbuja.persona { justify-self: end; border-bottom-right-radius: .3rem; background: #f6f4f8; }
.seg-burbuja.equipo { justify-self: start; border-bottom-left-radius: .3rem; border-color: var(--mr-morado); background: var(--mr-morado-claro); }
.seg-autor { margin: 0 0 .35rem; font-size: .82rem; font-weight: 700; color: var(--mr-tinta); }
.seg-autor span { font-weight: 400; color: var(--mr-piedra); }
.seg-texto p:last-child { margin-bottom: 0; }
.seg-nota-correo { display: block; margin-top: .35rem; font-size: .78rem; color: var(--mr-piedra); }

@media (max-width: 575.98px) {
  .seg-burbuja { max-width: 100%; }
  .seg-etapas li { font-size: .75rem; }
}