/* ── BITÁCORA ──
   [v2026.10.27-4] conv-ayuda.css
   2026-10-27 (4) | − .tia-temas-cab del hover que muestra entero el «?»: esa fila ya no existe (el «?» de IA · Toggles está en
     «Asistente» y su hover lo pone temas-ia.css).
   [v2026.10.27-3] conv-ayuda.css
   2026-10-27 (3) | − .cay-aa, .cay-robot y .cay-riel (el «Aa» y el robot de la cabecera de los ejemplos): ahora los ejemplos
     dibujan las filas de «General» de IA · Toggles con sus clases de verdad (conv-ayuda-ejemplos.js [v2026.10.27-2]);
     + el aire entre esa fila y lo que viene debajo.
   [v2026.10.27-2] conv-ayuda.css
   2026-10-27 (2) | + .cay-bm-res: los resultados del ejemplo «Buscar en los mensajes» (conv-ayuda-ejemplos.js
     [v2026.10.27-1]), que son los de verdad (conv-buscar.css).
   [v2026.10.27-1] conv-ayuda.css
   2026-10-27 | − El chip «Ayuda» del pie de la bandeja (.conv-ayuda-btn) y el flex del pie (.conv-pie) que lo ponía junto al
     contador: la ayuda es el «?» junto al título (conversaciones.html [v2026.10.27-1]). + El título deja de crecer para
     que el «?» quede pegado a él. El hover que muestra entero el «?» ahora mira las filas del panel del contacto (también
     Agenda y Calendario, que no son role=button) y la fila «Temas» de IA · Toggles; ya no los grupos, que no llevan «?».
   [v2026.10.25-1] conv-ayuda.css
   2026-10-25 | NUEVO. Los ejemplos de la ayuda de Conversaciones (conv-ayuda-ejemplos.js [v2026.10.25-1]) y el botón «Ayuda» al
     pie de la bandeja (#convAyudaBtn). Lo común del panel está en hvy-ayuda.css; las piezas reales (la tarjeta,
     la señal, los ticks, la vista previa de adjuntos, los interruptores) usan sus propios estilos.
───────────────────────────────────────────────────────── */

/* [27-10-2026] El «?» junto al título «Conversaciones» (#convAyudaBtn): el título ya no crece, el «?» empuja los botones. */
.conv-cab-fila .hv-titulo-txt { flex: 0 1 auto; }
.conv-cab-fila #convAyudaBtn { margin-right: auto; }
/* Los «?» del panel del contacto se ven enteros al pasar por su fila. */
#contactPanel [onclick^="toggleRightSection"]:hover .hvy-ayuda-mini { opacity: 1; }   /* [27-10 (4)] el de IA · Toggles: temas-ia.css */

