diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..e2583c4
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2026-05-15 - Disabled Button Styles
+**Learning:** Adding global disabled states in CSS for standard HTML elements (like `button:disabled`) ensures a baseline of accessible feedback across the entire application, preventing the need to manually add disabled classes to every component. Using `pointer-events: none` on disabled buttons prevents the `cursor: not-allowed` style from rendering, which removes an important visual cue for users; using `opacity` and `cursor: not-allowed` alone provides a much better experience.
+**Action:** Always prefer setting `opacity` and `cursor: not-allowed` without `pointer-events: none` when styling `:disabled` elements globally to retain mouse interaction feedback.
diff --git a/intelligence/company/www/assets/meridian.css b/intelligence/company/www/assets/meridian.css
index ae58feb..11b65e3 100644
--- a/intelligence/company/www/assets/meridian.css
+++ b/intelligence/company/www/assets/meridian.css
@@ -2361,3 +2361,11 @@ h3 { font-family: var(--display); color: #fff; font-size: 1rem; margin: 1.1rem 0
   text-align: left;
 }
 .hero-install code { font-family: 'JetBrains Mono', monospace; color: inherit; }
+
+/* ── Disabled states ── */
+button:disabled,
+.operator-action:disabled,
+.cta:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}