/* «Le toca volver»: vista previa y plantilla del mensaje */
.le-toca-volver-tel { font-variant-numeric: tabular-nums; }
.le-toca-volver-prev { margin: 0 0 8px; padding: 12px 14px; border-radius: 12px; white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.5 var(--font-body, system-ui), system-ui, sans-serif;
  background: color-mix(in srgb, #25d366 12%, var(--surface, transparent)); border: 1px solid color-mix(in srgb, #25d366 30%, transparent); color: var(--fg); }
#leTocaVolverTpl { width: 100%; box-sizing: border-box; min-height: 110px; padding: 10px 12px; border-radius: 12px; font: inherit; color: var(--fg);
  background: var(--surface, transparent); border: 1px solid color-mix(in srgb, var(--fg) 22%, transparent); }
#leTocaReponerTpl { width: 100%; box-sizing: border-box; min-height: 110px; padding: 10px 12px; border-radius: 12px; font: inherit; color: var(--fg);
  background: var(--surface, transparent); border: 1px solid color-mix(in srgb, var(--fg) 22%, transparent); }
/* the panel's Hoy (belleza): «Le toca reponer», three rows and the way to the tab */
.ltv-hoy { margin: 0 0 6px; }
.ltv-hoy .ndf-btn { min-height: 44px; }
.ltv-hoy-pie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; margin: 0; }
.ltv-hoy-ver { min-height: 44px; display: inline-flex; align-items: center; }