.navbar-brand img {
    height: 30px;
    margin-right: 10px;
}

.status-online {
    color: #28a745;
}

.status-offline {
    color: #6c757d;
}

.status-error {
    color: #dc3545;
}

.stats-card {
    border-left: 4px solid #007bff;
}

.sidebar {
    min-height: 100vh;
    background: #f8f9fa;
    border-right: 1px solid #dee2e6;
}

.table td, 
.table th {
  white-space: normal !important; /* allow wrapping */
  word-break: break-all;          /* break long UUID/socket IDs */
  font-family: monospace;         /* monospaced = easier to read IDs */
  font-size: 1rem;             /* slightly smaller */
  vertical-align: middle;         /* center-align nicely */
}

.clickable-card:hover {
  background-color: #f8f9fa; /* subtle gray */
  transform: translateY(-2px);
  transition: all 0.2s ease;
}