diff --git a/src/styles.css b/src/styles.css index 85b7d94..267025e 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1621,6 +1621,19 @@ select option { background: rgba(255,255,255,0.15); } +/* Focus-visible for the per-card action buttons (Trim, Queue, etc.). The + primary variant already has a purple background — use the inner-white + + outer-purple double ring so the focus indicator stays visible + against the button's own colour. */ +.vod-btn:focus-visible { + outline: none; + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.65); +} + +.vod-btn.primary:focus-visible { + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(145, 70, 255, 0.55); +} + /* Settings */ .settings-card { background: var(--bg-card);