/* =====================================================================
   BLOQUE 27 — Informe al propietario por Gmail y WhatsApp con el PDF.
   La ventana de envío reutiliza los estilos del Bloque 22 (b22-*); aquí
   solo lo propio: marca «Enviado el …» en el panel y la tarjeta, la
   barra de «Preparando el PDF…» y el aviso de WhatsApp. Tokens de
   bloque4/bloque8: Noche y Día sin colores sueltos.
   ===================================================================== */

.b27-dlg .b22-form .b7-campo textarea{min-height:220px;}

/* Adjunto preparándose: barra fina animada */
.b22-adj.b27-preparando{position:relative; overflow:hidden;}
.b27-cargando{display:none;}
.b27-preparando .b27-cargando{display:block; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--line); overflow:hidden;}
.b27-preparando .b27-cargando::after{content:""; position:absolute; top:0; bottom:0; width:40%; border-radius:3px; background:var(--b4-az-ink);
  animation:b27-barra 1.1s ease-in-out infinite;}
@keyframes b27-barra{0%{left:-40%;} 100%{left:100%;}}
@media (prefers-reduced-motion: reduce){ .b27-preparando .b27-cargando::after{animation:none; left:0; width:100%; opacity:.5;} }

/* «Enviado el 5 oct a …» / «Enviado por WhatsApp el …» */
.b27-enviado.b27-en-panel{margin:2px 0 6px;}
.b27-enviado.b27-en-tarjeta{margin:6px 0 2px;}

/* Aviso pequeño bajo los botones (WhatsApp en el ordenador) */
.b27-aviso{display:flex; align-items:center; gap:8px; margin:8px 0 0; padding:8px 12px; border-radius:var(--r-card);
  background:var(--b4-am-bg); color:var(--b4-am-ink); font-size:.8rem; font-weight:700;}
.b27-aviso .ico-set{width:16px; height:16px; flex:none;}

/* Enlace al informe interactivo: Copiar · Revocar */
.b27-enlace{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px 12px; margin:4px 0 8px; padding:10px 12px;
  border-radius:var(--r-card); border:1px solid var(--line); background:var(--b4-az-bg);}
.b27-enlace-ico{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:var(--surface); color:var(--b4-az-ink);}
.b27-enlace-ico .ico-set{width:16px; height:16px;}
.b27-enlace-tx{display:flex; flex-direction:column; gap:2px; min-width:0;}
.b27-enlace-tx strong{font-size:.85rem; color:var(--b4-az-ink);}
.b27-enlace-url{font-size:.76rem; font-weight:600; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.b27-enlace-acc{display:flex; gap:6px;}
.b27-enlace-acc .btn{min-height:40px; padding:0 14px; font-weight:800;}
.b27-enlace-off{background:var(--bg);}
.b27-enlace-off .b27-enlace-tx strong{color:var(--ink-soft);}
@media (max-width:560px){
  .b27-enlace{grid-template-columns:auto minmax(0,1fr);}
  .b27-enlace-acc{grid-column:1 / -1;}
  .b27-enlace-acc .btn{flex:1 1 0;}
}