/* Piezas de los ejemplos */
.cay-bm-res { margin-top: 8px; }
.cay-bm-res .hv-card:hover { transform: none; }
.cay-lista { display: flex; flex-direction: column; gap: 6px; }
.cay-lista .hv-card { cursor: default; }
.cay-cuenta { margin-top: 6px; font-size: 10px; color: #9ca3af; }
.cay-buscar { margin-bottom: 8px; }
.cay-leyenda { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 11px; color: #4b5563; }
.cay-leyenda span { display: inline-flex; align-items: center; gap: 5px; }
.cay-pt { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.cay-pt.rojo { background: #dc2626; } .cay-pt.ambar { background: #f59e0b; } .cay-pt.morado { background: #8b5cf6; }
.cay-aviso-vis { display: block !important; margin-bottom: 8px; }

/* Mapa */
.cay-mapa { display: grid; grid-template-columns: 1fr 1.6fr 1fr; grid-template-rows: 1fr 34px; gap: 6px; height: 170px; }
.cay-mapa-z { border: 1px dashed #c4b5fd; border-radius: 10px; background: #faf8ff; color: #4c1d95; font: 600 11.5px/1.3 inherit;
  font-family: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; cursor: pointer; }
.cay-mapa-z:hover { background: #f3efff; border-style: solid; }
.cay-mapa-izq { grid-row: 1 / 3; } .cay-mapa-der { grid-column: 3; grid-row: 1 / 3; } .cay-mapa-barra { grid-column: 2; grid-row: 2; flex-direction: row; }
.cay-mapa .sa-mapa-n { width: 20px; height: 20px; border-radius: 50%; background: #8b5cf6; color: #fff; font-size: 10.5px;
  display: inline-flex; align-items: center; justify-content: center; }

/* Cabecera de la conversación */
.cay-cab { display: flex; align-items: center; gap: 6px; padding: 7px 10px; background: #fff; border-radius: 10px; border: 1px solid #eef0f6; }
.cay-av { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #a5b4fc, #818cf8); color: #fff; font-size: 11px;
  font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cay-av.grande { width: 46px; height: 46px; font-size: 15px; }
.cay-cab-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.cay-cab-txt b { font-size: 12.5px; color: #1f2937; } .cay-cab-txt small { font-size: 10.5px; color: #6b7280; }
.cay-cab-btn { height: 24px; min-width: 24px; padding: 0 5px; border-radius: 7px; border: none; background: transparent; color: #6b7280;
  display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: 11.5px; font-family: inherit; }
.cay-menus { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.cay-menu { position: static !important; display: block !important; min-width: 0; flex: 1 1 170px; }
.cay-menu .conv-menu-item { cursor: default; }
.cay-menu .conv-menu-item small { display: block; }

/* El chat */
.cay-chat { display: flex; flex-direction: column; gap: 8px; padding: 10px; background: #f8f9fb; border-radius: 10px; margin-top: 8px; }
.cay-chat--mini { gap: 5px; }
.cay-fila { display: flex; align-items: flex-start; gap: 6px; }
.cay-fila.env { justify-content: flex-end; }
.cay-av-m { width: 22px; height: 22px; border-radius: 50%; color: #fff; font-size: 9px; display: inline-flex; align-items: center;
  justify-content: center; flex-shrink: 0; }
.cay-av-m.cli { background: #80b5ec; } .cay-av-m.eq { background: #72d298; } .cay-av-m.bot { background: #b6b2f1; }
.cay-globo { position: relative; max-width: 78%; padding: 6px 10px; border-radius: 16px; font-size: 12px; color: #1f2937; line-height: 1.4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.cay-globo p { margin: 0; white-space: pre-wrap; }
.cay-globo.cli { background: #e7f0fd; border-top-left-radius: 5px; cursor: pointer; }
.cay-globo.cli.sel { background: #b8d4f8; }
.cay-globo.eq { background: #d3f9e3; border-top-right-radius: 5px; }
.cay-globo.bot { background: #fff; border: 1px solid #f1f1f5; border-top-right-radius: 5px; }
.cay-hora { display: flex; justify-content: flex-end; align-items: center; gap: 3px; font-size: 9.5px; color: #9ca3af; margin-top: 2px; }
.cay-sistema { align-self: center; max-width: 85%; background: #f1f5f9; border: 1px solid #e2e8f0; color: #64748b; font-size: 11px;
  border-radius: 10px; padding: 4px 10px; text-align: center; }
.cay-sistema i { margin-right: 5px; color: #94a3b8; }
.cay-archivo { display: flex; align-items: center; gap: 8px; }
.cay-archivo i { color: #dc2626; font-size: 18px; }
.cay-archivo b { display: block; font-size: 11.5px; } .cay-archivo small { font-size: 10px; color: #6b7280; }
.cay-comp { display: flex; gap: 8px; align-self: stretch; background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: 8px 10px;
  font-size: 11.5px; }
.cay-comp > i { color: #d97706; margin-top: 2px; }
.cay-comp b { display: block; } .cay-comp small { display: block; color: #6b7280; margin: 2px 0 6px; }
.cay-input { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 6px 6px 6px 12px; border-radius: 999px; background: #fff;
  border: 1px solid #e5e7eb; font-size: 11.5px; color: #9ca3af; }
.cay-input span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cay-input.sel { border-color: #86efac; color: #374151; }
.cay-enviar { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #a855f7, #7c3aed); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; }
.cay-enviar.verde { background: linear-gradient(135deg, #22c55e, #16a34a); }
.cay-con-papelera { align-items: center; }
.cay-papelera { border: none; background: #fff; color: #9ca3af; width: 24px; height: 24px; border-radius: 50%; cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1); animation: cay-latido 1.6s ease-in-out infinite; }
.cay-papelera:hover { color: #dc2626; }
@keyframes cay-latido { 50% { transform: scale(1.12); } }
.cay-tachado { text-decoration: line-through; color: #9ca3af !important; }

/* La barra para escribir */
.cay-barra { display: flex; align-items: center; gap: 4px; padding: 5px 6px; border-radius: 999px; background: #fff; border: 1px solid #e5e7eb;
  margin-top: 8px; }
.cay-b { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #9ca3af;
  font-size: 12px; flex-shrink: 0; position: relative; }
.cay-b:hover { background: #f3f4f6; }
.cay-b-in { flex: 1; min-width: 0; font-size: 11.5px; color: #1f2937; padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cay-ph { color: #9ca3af; }
.cay-senales { display: flex; flex-direction: column; gap: 6px; }
.cay-adj { margin-top: 0; max-width: none; }

/* Respuestas rápidas */
.cay-qr { display: flex; flex-direction: column; gap: 6px; }
.cay-qr-item { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 7px 9px; display: flex; flex-direction: column; gap: 4px;
  transition: background .2s, border-color .2s; }
.cay-qr-item p { margin: 0; font-size: 11.5px; color: #1f2937; }
.cay-qr-cab { display: flex; justify-content: space-between; align-items: center; }
.cay-qr-cab code { font-size: 11px; color: #7c3aed; } .cay-qr-cab span { font-size: 9.5px; background: #f3f4f6; color: #6b7280; padding: 1px 7px; border-radius: 999px; }
.cay-resalta { background: #f5f3ff; border-color: #c4b5fd; }

/* Grabadora */
.cay-grab { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; background: #fff; border: 1px solid #e5e7eb; font-size: 12px; }
.cay-grab small { color: #9ca3af; font-size: 10.5px; }
.cay-grab-x { color: #9ca3af; } .cay-grab-b { color: #7c3aed; }
.cay-grab-rec { width: 8px; height: 8px; border-radius: 50%; background: #dc2626; animation: cay-latido 1s ease-in-out infinite; }
.cay-grab-ondas { flex: 1; display: flex; align-items: center; gap: 2px; height: 22px; overflow: hidden; }
.cay-grab-ondas i { width: 3px; border-radius: 2px; background: #9961ff; flex-shrink: 0; }

/* Emojis */
.cay-emoji { border: 1px solid #e5e7eb; border-radius: 10px; padding: 8px; background: #fff; }
.cay-emoji-tit { font-size: 10px; color: #9ca3af; margin: 8px 0 4px; }
.cay-emoji-g { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; font-size: 18px; text-align: center; }

/* Corrector */
.cay-tia + .cay-corr, .cay-tia + .cay-chat { margin-top: 8px; }   /* [27-10-2026 (3)] tras la fila de «General» */
.cay-corr { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; background: #fff; border: 1px solid #e5e7eb; min-height: 36px; }
.cay-corr mark { background: #dcfce7; color: #166534; border-radius: 3px; padding: 0 1px; }
.cay-corr-aviso { margin-top: 6px; font-size: 11px; color: #16a34a; min-height: 16px; }

/* Ventanas (cobro, opinión) */
.cay-modal { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; padding: 10px; display: flex; flex-direction: column; gap: 7px; }
.cay-modal-tit { font-size: 12.5px; color: #1f2937; }
.cay-op { display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 9px; border: 1px solid #eef0f6; font-size: 11.5px; }
.cay-op > div { flex: 1; min-width: 0; }
.cay-op.sel { border-color: #c4b5fd; background: #faf8ff; }
.cay-op > i { color: #7c3aed; }
.cay-op b { display: block; font-size: 11.5px; color: #1f2937; } .cay-op small { color: #6b7280; font-size: 10.5px; }
.cay-est { font-size: 9.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px; flex-shrink: 0; }
.cay-est.ok { background: #dcfce7; color: #166534; } .cay-est.inv { background: #fef3c7; color: #92400e; }
.cay-wa { background: #ecfdf5; border-radius: 10px; padding: 8px 10px; font-size: 11.5px; }
.cay-wa p { margin: 0 0 6px; }
.cay-wa-btn { display: block; text-align: center; color: #0284c7; border-top: 1px solid #d1fae5; padding-top: 6px; font-weight: 600; }

/* Ficha, IA · Toggles, embudos, tags, notas, seguimiento */
.cay-ficha { display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.cay-ficha b { font-size: 13px; color: #1f2937; } .cay-ficha small { font-size: 11px; color: #4b5563; }
.cay-estrellas { color: #f59e0b; font-size: 13px; } .cay-estrellas em { color: #6b7280; font-style: normal; font-size: 11px; }
.cay-pronto { display: flex; gap: 6px; margin-top: 4px; }
.cay-pronto span { font-size: 10.5px; color: #a78bfa; border: 1px dashed #ddd6fe; border-radius: 8px; padding: 4px 9px; }
.cay-dup { display: flex; gap: 8px; margin-top: 10px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: 8px 10px; font-size: 11.5px; }
.cay-dup > i { color: #d97706; margin-top: 2px; }
.cay-dup b { display: block; } .cay-dup small { display: block; color: #6b7280; margin: 2px 0 6px; }
.cay-tia { border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; overflow: hidden; }
.cay-tia-cab { display: flex; align-items: center; gap: 6px; padding: 7px 10px; font-size: 11px; font-weight: 700; color: #4c1d95; background: #f5f3ff; }
.cay-tia-cab span { margin-left: auto; background: #ede9fe; color: #6d28d9; border-radius: 999px; padding: 1px 7px; font-size: 10px; }
.cay-tia-f { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-top: 1px solid #f3f4f6; cursor: pointer; }
.cay-tia-f:hover { background: #fafafa; }
.cay-tia-ico { position: relative; width: 22px; height: 22px; border-radius: 6px; background: #f5f3ff; color: #7c3aed; font-size: 10px;
  display: inline-flex; align-items: center; justify-content: center; }
.cay-tia-punto { position: absolute; top: -2px; right: -2px; width: 7px; height: 7px; border-radius: 50%; background: #7c3aed; border: 1.5px solid #fff; }
.cay-tia-lbl { flex: 1; font-size: 11px; font-weight: 600; color: #374151; text-transform: uppercase; letter-spacing: .03em; }
.cay-tia-det { padding: 6px 10px 9px 40px; font-size: 11px; color: #4b5563; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.cay-tia-det i { margin-right: 5px; color: #9ca3af; }
.cay-emb { border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; padding: 8px 10px; font-size: 11.5px; }
.cay-emb-et { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.cay-emb-b { border: 1px solid #e5e7eb; background: #fff; border-radius: 999px; padding: 4px 10px; font-family: inherit; font-size: 11px; cursor: pointer; color: #4b5563; }
.cay-emb-b.activo { background: #9961ff; border-color: #9961ff; color: #fff; }
.cay-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.cay-tag { --c: #9961ff; display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 600;
  color: var(--c); background: color-mix(in srgb, var(--c) 12%, #fff); border: 1px solid color-mix(in srgb, var(--c) 35%, #fff); }
.cay-tag i { font-size: 9px; opacity: .7; }
.cay-crear { display: flex; align-items: center; gap: 5px; margin-top: 6px; font-size: 11px; color: #4b5563; flex-wrap: wrap; }
.cay-crear span { margin-right: 4px; }
.cay-color { width: 14px; height: 14px; border-radius: 50%; display: inline-block; }
.cay-color.sel { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #374151; }
.cay-notas { display: flex; flex-direction: column; gap: 6px; }
.cay-nota { background: #fffbeb; border: 1px solid #fef3c7; border-radius: 9px; padding: 7px 9px; font-size: 11.5px; }
.cay-nota p { margin: 0 0 2px; } .cay-nota small { color: #9ca3af; font-size: 10px; }
.cay-seg { display: flex; flex-direction: column; gap: 6px; }
.cay-seg-f { display: flex; align-items: center; gap: 8px; border: 1px solid #eef0f6; border-radius: 9px; padding: 7px 9px; font-size: 11.5px; background: #fff; }
.cay-seg-f > div { flex: 1; min-width: 0; }
.cay-seg-f b { display: block; } .cay-seg-f small { color: #6b7280; }
.cay-seg-acc { display: flex; gap: 9px; color: #9ca3af; font-size: 11px; }
.cay-ampliar { border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; background: #fff; }
.cay-ampliar-cab { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; background: #f5f3ff; font-size: 11.5px; }
.cay-ampliar-cab > i:first-child { color: #9961ff; margin-top: 2px; }
.cay-ampliar-cab div { flex: 1; } .cay-ampliar-cab b { display: block; } .cay-ampliar-cab small { color: #6b7280; }
.cay-ampliar-cuerpo { padding: 8px 10px; }

/* Agenda y calendario */
.cay-ag-svc { border: 1px solid #eef0f6; border-radius: 9px; padding: 7px 9px; margin-bottom: 6px; background: #fff; font-size: 11.5px; }
.cay-ag-svc small { margin-left: 6px; color: #9ca3af; font-size: 10.5px; }
.cay-ag-pills { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.cay-pill { padding: 3px 9px; border-radius: 999px; background: #eff6ff; color: #3b82f6; font-size: 10.5px; font-weight: 600; }
.cay-pill.sel { background: #3b82f6; color: #fff; }
.cay-dias { display: flex; gap: 4px; margin-bottom: 6px; }
.cay-dia { flex: 1; text-align: center; padding: 5px 0; border-radius: 8px; border: 1px solid #eef0f6; font-size: 10.5px; color: #4b5563; background: #fff; }
.cay-dia.sel { background: #9961ff; color: #fff; border-color: #9961ff; }
.cay-reserva, .cay-pend { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; padding: 10px; display: flex; flex-direction: column; gap: 7px; font-size: 11.5px; }
.cay-r-fila { display: flex; align-items: center; gap: 6px; }
.cay-r-fila > span:first-child { flex: 1; color: #4b5563; }
.cay-r-retiene { color: #92400e; background: #fffbeb; border-radius: 8px; padding: 6px 8px; }
.cay-pend-cab { font-weight: 700; color: #92400e; } .cay-pend-cab code { background: #fef3c7; border-radius: 5px; padding: 0 5px; }
.cay-pend small { color: #6b7280; }
.cay-pend-ok { color: #166534; background: #f0fdf4; border-radius: 8px; padding: 6px 8px; }
.cay-pend-acc { display: flex; flex-wrap: wrap; gap: 5px; }
.cay-prox-c { display: flex; justify-content: space-between; align-items: center; border: 1px solid #eef0f6; border-radius: 9px; padding: 7px 9px; font-size: 11.5px; background: #fff; }
.cay-prox-c i { color: #9ca3af; }
.cay-cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.cay-cal-d { aspect-ratio: 1 / .8; border-radius: 7px; background: #fff; border: 1px solid #f1f1f5; font-size: 10.5px; color: #4b5563;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.cay-cal-d span { display: flex; gap: 2px; height: 5px; }
.cay-cal-d i { width: 5px; height: 5px; border-radius: 50%; display: inline-block; }
.cay-cal-d.sel { border-color: #9961ff; background: #f5f3ff; color: #6d28d9; font-weight: 700; }
.cay-cal-c { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; border: 1px solid #eef0f6; border-radius: 9px; padding: 6px 9px; margin-bottom: 5px; font-size: 11.5px; background: #fff; }
.cay-cal-c.libre { border-style: dashed; color: #9ca3af; }
.cay-cal-est { font-size: 9.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.cay-candado { opacity: .55; }
.cay-candado .sa-candado-i { position: absolute; right: -3px; bottom: -3px; font-size: 8px; }