diff --git a/frontend/src/components/ui/toast.tsx b/frontend/src/components/ui/toast.tsx
index ecd01d2..bc437eb 100644
--- a/frontend/src/components/ui/toast.tsx
+++ b/frontend/src/components/ui/toast.tsx
@@ -8,11 +8,10 @@ export function Toaster() {
     <SonnerToaster
       position="bottom-right"
       toastOptions={{
-        className: 'bg-panel border-border text-text-primary',
+        className: 'bg-elevated border border-border-default text-text-primary rounded-[var(--radius-control)]',
         descriptionClassName: 'text-text-secondary',
       }}
       theme={theme}
-      richColors
     />
   )
 }
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 354272b..3d8e878 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -222,4 +222,20 @@
   .list-item-interactive:active {
     background-color: hsl(var(--elevated));
   }
+
+  /* Panel empty state — centered muted text */
+  .panel-empty {
+    text-align: center;
+    padding: 1.25rem 0.625rem;
+    color: hsl(var(--text-muted));
+    font-size: 0.5625rem; /* 9px */
+  }
+
+  /* Panel error state — centered error text */
+  .panel-error {
+    text-align: center;
+    padding: 1.25rem 0.625rem;
+    color: hsl(var(--error));
+    font-size: 0.5625rem;
+  }
 }