Edge glow: iOS Safari won't animate an @property-driven conic-gradient
angle, so the beam sat static / off the border on mobile. Reworked to the
robust technique: a .beam child masked to the border ring contains an
oversized conic-gradient ::before spun with transform: rotate 0→360deg; the
glow halo is a drop-shadow on the parent (survives the child mask). Works on
iOS/Safari; honors prefers-reduced-motion.
ONU info on narrow screens: was stacking the picker above the detail, so
selecting an ONU meant a long scroll to find it. Now master-detail — show
the picker OR the detail (not both), toggled by .show-detail on
#view-onu-info via a shared @media(max-width:860px) rule; selecting shows the
detail with a "← ONU list" back button, tab/sub-tab nav resets to the
picker. (Earlier commit already de-compacted the list: extra filters +
two-line rows.)
Docs: CLAUDE.md §15 (edge glow technique) + §17 (master-detail).
Verified offscreen at 414px: beam element present; panel-left/panel-main
display toggles correctly on select/back; back button visible on mobile;
rendered both states.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Jon Vanvik
6f4a315947