/* ── BITÁCORA ──
   [v2026.10.28-1] temas-ia.css
   2026-10-28 | .tia-gen-sep queda en una línea fina (sin la franja de 6px) y − .tia-aviso.tia-info (el recuadro lila de IA ·
     Toggles: ahora es el globo de la pastilla de temas; conv-ia-toggles.js [v2026.10.28-1]).
   [v2026.10.27-4] temas-ia.css
   2026-10-27 (4) | − .tia-temas-cab (y -t, -ico, -d, -hueco, -hueco-chev) y .tia-gen-cab: IA · Toggles ya no tiene los títulos
     «Temas» ni «General» (conv-ia-toggles.js [v2026.10.27-5]). + .tia-gen-sep (la línea entre «Ortografía» y los temas) y el
     «?» de «Asistente» entero al pasar por su fila.
   [v2026.10.27-3] temas-ia.css
   2026-10-27 (3) | − .tia-aviso.tia-general y .tia-donde (el aviso gris del asistente apagado: ahora es el globo de la
     pastilla de la cabecera) y .tia-gen-t small (lo que hacen el asistente y el corrector: ahora es el globo de su nombre;
     conv-ia-toggles.js [v2026.10.27-3]). Las filas de «General», sin esa línea, a la altura de las de los temas (34px).
   [v2026.10.27-2] temas-ia.css
   2026-10-27 (2) | + La fila «General» de IA · Toggles (conv-ia-toggles.js [v2026.10.27-2]): .tia-gen-cab (su cabecera,
     como la de «Temas»), .tia-gen-fila (el asistente y el corrector: ícono, nombre, qué hace y su interruptor),
     .tia-gen-aa (el «Aa» del corrector), .tia-gen-ort (su interruptor en verde salvia, el color del «Aa» de antes) y
     .tia-gen-d / .tia-gen-hueco (el interruptor con el hueco de la flechita, en la misma columna que los de los temas).
   [v2026.10.27-1] temas-ia.css
   2026-10-27 | + .tia-temas-cab (y -t, -ico, -d, -hueco, -hueco-chev): la fila «Temas» de IA · Toggles con su «?»
     (conv-ia-toggles.js [v2026.10.27-1]), alineado con los de Embudos, Tags… − .tia-temas-tit, el rótulo «Temas» que
     solo salía con el asistente apagado: la fila nueva lo reemplaza siempre.
   [v2026.10.23-3] temas-ia.css
   2026-10-23 (3) | Corrección de la (2), como la explicó Alberto: el tema abierto ya NO se pinta (el color de abierta
     va solo en la cabecera del grupo), y la fila de cada tema es más baja que la cabecera del grupo
     (--rp-fila-alto, conversaciones.css [v2026.10.23-13]).
   [v2026.10.23-2] temas-ia.css
   2026-10-23 (2) | Con el panel del contacto (conversaciones.css [v2026.10.23-12]): la cabecera de IA · Toggles abierta
     y la del tema abierto toman --hv-abierta-fondo, y el nombre de cada tema baja a --rp-fila-letra (más chico que
     el título del grupo).
   [v2026.10.23-1] temas-ia.css
   2026-10-23 | La cabecera del grupo IA · Toggles con el look nuevo del panel del contacto (conversaciones.css
     [v2026.10.23-11]): dentro de .rp-tarjetas deja la franja de degradado por el título suave (.rp-g-cab):
     fondo de la tarjeta, ícono en el cuadrito lila, texto gris oscuro; las pastillas pasan a lila claro para
     verse sobre blanco. La última fila de temas pierde su línea (la tarjeta ya cierra).
   [v2026.10.18-6] temas-ia.css
   2026-10-19 | La cabecera del grupo del panel, en una sola línea (Alberto, 19-10): menos relleno y
     menos aire entre las pastillas, el título sin partirse (nowrap) y, con .tia-corta, la pastilla
     del interruptor general solo con su ícono. conv-ia-toggles.js [v2026.10.18-5].
   [v2026.10.18-5] temas-ia.css
   2026-10-18 | + .tia-d-cargando (el «qué abarca» mientras llega del backend, o el aviso de que no
     llegó) y .tia-f-def-de (la nota «Lo define la empresa» en la ficha). temas-ia.js [v2026.10.18-3].
   [v2026.10.18-4] temas-ia.css
   2026-10-18 | P5: el bloque «Cuando está apagado» de la fila Clientes nuevos en Empresas (preview
     aprobado por Alberto el 18-10): .tia-aviso-cn (atenuado con .tia-inactivo cuando el tema está
     encendido; .tia-cn-editando abre el cuadro), .tia-cn-tit, .tia-cn-ops/.tia-cn-op (las dos
     opciones), .tia-cn-txt con .tia-cn-burbuja (el aviso como lo verá la persona) y el textarea,
     .tia-cn-pie y .tia-cn-como. temas-ia.js [v2026.10.18-2].
   [v2026.10.18-3] temas-ia.css
   2026-10-18 | + .tia-sw.tia-guardando: pulso suave del interruptor del panel mientras se guarda
     el cambio (conv-ia-toggles.js [v2026.10.18-3]).
   [v2026.10.18-2] temas-ia.css
   2026-10-18 | P6: el interruptor general aparte de los temas en el panel del contacto (preview
     aprobado por Alberto el 18-10). + .tia-resumen.tia-general (pastilla gris del general en la
     cabecera), .tia-aviso.tia-general (aviso gris, con .tia-donde para «dónde se enciende»),
     .tia-temas-tit (rótulo «Temas») y .tia-temas-off (los temas atenuados mientras el general
     está apagado; normales al pasar o abiertos). conv-ia-toggles.js [v2026.10.18-2].
   [v2026.10.18-1] temas-ia.css
   2026-10-18 | P1: la definición de cada tema por empresa (preview v2 aprobado por Alberto el 18-10).
     + .tia-def (el «qué abarca» bajo el título: texto normal, y el cuadro de edición que se abre
     con el lápiz), .tia-def-pie (origen, «Volver al texto sugerido», «Listo», contador),
     .tia-lapiz (en .tia-ctrl, junto a Libre/Fijo y el interruptor; lila cuando la empresa lo
     definió, lleno mientras se edita) y .tia-fila.tia-editando. temas-ia.js [v2026.10.18-1].
   [v2026.10.06-1] temas-ia.css
   2026-10-06 | ARCHIVO NUEVO. «Qué responde el asistente» (IA · Toggles, etapa 1; vistas previas
     aprobadas por Alberto el 06-10). Los tres lugares, con prefijo tia- (el panel carga todo el
     CSS a la vez):
     · Empresas › paso Asistente IA (temas-ia.js): las filas con el interruptor de siempre
       (.ea-switch de companies.html), Libre/Fijo, atajos, Cada profesional y Cómo decide.
     · La ficha del profesional (temas-ia.js): Como la empresa / Su propia forma y sus filas.
     · Conversaciones › panel del contacto (conv-ia-toggles.js): el grupo IA · Toggles, con las
       medidas y colores de los grupos que ya tiene el panel.
*/

