release: 4.6.81 focus-visible rings on btn-primary/secondary/pill/close + btn-secondary hover

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.80",
+  "version": "4.6.81",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.80",
+      "version": "4.6.81",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.80",
+  "version": "4.6.81",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/styles.css

@@ -1725,6 +1725,11 @@ select option {
     background: var(--accent-hover);
 }
 
+.btn-primary:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(145, 70, 255, 0.55);
+}
+
 .btn-primary:disabled {
     background: var(--text-secondary);
     cursor: not-allowed;
@@ -1737,6 +1742,17 @@ select option {
     border-radius: 4px;
     padding: 10px 20px;
     cursor: pointer;
+    transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+
+.btn-secondary:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.06);
+    border-color: rgba(255, 255, 255, 0.22);
+}
+
+.btn-secondary:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.55);
 }
 
 /* ============================================
@@ -1773,6 +1789,20 @@ select option {
     transform: translateY(1px);
 }
 
+.btn-pill:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.55);
+}
+
+.btn-pill.primary:focus-visible,
+.btn-pill.success:focus-visible {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(145, 70, 255, 0.55);
+}
+
+.btn-pill.danger:focus-visible {
+    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.6);
+}
+
 .btn-pill:disabled {
     opacity: 0.45;
     cursor: not-allowed;
@@ -1842,6 +1872,11 @@ select option {
     color: #ff6b6b;
 }
 
+.btn-close:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.6);
+}
+
 /* .queue-detail-btn — tiny chip-style action button used in queue item
    detail rows AND in the archive search results list. Was previously
    rendering with browser defaults (gray flat button). */
@@ -1873,6 +1908,11 @@ select option {
     transform: translateY(0);
 }
 
+.queue-detail-btn:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.7);
+}
+
 /* Clips */
 .clip-input {
     max-width: 600px;