/* ── BITÁCORA ──
   [v2026.10.01-1] hvy-entrega.css
   2026-10-01 | ARCHIVO NUEVO. Estilos de la señal de entrega (hvy-entrega.js [v2026.10.01-1]),
     iguales en todos los módulos: la señal (verde, ámbar, roja), la burbuja de WhatsApp de
     "así le llega" y el estado de un envío (✓, ✓✓, leído, no llegó). Colores de la vista
     previa aprobada por Alberto el 01-10.
*/
:root {
  --hvy-ent-ok-bg: #e8f8ef;  --hvy-ent-ok-borde: #b9ead0;  --hvy-ent-ok-txt: #0f6b45;
  --hvy-ent-pl-bg: #fff6e5;  --hvy-ent-pl-borde: #fbd99a;  --hvy-ent-pl-txt: #875700;
  --hvy-ent-no-bg: #fdeeee;  --hvy-ent-no-borde: #f5c4c4;  --hvy-ent-no-txt: #a12a2a;
  --hvy-ent-wa-fondo: #efeae2; --hvy-ent-wa-link: #027eb5; --hvy-ent-wa-hora: #667781;
  --hvy-ent-tick: #9aa0b8;   --hvy-ent-tick-azul: #34B7F1; --hvy-ent-tick-rojo: #d64545;
}

/* ── La señal ── */
.hvy-senal { display: flex; align-items: flex-start; gap: 9px; border-radius: 10px; border: 1px solid;
  padding: 8px 11px; font-size: 12px; line-height: 1.4; text-align: left; }
.hvy-senal > i { font-size: 14px; margin-top: 1px; flex-shrink: 0; }
.hvy-senal b { display: block; font-size: 12.5px; font-weight: 700; }
.hvy-senal small { display: block; font-size: 11px; opacity: .85; margin-top: 1px; }
.hvy-senal.ok { background: var(--hvy-ent-ok-bg); border-color: var(--hvy-ent-ok-borde); color: var(--hvy-ent-ok-txt); }
.hvy-senal.pl { background: var(--hvy-ent-pl-bg); border-color: var(--hvy-ent-pl-borde); color: var(--hvy-ent-pl-txt); }
.hvy-senal.no { background: var(--hvy-ent-no-bg); border-color: var(--hvy-ent-no-borde); color: var(--hvy-ent-no-txt); }

/* ── Así le llega ── */
.hvy-wa-previa { text-align: left; }
.hvy-wa-titulo { font-size: 10.5px; font-weight: 700; color: #9aa0b8; text-transform: uppercase;
  letter-spacing: .06em; margin: 12px 0 6px; }
.hvy-wa-fondo { background: var(--hvy-ent-wa-fondo); border-radius: 12px; padding: 10px; }
.hvy-wa-burbuja { background: #fff; border-radius: 0 9px 9px 9px; padding: 6px 8px; max-width: 100%;
  box-shadow: 0 1px 1px rgba(0,0,0,.08); font-size: 12.5px; line-height: 1.42; color: #111b21;
  white-space: pre-wrap; word-break: break-word; box-sizing: border-box; }
.hvy-wa-cab { display: flex; align-items: center; justify-content: center; gap: 7px; height: 58px;
  border-radius: 6px; margin-bottom: 6px; background: linear-gradient(120deg, #9961FF, #5b8dee);
  color: #fff; font-size: 11px; font-weight: 600; white-space: normal; }
.hvy-wa-link { color: var(--hvy-ent-wa-link); word-break: break-all; }
.hvy-wa-botones { display: flex; flex-direction: column; gap: 3px; margin-top: 3px; }
.hvy-wa-boton { background: #fff; border-radius: 8px; text-align: center; color: var(--hvy-ent-wa-link);
  font-size: 12.5px; font-weight: 600; padding: 7px; box-shadow: 0 1px 1px rgba(0,0,0,.08); }

/* ── El estado de un envío ── */
.hvy-envio { display: inline-flex; align-items: baseline; gap: 5px; font-size: 11px; color: #6b7194;
  min-width: 0; }
.hvy-envio > span:last-child { min-width: 0; }
.hvy-envio.no { color: var(--hvy-ent-no-txt); }
.hvy-tick { font-weight: 700; color: var(--hvy-ent-tick); letter-spacing: -1px; }
.hvy-tick.azul { color: var(--hvy-ent-tick-azul); }
.hvy-tick.rojo { color: var(--hvy-ent-tick-rojo); letter-spacing: 0; }
.hvy-tag-pl { background: var(--hvy-ent-pl-bg); color: var(--hvy-ent-pl-txt); border: 1px solid var(--hvy-ent-pl-borde);
  border-radius: 5px; padding: 0 5px; font-weight: 700; font-size: 9.5px; }

/* ── Un link para copiar ── */
.hvy-link-copiar { display: flex; align-items: center; gap: 8px; background: #f7f5ff; border-radius: 10px;
  padding: 9px 12px; font-size: 12.5px; text-align: left; }
.hvy-link-copiar span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: #9961FF; font-weight: 600; }