/* HUD flotante de vidrio esmerilado. Sin estilos en línea (CSP). */
.hud{position:fixed;right:16px;bottom:16px;z-index:40;width:min(360px,calc(100vw - 32px));max-height:min(60vh,520px);display:flex;flex-direction:column;color:#e8f4ff;background:rgba(10,20,34,.55);border:1px solid rgba(120,200,255,.35);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.45),inset 0 0 24px rgba(80,170,255,.08);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.hud[hidden]{display:none}
.hud.minimizado{width:auto;max-height:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hud{background:rgba(10,20,34,.94)}}
.hud-barra{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(120,200,255,.2)}
.hud.minimizado .hud-barra{border-bottom:0}
.hud-titulo{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#7fd0ff;margin:0}
.hud-resumen{font-size:.78rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfe6f7}
.hud-punto{width:9px;height:9px;border-radius:50%;background:#6c7a89;flex:none}
.hud-punto.activo{background:#4be3a0;box-shadow:0 0 8px #4be3a0;animation:hud-pulso 1.6s ease-in-out infinite}
.hud-punto.pausa{background:#ffb347}
.hud button{font:inherit;font-size:.74rem;color:#e8f4ff;background:rgba(120,200,255,.14);border:1px solid rgba(120,200,255,.35);border-radius:8px;padding:4px 9px;cursor:pointer}
.hud button:hover,.hud button:focus-visible{background:rgba(120,200,255,.28);outline:2px solid #7fd0ff;outline-offset:1px}
.hud-cuerpo{display:flex;flex-direction:column;min-height:0;padding:8px 12px 12px}
.hud-acciones{display:flex;gap:6px;margin-bottom:8px}
.hud-pausar{border-color:rgba(255,179,71,.6)!important;color:#ffd9a3!important}
.hud-lista{list-style:none;margin:0;padding:0;overflow:auto;display:flex;flex-direction:column;gap:6px}
.hud-item{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.05);border-left:3px solid #7fd0ff;animation:hud-entra .35s ease-out}
.hud-item.estado.trabajando{border-left-color:#4be3a0}
.hud-item.estado.pausado,.hud-item.estado.bloqueado{border-left-color:#ffb347}
.hud-item.estado.error,.hud-item.estado.alerta{border-left-color:#ff6b6b}
.hud-cab{display:flex;justify-content:space-between;gap:8px;font-size:.78rem}
.hud-cab time{color:#8fa9bf;font-size:.7rem}
.hud-item p{margin:3px 0 0;font-size:.76rem;line-height:1.35;color:#d4e6f4;overflow-wrap:anywhere}
.hud-cambio{display:flex;align-items:center;gap:6px}
.hud-antes{opacity:.65;text-decoration:line-through}
.hud-despues{color:#9ff0c9;font-weight:600}
.hud-ver{margin-top:5px}
.hud-vacio{font-size:.76rem;color:#8fa9bf;margin:4px 0}
@keyframes hud-pulso{50%{opacity:.45}}
@keyframes hud-entra{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.hud-item,.hud-punto.activo{animation:none}}