/* Sofía conversacional: Ajustes → Respuestas de Sofía, Política y uso de IA y Mensajes → Sin respuesta.
   Usa los mismos tokens del resto de Sofía (--ln, --r1…r3, --tx*, --e*) y los colores de la marca solo cuando dicen algo (ámbar = pendiente, rojo = problema). */
.conv-lista { display: grid; gap: var(--e3); padding: 0; margin: 0; list-style: none; }
.conv-fila { display: grid; gap: var(--e3); padding: var(--e3) var(--e4); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.6); background: var(--r1); min-width: 0; }
.conv-fila.abierta { border-color: var(--bd); }
.conv-fila-cab { display: flex; gap: var(--e3); align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.conv-fila-cab > .crecer, .conv-fila > .crecer { flex: 1 1 18rem; min-width: 0; display: grid; gap: var(--e1); }
.conv-editor { gap: var(--e3); padding-top: var(--e2); border-top: 1px solid var(--ln); }
.conv-en-uso { display: grid; gap: var(--e2); }
.conv-cita { margin: 0; padding: var(--e3); border-left: 3px solid var(--celeste); background: var(--r2); white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--paso-0); line-height: 1.5; }
.conv-cita-larga { max-height: 12rem; overflow: auto; }
.conv-pendiente { display: grid; gap: var(--e2); padding: var(--e3); border: 1px solid var(--ambar); border-radius: calc(var(--radio) * 0.5); }
.conv-pendiente p { margin: 0; }
.conv-variables { display: flex; flex-wrap: wrap; gap: var(--e2); align-items: center; }
.conv-var { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; }
.conv-previa { display: grid; gap: var(--e2); padding: var(--e3); border-radius: calc(var(--radio) * 0.5); background: var(--r2); min-height: 4.5rem; align-content: start; }
.conv-problemas { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--e1); color: var(--rojo); }
.conv-problemas li { display: flex; gap: var(--e2); align-items: flex-start; }
.conv-texto-version { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 26rem; }
.conv-detalle summary { cursor: pointer; font-size: var(--paso--1); color: var(--tx-2); }
.conv-autorizacion-actual { display: grid; gap: var(--e2); padding: var(--e3) var(--e4); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.6); background: var(--r1); }
.conv-autorizacion-actual .aviso { margin: 0; padding: var(--e3); border: 1px solid var(--ambar); border-radius: calc(var(--radio) * 0.5); display: flex; gap: var(--e2); align-items: center; }
.conv-chat { display: flex; flex-direction: column; gap: var(--e2); min-height: 12rem; max-height: min(30rem, 60vh); overflow: auto; padding: var(--e3); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.6); background: var(--r1); }
.conv-chat-vacio { margin: auto; text-align: center; }
.conv-burbuja { max-width: min(36rem, 92%); padding: 0.6rem 0.85rem; border-radius: 1rem; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; }
.conv-burbuja[data-de="sofia"] { background: var(--r3); border: 1px solid var(--ln); align-self: flex-start; border-bottom-left-radius: 0.25rem; }
.conv-burbuja[data-de="persona"] { background: color-mix(in srgb, var(--celeste) 30%, var(--r2)); align-self: flex-end; border-bottom-right-radius: 0.25rem; }
.conv-meta { margin-top: 0.4rem; font-size: var(--paso--1); color: var(--tx-2); }
.conv-probar-form { align-items: flex-end; flex-wrap: wrap; }
.conv-probar-form .campo { flex: 1 1 16rem; margin: 0; }
.conv-probar-opciones { align-items: end; }

/* Mensajes → Sin respuesta */
.sinresp { display: grid; gap: var(--e4); }
.sinresp-resumen { display: flex; flex-wrap: wrap; gap: var(--e2); }
.sinresp-cat { display: inline-flex; align-items: center; gap: var(--e2); min-height: 2.25rem; padding: 0.3rem 0.85rem; border: 1px solid var(--ln); border-radius: 999px; background: var(--r1); color: var(--tx); font: inherit; font-size: var(--paso--1); cursor: pointer; }
.sinresp-cat[aria-pressed="true"] { border-color: var(--tx); box-shadow: inset 0 -3px 0 var(--amarillo); }
.sinresp-cat b { font-weight: 700; }
.sinresp-lista { display: grid; gap: var(--e3); padding: 0; margin: 0; list-style: none; }
.sinresp-fila { display: grid; gap: var(--e3); padding: var(--e3) var(--e4); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.6); background: var(--r1); min-width: 0; }
.sinresp-cab { display: flex; flex-wrap: wrap; gap: var(--e2) var(--e3); align-items: baseline; justify-content: space-between; }
.sinresp-dato { display: grid; grid-template-columns: minmax(7rem, 9rem) 1fr; gap: var(--e1) var(--e3); margin: 0; }
.sinresp-dato dt { color: var(--tx-3); font-size: var(--paso--1); }
.sinresp-dato dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.sinresp-acciones { display: flex; flex-wrap: wrap; gap: var(--e2); }
.sinresp-espera[data-nivel="alto"] { color: var(--rojo); }
.sinresp-espera[data-nivel="medio"] { color: var(--ambar); }
.sinresp-panel { display: grid; gap: var(--e3); padding: var(--e3); border: 1px solid var(--bd); border-radius: calc(var(--radio) * 0.5); background: var(--r2); }
/* En celular o con un dedo, todo lo que se toca mide al menos 44 px (las pestañas y los filtros de estas pantallas incluidos) */
@media (max-width: 899px), (pointer: coarse) {
  .ia-pestanas .segmento, .sinresp-cat, .conv-fila .boton.chico, .conv-fila-cab .boton, .sinresp-acciones .boton, .sinresp-panel .boton, .conv-var, .conv-probar-form .boton { min-height: 44px; }
  .sinresp-cat { padding-inline: 1rem; }
}
@media (max-width: 38rem) {
  .sinresp-dato { grid-template-columns: 1fr; }
  .conv-fila-cab > .crecer, .conv-fila > .crecer { flex-basis: 100%; }
  .conv-burbuja { max-width: 100%; }
}

