Add composite health status, smart port language, remove banner, center layout, bigger logo

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/fbd178f9-a25d-4065-b3c1-79eecd3caade

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>

app/sovran_systemsos_web/static/style.css

@@ -64,10 +64,10 @@ body {
 }
 
 .header-logo {
-  height: 30px;
+  height: 46px;
   width: auto;
   vertical-align: middle;
-  margin-right: 8px;
+  margin-right: 10px;
 }
 
 .role-badge {
@@ -196,120 +196,6 @@ button:disabled {
   color: var(--border-color);
 }
 
-/* ── System status banner ────────────────────────────────────────── */
-
-.status-banner {
-  padding: 10px 24px;
-  font-size: 0.85rem;
-  font-weight: 600;
-  text-align: center;
-  transition: opacity 0.5s ease, max-height 0.3s ease;
-  overflow: hidden;
-}
-
-.status-banner--ok {
-  background-color: rgba(46, 194, 126, 0.15);
-  border-bottom: 1px solid var(--green);
-  color: var(--green);
-}
-
-.status-banner--warn {
-  background-color: rgba(229, 165, 10, 0.08);
-  border-bottom: 1px solid rgba(229, 165, 10, 0.4);
-  color: var(--text-secondary);
-}
-
-.status-banner--critical {
-  background-color: rgba(224, 27, 36, 0.08);
-  border-bottom: 1px solid rgba(224, 27, 36, 0.4);
-  color: var(--text-secondary);
-}
-
-.status-banner--fade-out {
-  opacity: 0;
-  pointer-events: none;
-}
-
-.status-banner-details {
-  margin-top: 8px;
-  text-align: left;
-  max-width: 720px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.status-banner-toggle {
-  background: none;
-  border: none;
-  font: inherit;
-  color: inherit;
-  font-size: 0.82rem;
-  font-weight: 600;
-  cursor: pointer;
-  text-decoration: underline;
-  padding: 0;
-  opacity: 0.8;
-}
-
-.status-banner-toggle:hover {
-  opacity: 1;
-}
-
-.status-banner-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-top: 8px;
-  font-size: 0.8rem;
-  color: var(--text-secondary);
-}
-
-.status-banner-table th {
-  text-align: left;
-  padding: 4px 8px;
-  opacity: 0.7;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  font-size: 0.72rem;
-  border-bottom: 1px solid var(--border-color);
-}
-
-.status-banner-table td {
-  padding: 4px 8px;
-  vertical-align: top;
-}
-
-.status-banner-table td:first-child {
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.status-banner-port {
-  font-family: 'JetBrains Mono', 'Fira Code', 'Source Code Pro', monospace;
-  font-size: 0.78rem;
-  font-weight: 600;
-}
-
-@media (max-width: 768px) {
-  .status-banner {
-    padding: 10px 16px;
-  }
-  .status-banner-details {
-    max-width: 100%;
-  }
-}
-
-@media (max-width: 600px) {
-  .status-banner {
-    padding: 10px 14px;
-    font-size: 0.82rem;
-  }
-  .status-banner-table th,
-  .status-banner-table td {
-    padding: 4px 4px;
-  }
-}
-
 /* ── Main content ───────────────────────────────────────────────── */
 
 .main-content {
@@ -317,6 +203,10 @@ button:disabled {
   align-items: flex-start;
   flex: 1;
   overflow: hidden;
+  max-width: 1400px;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 /* ── Sidebar ────────────────────────────────────────────────────── */
@@ -505,11 +395,12 @@ button:disabled {
   background-color: var(--grey);
 }
 
-.status-dot.active    { background-color: var(--green); }
-.status-dot.inactive  { background-color: var(--red); }
-.status-dot.loading   { background-color: var(--yellow); animation: pulse-badge 1s infinite; }
-.status-dot.failed    { background-color: var(--red); }
-.status-dot.disabled  { background-color: var(--grey); }
+.status-dot.active         { background-color: var(--green); }
+.status-dot.inactive       { background-color: var(--red); }
+.status-dot.loading        { background-color: var(--yellow); animation: pulse-badge 1s infinite; }
+.status-dot.failed         { background-color: var(--red); }
+.status-dot.disabled       { background-color: var(--grey); }
+.status-dot.needs-attention { background-color: var(--yellow); }
 
 /* ── Update modal ─────────────────────────────────<E29480><E29480><EFBFBD>─────────────── */