/* ── BITÁCORA ──
   [v2026.10.05-1] hvy-opinion.css
   2026-10-05 | ARCHIVO NUEVO. Lo propio de «Pedir opinión» (hvy-opinion.js [v2026.10.05-1]); el
     modal usa las clases del link de pago (conv-cobro-*, conv-entrega.css). Colores de la vista
     previa v2 aprobada por Alberto el 05-10: la estrella dorada (opinó) y gris (invitada), sin
     fondo, como el emoji ⭐.
*/
:root {
  --hvy-op-oro: #F5A623;
  --hvy-op-gris: #A3A9BE;
  --hvy-op-morado: #5b21b6;
}

/* La ⭐ de la barra de mensajes de Conversaciones, junto al $ del cobro y del mismo color. */
#convOpinionBtn { color: var(--conv-ent-morado, #9961FF); }

/* Encima del detalle de la cita del Calendario (.modal-overlay, z-index 200). */
.conv-cobro-ov.hvy-op-ov { z-index: 300; }

.hvy-op-oro { color: var(--hvy-op-oro); }
.hvy-op-gris { color: var(--hvy-op-gris); }

/* El estado de cada reserva, a la derecha de la fila. */
.hvy-op-lado { margin-left: auto; text-align: right; }
.hvy-op-chip { display: inline-block; font-size: 10.5px; font-weight: 600; border-radius: 8px; padding: 3px 8px;
  line-height: 1.35; white-space: nowrap; }
.hvy-op-chip .hvy-op-oro, .hvy-op-chip .hvy-op-gris { margin-right: 1px; }
.hvy-op-chip.sin { background: #EEF0F6; color: #6B7194; }
.hvy-op-chip.inv { background: #F1F2F7; color: #4b5563; }
.hvy-op-chip.no { background: #fdeeee; color: #a12a2a; }
.hvy-op-chip.opino { background: #FFF7E6; color: #92400e; }

/* A dónde va (solo WhatsApp). */
.hvy-op-numero { font-size: 11.5px; color: #6b7194; margin: 6px 0 2px; display: flex; gap: 6px; align-items: center; }
.hvy-op-numero i { color: #25D366; font-size: 13px; flex-shrink: 0; }
.hvy-op-numero b { color: #374151; }

.hvy-op-nota { font-size: 11.5px; color: var(--hvy-op-morado); background: #f5f3ff; border-radius: 9px; padding: 8px 10px;
  margin-top: 10px; display: flex; gap: 7px; align-items: flex-start; line-height: 1.4; }
.hvy-op-nota i { margin-top: 2px; }
.hvy-op-nota.aviso { color: #92400e; background: #fffbeb; }

/* Lo que ya pasó con esa reserva: invitada, no llegó, opinó. */
.hvy-op-ya { display: flex; gap: 9px; align-items: flex-start; background: #F7F8FB; border: 1px solid #E4E7F0;
  border-radius: 10px; padding: 9px 11px; margin: 10px 0; font-size: 12px; }
.hvy-op-ya.oro { background: #FFFBF0; border-color: #FBE3B0; }
.hvy-op-ya.no { background: #fdf3f3; border-color: #f5c4c4; }
.hvy-op-ya > span { font-size: 15px; line-height: 1.1; }
.hvy-op-ya b { display: block; color: #1a1a2e; }
.hvy-op-ya small { color: #4b5563; font-size: 11.5px; line-height: 1.45; }

.hvy-op-sin { line-height: 1.55; text-align: left; }
.hvy-op-sin i { color: #9961FF; margin-right: 4px; }