/* ── BITÁCORA ──
   [v2026.10.25-1] conv-cabecera.css
   2026-10-25 | NUEVO. Los menús «Llamar» y «Más acciones» de la cabecera del chat y la barra «Buscar en la
     conversación» (conv-cabecera.js [v2026.10.25-1]).
───────────────────────────────────────────────────────── */

.conv-cab-btn--on { background: #f3f0ff !important; }
.conv-cab-btn--on i { color: #7c3aed !important; }

/* El menú */
.conv-menu {
  position: fixed; z-index: 1200; min-width: 250px; max-width: 320px; padding: 6px;
  background: #fff; border: 1px solid #ece9f8; border-radius: 12px;
  box-shadow: 0 14px 36px rgba(30, 27, 75, .16), 0 2px 6px rgba(30, 27, 75, .06);
  animation: conv-menu-in .14s ease-out;
}
@keyframes conv-menu-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.conv-menu-item {
  width: 100%; display: flex; align-items: flex-start; gap: 10px; padding: 8px 10px; border: none; border-radius: 8px;
  background: transparent; text-align: left; cursor: pointer; font-family: inherit; color: #1f2937;
}
.conv-menu-item:hover { background: #f5f3ff; }
.conv-menu-item > i { width: 16px; margin-top: 2px; color: #7c3aed; font-size: 13px; text-align: center; }
.conv-menu-item .fa-whatsapp { color: #16a34a; }
.conv-menu-item span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.conv-menu-item b { font-size: 12.5px; font-weight: 600; }
.conv-menu-item small { font-size: 11px; color: #6b7280; line-height: 1.35; }
.conv-menu-item--off { cursor: default; }
.conv-menu-item--off:hover { background: transparent; }
.conv-menu-item--off > i { color: #9ca3af; }

/* Buscar en la conversación */
.conv-buscar {
  display: flex; align-items: center; gap: 6px; margin: 6px 10px 0; padding: 0 6px 0 12px; height: 36px;
  background: #fff; border: 1px solid #ddd6fe; border-radius: 10px; box-shadow: 0 4px 12px rgba(124, 58, 237, .08);
  color: #9ca3af; flex-shrink: 0;
}
.conv-buscar input { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font: inherit; font-size: 13px; color: #111827; }
.conv-buscar-n { font-size: 11.5px; color: #6b7280; white-space: nowrap; }
.conv-buscar button { width: 28px; height: 28px; border: none; border-radius: 7px; background: transparent; color: #6b7280; cursor: pointer; }
.conv-buscar button:hover { background: #f3f0ff; color: #6d28d9; }
mark.conv-buscada { background: #fef08a; color: inherit; border-radius: 3px; padding: 0 1px; }
mark.conv-buscada--actual { background: #f59e0b; color: #fff; }