diff --git a/webclient-vue/src/styles/main.css b/webclient-vue/src/styles/main.css
index 24ce5d5..75a8996 100644
--- a/webclient-vue/src/styles/main.css
+++ b/webclient-vue/src/styles/main.css
@@ -191,6 +191,14 @@
   gap: 12px;
 }
 
+/* Toast backgrounds — override translucent kit defaults for readability */
+.toast.toast-info,
+.toast.toast-success,
+.toast.toast-warning,
+.toast.toast-danger {
+  background: var(--color-panel-strong);
+}
+
 @media (max-width: 720px) {
   .area-tree-card {
     grid-template-columns: 1fr;