/* Política y uso de IA */
.pol-aviso { display: grid; gap: var(--e2); padding: var(--e3) var(--e4); border: 1px solid var(--ambar); border-radius: calc(var(--radio) * 0.6); }
.pol-aviso p { margin: 0; }
.pol-bloque { display: grid; gap: var(--e2); padding: var(--e3) var(--e4); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.6); background: var(--r1); }
.pol-bloque h4 { margin: 0; }
.pol-bloque ul { margin: 0; padding-left: 1.1rem; display: grid; gap: var(--e1); }
.pol-rejilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--e3); }
.pol-ficha { display: grid; grid-template-columns: minmax(8rem, 12rem) 1fr; gap: var(--e1) var(--e3); margin: 0; }
.pol-ficha dt { color: var(--tx-3); font-size: var(--paso--1); }
.pol-ficha dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 38rem) { .pol-ficha { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: no-preference) {
  .conv-fila, .sinresp-fila { transition: border-color 0.25s var(--salida); }
}

/* Respuestas de Sofía: lista agrupada con búsqueda y filtros (cierre de producto) */
.conv-filtros { align-items: end; }
.conv-filtros .campo { margin: 0; min-width: 0; }
.conv-grupo { border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.6); padding: 0 var(--e3); }
.conv-grupo[open] { padding-bottom: var(--e3); }
.conv-grupo > summary { cursor: pointer; padding: var(--e3) 0; list-style-position: inside; }
.conv-grupo > summary h4 { display: inline-flex; flex-wrap: wrap; gap: var(--e2); align-items: center; margin: 0; font-size: var(--paso-0); font-weight: 700; letter-spacing: 0.02em; }
.conv-grupo > .conv-lista { margin-top: var(--e1); }
/* La fila en dos columnas fijas (texto | botón) para que «Editar» quede alineado en todas */
.conv-fila-cab { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--e3); align-items: start; }
.conv-fila-cab > .crecer { min-width: 0; }
@media (max-width: 599px) { .conv-fila-cab { grid-template-columns: minmax(0, 1fr); } .conv-fila-cab > .boton { justify-self: stretch; } }
.conv-extracto { margin: 0; color: var(--tx-2); font-size: var(--paso-0); line-height: 1.45; overflow-wrap: anywhere; }

/* Sin respuesta (cierre de producto): una acción principal, «Más acciones», búsqueda y filtros */
.sinresp-filtros { display: flex; flex-wrap: wrap; gap: var(--e3); align-items: end; }
.sinresp-filtros .campo { margin: 0; min-width: 0; }
.sinresp-q { flex: 2 1 16rem; }
.sinresp-filtros-panel { display: contents; }
.sinresp-filtros-panel .campo { flex: 1 1 10rem; }
.sinresp-filtrar { display: none; }
.sinresp-prio[data-prio="alta"] { background: var(--rojo, #c0392b); color: #fff; border-color: transparent; }
.sinresp-prio[data-prio="media"] { background: var(--ambar, #f6c61e); color: #000; border-color: transparent; }
.sinresp-prio[data-prio="baja"] { background: transparent; }
.sinresp-acciones { align-items: center; }
.sinresp-mas { position: relative; }
.sinresp-mas > summary { list-style: none; cursor: pointer; }
.sinresp-mas > summary::-webkit-details-marker { display: none; }
.sinresp-mas-lista { display: grid; gap: var(--e1); margin-top: var(--e2); padding: var(--e2); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.5); background: var(--r2); min-width: min(18rem, 100%); }
.sinresp-mas-lista .boton { justify-content: flex-start; width: 100%; }
@media (max-width: 899px) {
  .sinresp-filtrar { display: inline-flex; align-items: center; min-height: 2.75rem; flex: 0 0 auto; }
  .sinresp-filtros-panel { display: grid; gap: var(--e3); flex: 1 1 100%; }
  .sinresp-filtros-panel[data-cerrado] { display: none; }
  .sinresp-acciones > .boton, .sinresp-acciones > .sinresp-mas { flex: 1 1 100%; }
  .sinresp-acciones > .sinresp-mas > summary { width: 100%; justify-content: center; }
}

/* Notas de voz en «Sin respuesta» */
.sinresp-audio { display: grid; gap: var(--e2); padding: var(--e3); border: 1px solid var(--ln); border-radius: calc(var(--radio) * 0.5); background: var(--r2); }
.sinresp-audio .reproductor { width: 100%; max-width: 28rem; }
.sinresp-audio blockquote { margin: 0; }
.sinresp-audio p { margin: 0; }