html, body {
  background: radial-gradient(ellipse at top left, #1a1d2e 0%, #0d1117 50%) fixed;
  color: #e6edf3;
  font-family: 'Inter', system-ui, sans-serif;
  scroll-behavior: smooth;
}

::selection { background: rgba(124, 92, 255, 0.4); color: #fff; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2a2f3a; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #3a4150; }

/* MudBlazor refinements */
.mud-paper { transition: transform 0.18s ease, box-shadow 0.18s ease; }
.mud-paper:hover { box-shadow: 0 6px 20px rgba(124, 92, 255, 0.10); }

.mud-nav-link.active-server, .mud-nav-link.active {
  background: rgba(124, 92, 255, 0.10) !important;
  color: #fff !important;
  border-left: 3px solid #7c5cff;
}
.mud-nav-link {
  border-left: 3px solid transparent;
  transition: background 0.15s ease, border-left-color 0.15s ease;
}
.mud-nav-link:hover { background: rgba(255, 255, 255, 0.03); }

.mud-table { background: #161b22 !important; }
.mud-table-head { background: rgba(124, 92, 255, 0.06) !important; }
.mud-table-row:hover { background: rgba(124, 92, 255, 0.05); }

.mud-chip { font-weight: 500; }

code {
  background: rgba(124, 92, 255, 0.08);
  color: #c0b0ff;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: 'JetBrains Mono', 'Consolas', monospace;
  font-size: 0.85em;
}

/* Page heading underline */
h4.mud-typography-h4 {
  position: relative;
  padding-bottom: 10px;
}
h4.mud-typography-h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 3px;
  background: linear-gradient(90deg, #7c5cff, #22d3ee);
  border-radius: 2px;
}

/* Stat cards */
.stat-card {
  background: linear-gradient(135deg, rgba(124, 92, 255, 0.08), rgba(34, 211, 238, 0.04)) !important;
  border: 1px solid rgba(124, 92, 255, 0.15);
}