/* ── Empresas › Asistente IA ─────────────────────────────────────────────── */
.tia-hint { font-size: 12px; color: #6b7194; line-height: 1.5; margin: 2px 0 10px; font-weight: 400; }
.tia-atajos { margin-bottom: 2px; }
.tia-fila { border: 1px solid #e4e9f5; border-radius: 8px; padding: 13px 15px; display: flex; gap: 14px; align-items: flex-start; background: #fff; margin-top: 8px; }
.tia-fila.tia-fija { border-color: #f3e2bd; background: #fffdf8; }
.tia-t { font-size: 13.5px; color: #383838; margin-bottom: 3px; display: flex; gap: 8px; align-items: center; }
.tia-t i { color: #8e84fa; font-size: 12px; width: 14px; text-align: center; }
.tia-d { font-size: 12px; color: #6b7194; line-height: 1.5; padding-left: 22px; }
/* [18-10-2026] Qué abarca cada tema: se ve como texto; se edita en la misma fila con el lápiz */
.tia-def { margin-left: 22px; position: relative; }
.tia-def .tia-d { padding-left: 0; }
.tia-def.tia-editada .tia-d { color: #4b5563; }
.tia-def textarea { display: none; width: 100%; resize: none; overflow: hidden; border: 1px solid #c9c2ff; border-radius: 6px; background: #fff; padding: 6px 8px; font-family: inherit; font-size: 12px; line-height: 1.5; color: #4b5563; box-shadow: 0 0 0 3px rgba(124, 92, 224, .12); margin-top: 2px; box-sizing: border-box; }
.tia-def textarea:focus { outline: none; }
.tia-fila.tia-editando .tia-def textarea { display: block; }
.tia-fila.tia-editando .tia-def .tia-d { display: none; }
.tia-def-pie { display: flex; align-items: center; gap: 10px; margin-top: 4px; min-height: 18px; font-size: 11px; color: #9096b0; flex-wrap: wrap; }
.tia-def-origen { display: inline-flex; align-items: center; gap: 5px; }
.tia-def-origen i { font-size: 10px; color: #b7b2e8; }
.tia-def.tia-editada .tia-def-origen { color: #7a3df0; }
.tia-def.tia-editada .tia-def-origen i { color: #9961FF; }
.tia-volver-def { background: none; border: 0; padding: 0; color: #7a3df0; font-size: 11px; font-weight: 600; cursor: pointer; font-family: inherit; display: none; align-items: center; gap: 4px; }
.tia-volver-def:hover { text-decoration: underline; }
.tia-def.tia-editada .tia-volver-def { display: inline-flex; }
.tia-def-pie .tia-cont { display: none; font-variant-numeric: tabular-nums; }
.tia-fila.tia-editando .tia-def-pie .tia-cont { display: inline; }
.tia-listo { display: none; align-items: center; gap: 5px; background: #7C5CE0; color: #fff; border: 0; border-radius: 999px; padding: 3px 10px; font-size: 11px; font-weight: 600; cursor: pointer; font-family: inherit; }
.tia-fila.tia-editando .tia-listo { display: inline-flex; }
.tia-lapiz { width: 28px; height: 28px; border-radius: 8px; border: 1px solid #e0e3ee; background: #fff; color: #8a90a8; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 11.5px; transition: .12s; flex-shrink: 0; }
.tia-lapiz:hover { border-color: #c9c2ff; color: #7a3df0; }
.tia-lapiz.tia-marcado { border-color: #e1defb; background: #f6f2ff; color: #7a3df0; }
.tia-fila.tia-editando .tia-lapiz { background: #7C5CE0; border-color: #7C5CE0; color: #fff; }
.tia-exc { margin: 6px 0 0 22px; font-size: 11.5px; color: #7a3df0; display: inline-flex; gap: 6px; align-items: center; background: #f6f2ff; border: 1px solid #ebe3ff; border-radius: 999px; padding: 2px 9px; cursor: default; }
.tia-exc::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #9961FF; }
.tia-ctrl { display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-top: 1px; }
/* [18-10-2026] P5: «Cuando está apagado», solo en la fila Clientes nuevos */
.tia-aviso-cn { margin: 10px 0 0 22px; border-top: 1px dashed #e9ebf2; padding-top: 10px; }
.tia-aviso-cn.tia-inactivo { opacity: .55; }
.tia-aviso-cn.tia-inactivo:hover { opacity: 1; }
.tia-cn-tit { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9096b0; margin-bottom: 7px; display: flex; gap: 8px; align-items: center; }
.tia-cn-tit small { font-weight: 400; text-transform: none; letter-spacing: 0; color: #9ca3af; font-size: 11px; }
.tia-cn-ops { display: flex; gap: 6px; flex-wrap: wrap; }
.tia-cn-op { border: 1px solid #e0e3ee; background: #fff; color: #6b7194; font-size: 12px; border-radius: 999px; padding: 5px 12px; cursor: pointer; font-family: inherit; display: inline-flex; gap: 6px; align-items: center; }
.tia-cn-op i { font-size: 10px; }
.tia-cn-op:hover { border-color: #c9c2ff; color: #7a3df0; }
.tia-cn-op.on { background: #f6f2ff; border-color: #c9b8ff; color: #7a3df0; font-weight: 600; }
.tia-cn-txt { margin-top: 8px; display: flex; gap: 10px; align-items: flex-start; }
.tia-cn-burbuja { flex: 1; background: #f3f4fb; border: 1px solid #e4e6f3; border-radius: 12px 12px 12px 3px; padding: 8px 11px; font-size: 12px; line-height: 1.5; color: #4b5563; }
.tia-cn-burbuja small { display: block; margin-top: 4px; color: #9096b0; font-size: 11px; }
.tia-cn-burbuja small i { font-size: 10px; color: #b7b2e8; margin-right: 4px; }
.tia-cn-txt textarea { display: none; flex: 1; resize: none; overflow: hidden; border: 1px solid #c9c2ff; border-radius: 6px; background: #fff; padding: 6px 8px; font-family: inherit; font-size: 12px; line-height: 1.5; color: #4b5563; box-shadow: 0 0 0 3px rgba(124, 92, 224, .12); box-sizing: border-box; }
.tia-cn-txt textarea:focus { outline: none; }
.tia-cn-editando .tia-cn-txt textarea { display: block; }
.tia-cn-editando .tia-cn-burbuja { display: none; }
.tia-cn-editando .tia-cn-txt .tia-lapiz { background: #7C5CE0; border-color: #7C5CE0; color: #fff; }
.tia-cn-pie { display: none; }
.tia-cn-editando .tia-cn-pie { display: flex; }
.tia-cn-pie .tia-def-origen.tia-propio { color: #7a3df0; }
.tia-cn-pie .tia-def-origen.tia-propio i { color: #9961FF; }
.tia-cn-pie .tia-listo { display: inline-flex; }
.tia-cn-pie .tia-volver-def { display: none; }
.tia-cn-pie.tia-propio .tia-volver-def { display: inline-flex; }
.tia-cn-pie .tia-cont { display: inline; }
.tia-cn-como { margin-top: 6px; font-size: 11px; color: #9096b0; line-height: 1.5; }
.tia-cn-editando .tia-cn-como { display: none; }
.tia-fijo { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e0e3ee; background: #fff; color: #8a90a8; font-size: 11.5px; font-weight: 600; border-radius: 999px; padding: 4px 10px; cursor: pointer; white-space: nowrap; font-family: inherit; }
.tia-fijo:hover { border-color: #c9c2ff; color: #7a3df0; }
.tia-fijo.on { background: #fff7e6; border-color: #f6d79a; color: #92580e; }
.tia-fijo.on i { color: #b7791f; }
.tia-siempre { font-size: 11px; font-weight: 600; color: #8a90a8; background: #f3f4f6; border-radius: 999px; padding: 4px 10px; white-space: nowrap; display: inline-flex; gap: 6px; align-items: center; }
.tia-como { margin-top: 10px; background: none; border: none; color: #7D84C1; font-size: 12px; font-weight: 600; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; padding: 0; font-family: inherit; }
.tia-como .tia-chev { font-size: 10px; transition: transform .2s; }
.tia-como.abierto .tia-chev { transform: rotate(180deg); }
.tia-como-caja { margin-top: 8px; border: 1px solid #eef0f4; border-radius: 10px; background: #fafbff; padding: 10px 14px 10px 30px; }
.tia-como-caja li { list-style: disc; font-size: 12px; color: #4b5563; line-height: 1.55; margin: 3px 0; }
.tia-pros { margin-top: 14px; border: 1px solid #e4e9f5; border-radius: 8px; background: #fff; padding: 12px 15px 6px; }
.tia-pros-t { font-size: 13.5px; color: #383838; margin-bottom: 6px; }
.tia-pros-t span { display: block; font-size: 12px; color: #6b7194; line-height: 1.5; margin-top: 2px; }
.tia-pro { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid #f1f2f7; }
.tia-av { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #8e84fa, #91c0ff); color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tia-pro-n { font-size: 13px; color: #34405e; font-weight: 600; flex-shrink: 0; max-width: 45%; }
.tia-estado { margin-left: auto; display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.tia-chip { font-size: 10.5px; font-weight: 600; border-radius: 999px; padding: 2px 8px; background: #f3f4f6; color: #6b7280; }
.tia-chip.tia-propia { background: #f6f2ff; color: #7a3df0; border: 1px solid #ebe3ff; }
.tia-chip.tia-dif { background: #fff7e6; color: #92580e; border: 1px solid #f6d79a; }
.tia-chip.tia-ignorada { background: #f3f4f6; color: #9ca3af; text-decoration: line-through; }
.tia-editar { border: 1px solid #e0e3ee; background: #fff; color: #6b7280; font-size: 11.5px; font-weight: 600; border-radius: 8px; padding: 4px 10px; cursor: pointer; white-space: nowrap; font-family: inherit; }
.tia-editar:hover { border-color: #c9c2ff; color: #7a3df0; }
.tia-pros-nota { font-size: 11.5px; color: #92580e; display: flex; gap: 6px; align-items: center; padding: 8px 0 4px; border-top: 1px solid #f1f2f7; }
.tia-pros-nota i { color: #b7791f; }
.tia-cargando { font-size: 12px; color: #9096b0; padding: 8px 0; }
@media (max-width: 760px) {
  .tia-fila { flex-wrap: wrap; }
  .tia-ctrl { margin-left: 22px; }
  .tia-pro { flex-wrap: wrap; }
  .tia-estado { margin-left: 40px; justify-content: flex-start; }
}

/* ── La ficha del profesional (Configuración › Mi equipo › su ficha) ─────── */
.tia-f-modos { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 4px; }
.tia-f-fila { display: flex; align-items: flex-start; gap: 12px; border: 1px solid #eef0f4; border-radius: 10px; background: #fff; padding: 10px 12px; margin-top: 8px; }
.tia-f-fila.tia-fija { background: #fffdf8; border-color: #f3e2bd; }
.tia-f-t { font-size: 13px; color: #34405e; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.tia-f-t i { color: #9961FF; font-size: 12px; width: 14px; text-align: center; }
.tia-f-t .tia-cand { color: #b7791f; width: auto; font-size: 10px; }
.tia-f-d { font-size: 11.5px; color: #7D84C1; line-height: 1.45; margin: 2px 0 0 22px; }
.tia-f-def-de { color: #9096b0; font-size: 11px; white-space: nowrap; }   /* [18-10-2026] la define la empresa */
.tia-d-cargando { color: #9ca3af; font-style: italic; }                   /* [18-10-2026] texto que aún no llega */
.tia-f-emp { margin: 5px 0 0 22px; font-size: 11px; color: #9096b0; display: flex; align-items: center; gap: 6px; }
.tia-f-emp.tia-cambio { color: #7a3df0; }
.tia-f-emp.tia-cambio::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #9961FF; }
.tia-f-emp.tia-fijo-txt { color: #92580e; }
.tia-f-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.tia-f-chip { font-size: 11px; font-weight: 600; border-radius: 999px; padding: 4px 10px; border: 1px solid #e4e9f5; background: #fff; color: #5b6bb5; display: inline-flex; gap: 6px; align-items: center; }
.tia-f-chip.tia-off { color: #9ca3af; background: #f9fafb; }
.tia-f-chip i { font-size: 10px; }
.tia-f-chip .fa-lock { color: #b7791f; }
.tia-f-nota { font-size: 11.5px; color: #7D84C1; line-height: 1.5; margin-top: 12px; display: flex; gap: 7px; }
.tia-f-nota i { margin-top: 3px; font-size: 11px; color: #9961FF; }
.tia-f-sw { flex-shrink: 0; margin-top: 2px; }
.tia-f-bloq { position: relative; display: inline-flex; flex-shrink: 0; margin-top: 2px; }
.tia-f-guardado { font-size: 11px; color: #16a34a; margin-left: 8px; font-weight: 600; opacity: 0; transition: opacity .25s; }
.tia-f-guardado.tia-ver { opacity: 1; }
.tia-f-foco { box-shadow: 0 0 0 3px rgba(153, 97, 255, .25); transition: box-shadow .6s; }

/* ── Conversaciones › panel del contacto: IA · Toggles ───────────────────── */
.tia-g-cab { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border: 0; border-bottom: 1px solid #b0c8f8; background: linear-gradient(135deg, #8e84fa, #91c0ff); cursor: pointer; font-family: inherit; }
.tia-g-cab .tia-izq { display: flex; align-items: center; gap: 8px; color: #fff; min-width: 0; }
.tia-g-cab .tia-izq i { font-size: 13px; }
.tia-g-cab .tia-izq span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .025em; white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.tia-g-cab .tia-der { display: flex; align-items: center; gap: 6px; color: #fff; flex-shrink: 0; }
.tia-g-cab .tia-der > i.fa-chevron-down { font-size: 10px; transition: transform .2s; }
.tia-g-cab.tia-cerrado .tia-der > i.fa-chevron-down { transform: rotate(-90deg); }
.tia-resumen { font-size: 10px; font-weight: 700; background: rgba(255, 255, 255, .92); color: #7a3df0; padding: 2px 6px; border-radius: 999px; white-space: nowrap; }
.tia-resumen.tia-gris { color: #6b7280; }
.tia-p-fila { border-bottom: 1px solid #e5e7eb; }
.tia-f-cab { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background: #fff; border: 0; cursor: pointer; font-family: inherit; transition: background .15s; position: relative; }
.tia-f-cab:hover { background: #dce8ff; }
.tia-f-cab .tia-izq { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tia-ico { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; }
.tia-ico i { color: #9961FF; font-size: 13px; }
.tia-punto { position: absolute; top: 1px; right: 0; width: 8px; height: 8px; border-radius: 50%; background: #9961FF; border: 2px solid #fff; }
.tia-lbl { font-weight: 600; color: #374151; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tia-lbl.tia-na { color: #9ca3af; }
.tia-f-cab .tia-der { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.tia-chev-f { font-size: 12px; color: #9ca3af; transition: transform .2s; }
.tia-p-fila.tia-abierta .tia-chev-f { transform: rotate(90deg); }
/* El interruptor del panel: el de Empresas (ea-switch), en chico */
.tia-sw { position: relative; width: 32px; height: 18px; border-radius: 999px; background: #dfe3ee; transition: background .18s; flex-shrink: 0; cursor: pointer; border: 0; padding: 0; display: inline-block; }
.tia-sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: transform .18s; }
.tia-sw.tia-on { background: #7C5CE0; }
.tia-sw.tia-on::after { transform: translateX(14px); }
.tia-sw.tia-mixto { background: linear-gradient(90deg, #7C5CE0 50%, #dfe3ee 50%); }
.tia-sw.tia-mixto::after { transform: translateX(7px); }
.tia-sw.tia-sw-na { background: #eef0f5; cursor: default; }
.tia-sw.tia-sw-na::after { background: #f7f8fb; box-shadow: none; }
.tia-sw.tia-guardando { animation: tia-pulso .9s ease-in-out infinite; }   /* [18-10-2026] guardando */
@keyframes tia-pulso { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
.tia-sw-bloq { position: relative; display: inline-flex; }
.tia-sw-bloq .tia-sw { opacity: .55; cursor: not-allowed; }
.tia-det { display: none; padding: 0 12px 12px; }
.tia-p-fila.tia-abierta .tia-det { display: block; }
.tia-caja { background: #f9fafb; border: 1px solid #f3f4f6; border-radius: 12px; padding: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.tia-caja p { margin: 0 0 7px; font-size: 12px; line-height: 1.45; color: #4b5563; }
.tia-caja .tia-def-de { color: #9096b0; font-size: 11px; white-space: nowrap; }   /* [18-10-2026] de dónde sale la definición */
.tia-estado-p { display: flex; gap: 7px; align-items: flex-start; font-size: 11.5px; line-height: 1.4; color: #4b5563; border-top: 1px solid #eceef3; padding-top: 7px; margin-top: 2px; }
.tia-estado-p i { font-size: 11px; margin-top: 2px; color: #9aa1bd; }
.tia-estado-p.tia-propio i { color: #9961FF; }
.tia-estado-p.tia-mix i { color: #d97706; }
.tia-estado-p.tia-fijo-p i { color: #b7791f; }
.tia-estado-p b { color: #374151; }
.tia-volver { margin-top: 7px; display: inline-flex; gap: 5px; align-items: center; font-size: 11.5px; font-weight: 600; color: #7a3df0; background: #fff; border: 1.5px solid #e1defb; border-radius: 999px; padding: 4px 10px; cursor: pointer; font-family: inherit; }
.tia-volver:hover { border-color: #c9b8ff; background: #faf7ff; }
.tia-na-txt { font-size: 11.5px; color: #6b7280; line-height: 1.45; }
.tia-aviso { margin: 10px 12px 2px; border-radius: 12px; padding: 9px 10px; font-size: 11.5px; line-height: 1.45; display: flex; gap: 8px; }
.tia-aviso.tia-apagada { background: #fff7e6; color: #92580e; border: 1px solid #f6d79a; }
.tia-aviso i { margin-top: 2px; font-size: 11px; }
/* [18-10-2026] P6: el interruptor general del asistente, aparte de los temas */
.tia-resumen.tia-general { background: rgba(255, 255, 255, .55); color: #4b4f66; display: inline-flex; align-items: center; gap: 3px; }
.tia-resumen.tia-general i { font-size: 9px; }
/* [19-10-2026] Sin espacio para todo: la pastilla del general queda con su ícono (la palabra, en el globo) */
.tia-g-cab.tia-corta .tia-resumen.tia-general .tia-r-txt { display: none; }
.tia-g-cab.tia-corta .tia-resumen.tia-general { gap: 0; padding: 3px 5px; }
/* [27-10-2026 (2)] «General»: el asistente y el corrector de la conversación (antes en la cabecera del chat). */
.tia-gen-fila:first-child { border-top: 0; }
/* [27-10-2026 (5)] La línea entre «Ortografía» y los temas (en lugar de los títulos «General» y «Temas»). */
.tia-gen-sep { height: 0; border-top: 1px solid #e4e1f3; }   /* [28-10-2026] solo una línea fina, sin franja */
.tia-gen-fila:hover .hvy-ayuda-mini { opacity: 1; }
.tia-gen-fila { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: var(--rp-fila-alto, 34px); padding: 4px 16px;
  border-top: 1px solid #f6f7fa; }
.tia-gen-t { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tia-gen-t > i, .tia-gen-aa { width: var(--rp-fila-ico-tam, 20px); text-align: center; flex-shrink: 0; color: #9961FF; font-size: 12px; }
.tia-gen-aa { font-weight: 800; font-size: 11px; color: #3f7a57; }
.tia-gen-t > div > span { display: block; font-size: var(--rp-fila-letra, 11px); font-weight: 600; color: #374151; text-transform: uppercase;
  letter-spacing: .04em; }
.tia-gen-ort .tia-sw.tia-on { background: #7fc49b; }
.tia-gen-d { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.tia-gen-hueco { visibility: hidden; }
.tia-temas-off .tia-p-fila { opacity: .5; transition: opacity .15s; }
.tia-temas-off .tia-p-fila:hover, .tia-temas-off .tia-p-fila.tia-abierta { opacity: 1; }
.tia-cuerpo-p { padding-bottom: 6px; }
.tia-p-cargando { padding: 10px 16px; font-size: 11.5px; color: #9ca3af; }

/* ── [23-10-2026] IA · Toggles en el panel del contacto con tarjetas (.rp-tarjetas, conversaciones.css) ── */
.rp-tarjetas .tia-g-cab { height: var(--rp-g-alto); padding: 0 12px; background: transparent; border-bottom: 1px solid #f0edfa; font-family: 'DM Sans', sans-serif; }
.rp-tarjetas .tia-g-cab.tia-cerrado { border-bottom: 0; }
.rp-tarjetas .tia-g-cab:hover { background: var(--rp-fila-hover); }
.rp-tarjetas .tia-g-cab .tia-izq { color: var(--hv-titulo-color); }
.rp-tarjetas .tia-g-cab .tia-izq i { width: var(--rp-g-ico-tam); height: var(--rp-g-ico-tam); border-radius: var(--hv-titulo-ico-radio);
  background: var(--hv-titulo-ico-fondo); color: var(--hv-titulo-ico-color); display: inline-flex; align-items: center; justify-content: center; font-size: 11.5px; flex-shrink: 0; }
.rp-tarjetas .tia-g-cab .tia-izq span { font-size: var(--rp-g-letra); letter-spacing: .05em; }
.rp-tarjetas .tia-g-cab .tia-der { color: #9ca3af; }
.rp-tarjetas .tia-g-cab .tia-resumen { background: #f1edff; color: #7a3df0; }
.rp-tarjetas .tia-g-cab .tia-resumen.tia-general,
.rp-tarjetas .tia-g-cab .tia-resumen.tia-gris { background: #f3f4f6; color: #4b4f66; }
.rp-tarjetas .tia-f-cab { background: transparent; }
.rp-tarjetas .tia-f-cab:hover { background: var(--rp-fila-hover); }
.rp-tarjetas .tia-p-fila { border-color: #f1f2f6; }
.rp-tarjetas .tia-p-fila:last-child { border-bottom: 0; }

/* [23-10-2026 (2)] Lo abierto con el color de la tarjeta abierta; los temas más chicos que el título del grupo. */
.rp-tarjetas .tia-g-cab:not(.tia-cerrado) { background: var(--hv-abierta-fondo); }   /* [23-10 (3)] solo el grupo */
.rp-tarjetas .tia-f-cab { height: var(--rp-fila-alto); padding-top: 0; padding-bottom: 0; }
.rp-tarjetas .tia-ico { width: var(--rp-fila-ico-tam); height: var(--rp-fila-ico-tam); }
.rp-tarjetas .tia-ico i { font-size: 12px; }
.rp-tarjetas .tia-lbl { font-size: var(--rp-fila-letra); letter-spacing: .04em; }