diff --git a/frontend/src/views/settings/AuditLogs.vue b/frontend/src/views/settings/AuditLogs.vue
index d062ba0..7b321b7 100644
--- a/frontend/src/views/settings/AuditLogs.vue
+++ b/frontend/src/views/settings/AuditLogs.vue
@@ -319,7 +319,8 @@ onMounted(loadLogs)
 }
 
 .modal {
-  background: var(--bg-card);
+  /* SOLID, not var(--bg-card) - translucent in dark mode over the overlay. */
+  background: var(--bg-card-solid);
   border: 1px solid var(--border);
   border-radius: 8px;
   min-width: 500px;
diff --git a/frontend/src/views/settings/UsersList.vue b/frontend/src/views/settings/UsersList.vue
index 06fa15a..58fd9aa 100644
--- a/frontend/src/views/settings/UsersList.vue
+++ b/frontend/src/views/settings/UsersList.vue
@@ -636,7 +636,9 @@ onMounted(loadData)
 }
 
 .modal {
-  background: var(--bg-card);
+  /* SOLID, not var(--bg-card): the card variable is translucent in dark mode,
+     which left this dialog see-through over its own overlay. */
+  background: var(--bg-card-solid);
   border: 1px solid var(--border);
   border-radius: 8px;
   width: 500px;