From 018368e153c6e703e68023515de65afe3cff7157 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 26 Aug 2026 02:33:05 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20interactive=20f?=
 =?UTF-8?q?ocus=20and=20disabled=20states?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: benpiper <4343814+benpiper@users.noreply.github.com>
---
 web_app/static/css/style.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/web_app/static/css/style.css b/web_app/static/css/style.css
index 4abd94a..3fe6699 100644
--- a/web_app/static/css/style.css
+++ b/web_app/static/css/style.css
@@ -195,7 +195,7 @@ input[type="range"] {
     color: white;
 }
 
-.btn-primary:hover {
+.btn-primary:not(:disabled):hover {
     background: var(--primary-dark);
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
@@ -206,10 +206,24 @@ input[type="range"] {
     color: var(--text);
 }
 
-.btn-secondary:hover {
+.btn-secondary:not(:disabled):hover {
     background: #475569;
 }
 
+.btn-primary:disabled,
+.btn-secondary:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+.btn-primary:focus-visible,
+.btn-secondary:focus-visible,
+.param-item input:focus-visible,
+.param-item select:focus-visible {
+    outline: 2px solid var(--primary);
+    outline-offset: 2px;
+}
+
 .progress-bar {
     width: 100%;
     height: 8px;