.topbar .system-status-monitor {
  --monitor-color: #198579;
  display: inline-flex; align-items: center; gap: 9px; flex: none;
  height: 40px; margin-left: auto; padding: 6px 12px 6px 7px;
  border: 1px solid #dce7ed; border-radius: 12px;
  background: linear-gradient(115deg, #f3f9fa, #fff 75%);
  color: #35536d; font-family: inherit; cursor: pointer; text-align: left;
  box-shadow: 0 2px 7px #27445e08; transition: border-color 150ms, box-shadow 150ms;
}
.topbar .system-status-monitor:hover { border-color: #a7cbc9; box-shadow: 0 3px 12px #27445e12; }
.topbar .system-status-monitor:focus-visible { outline: 2px solid #458bcc; outline-offset: 3px; }
.system-status-monitor.is-warning { --monitor-color: #b17c24; }
.system-status-monitor.is-critical { --monitor-color: #c95665; }
.system-status-monitor.is-unknown { --monitor-color: #8193a4; }
.system-status-monitor-icon { display: grid; place-items: center; width: 27px; height: 27px; flex: none; border-radius: 8px; color: var(--monitor-color); background: color-mix(in srgb, var(--monitor-color) 9%, transparent); }
.system-status-monitor-icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.65; }
.system-status-monitor-copy { display: grid; gap: 2px; white-space: nowrap; }
.system-status-monitor-copy strong { font-size: 12px; line-height: 14px; font-weight: 650; }
.system-status-monitor-copy small { display: flex; align-items: center; gap: 4px; color: var(--monitor-color); font-size: 10px; line-height: 11px; }
.system-status-monitor-copy i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.topbar .system-status-monitor + .topbar-global-status { margin-left: 0; }
@media (max-width: 1180px) {
  .topbar .system-status-monitor { width: 40px; margin-left: 0; padding: 0; justify-content: center; }
  .topbar:has(> .system-status-monitor) .topbar-connection-status { margin-left: auto; }
  .system-status-monitor-copy { display: none; }
}
@media (max-width: 767px) {
  .topbar:has(> .system-status-monitor) { grid-template-columns: 40px minmax(0, 1fr) 40px 40px 40px; gap: 6px; }
  .topbar .system-status-monitor { margin: 0; }
  .topbar .topbar-connection-status { display: none; }
}