diff --git a/app/sovran_systemsos_web/static/onboarding.js b/app/sovran_systemsos_web/static/onboarding.js
index 580a001..293ef1f 100644
--- a/app/sovran_systemsos_web/static/onboarding.js
+++ b/app/sovran_systemsos_web/static/onboarding.js
@@ -284,7 +284,7 @@ async function loadStep3() {
   html += '</div>';
 
   // Totals
-  html += '<div class="onboarding-port-totals" style="margin-bottom:18px;padding:10px 14px;background:var(--color-bg-subtle,#f6f8fa);border-radius:6px;font-size:0.93em;">';
+  html += '<div class="onboarding-port-totals">';
   html += '<strong>Total port openings: 4</strong> (without Element Calling)<br>';
   html += '<strong>Total port openings: 9</strong> (with Element Calling — 4 required + 5 optional)';
   html += '</div>';
diff --git a/app/sovran_systemsos_web/static/style.css b/app/sovran_systemsos_web/static/style.css
index abe17c9..a4438ec 100644
--- a/app/sovran_systemsos_web/static/style.css
+++ b/app/sovran_systemsos_web/static/style.css
@@ -2066,13 +2066,24 @@ button.btn-reboot:hover:not(:disabled) {
   margin-bottom: 12px;
 }
 
+.onboarding-port-totals {
+  background: var(--card-color);
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  padding: 10px 14px;
+  font-size: 0.93em;
+  color: var(--text-primary);
+  margin-bottom: 18px;
+  line-height: 1.6;
+}
+
 .onboarding-port-warn {
-  background: rgba(229, 165, 10, 0.08);
-  border: 1px solid rgba(229, 165, 10, 0.3);
+  background: rgba(229, 165, 10, 0.15);
+  border: 1px solid rgba(229, 165, 10, 0.5);
   border-radius: 8px;
   padding: 12px 16px;
   font-size: 0.88rem;
-  color: var(--text-secondary);
+  color: var(--text-primary);
   margin-bottom: 14px;
   line-height: 1.5;
 }