/* Scan HUD (visual layer around the real scanner). Scoped with .wph-hud. */
.wph-hud{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;margin:16px 0 4px;padding:12px 14px;border:1px solid rgba(38,198,255,.35);border-radius:16px;background:#071a38;color:#E5EDFA}
.wph-hud__radar{width:96px;height:96px}
.wph-hud__radar svg{display:block;width:100%;height:100%}
.wph-hud__ring{fill:none;stroke:rgba(143,215,255,.35);stroke-width:1}
.wph-hud__cross{stroke:rgba(143,215,255,.2);stroke-width:1}
.wph-hud__sweep{fill:rgba(38,198,255,.28);transform-origin:50px 50px;opacity:0}
.wph-hud[data-state=scanning] .wph-hud__sweep{opacity:1;animation:wph-sweep 2.4s linear infinite}
@keyframes wph-sweep{to{transform:rotate(360deg)}}
.wph-hud__dot.is-high{fill:#ff5263}.wph-hud__dot.is-medium{fill:#ffb944}.wph-hud__dot.is-low{fill:#4da3ff}
.wph-hud__state{margin:0;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#8fd7ff}
.wph-hud[data-state=error] .wph-hud__state{color:#ff8a94}
.wph-hud__msg{margin:3px 0 6px;font-size:0.9375rem;overflow-wrap:anywhere}
.wph-hud__counts{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none;font-size:0.9375rem}
.wph-hud__counts li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#8fd7ff}
.wph-hud__counts .is-high:before{background:#ff5263}.wph-hud__counts .is-medium:before{background:#ffb944}.wph-hud__counts .is-low:before{background:#4da3ff}
.wph-hud__counts[hidden]{display:none}
@media(max-width:420px){.wph-hud{grid-template-columns:72px 1fr}.wph-hud__radar{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.wph-hud[data-state=scanning] .wph-hud__sweep{animation:none}}