:root {
  --bg: #0d0d0d;
  --fg: #f0f0f0;
  --card: #111111;
  --border: #2a2a2a;
  --muted: #666666;
  --lime: #b8ff00;
}
html, body, #app, #root, main, .min-h-screen { background-color: var(--bg) !important; color: var(--fg) !important; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }
/* Kill all blue/slate/gray dark backgrounds that Gatus uses */
[class*="bg-slate-"], [class*="bg-gray-"], [class*="bg-zinc-"], [class*="bg-neutral-"], [class*="bg-stone-"], [class*="bg-blue-9"] {
  background-color: var(--card) !important;
}
html, body, #app, #root, body > div, body > div > div { background-color: var(--bg) !important; }
.bg-light, .bg-white, .container, .card, .endpoint, header, footer { background-color: var(--card) !important; color: var(--fg) !important; }
.border, .border-gray-200, .border-gray-300 { border-color: var(--border) !important; }
.text-dark, .text-black, .text-gray-900, h1, h2, h3, h4, h5 { color: var(--fg) !important; }
.text-muted, .text-gray-500, .text-gray-600, .text-gray-700 { color: var(--muted) !important; }
a { color: var(--lime) !important; }
a:hover { color: var(--lime) !important; opacity: 0.8; }
.bg-success, .bg-green, .bg-green-500, .status-success { background-color: var(--lime) !important; color: #000 !important; }
.text-success, .text-green, .text-green-500 { color: var(--lime) !important; }
/* Hide the "Gatus" h1 next to the logo */
a[href*="cardshowdata.com"] h1 { display: none !important; }
/* Enlarge logo wrapper — SVG is 360x48, constrain by height and let width flow */
a[href*="cardshowdata.com"] > div:first-child,
a[href*="cardshowdata.com"] .w-12,
a[href*="cardshowdata.com"] .h-12 {
  width: auto !important;
  height: 72px !important;
  min-width: 0 !important;
}
a[href*="cardshowdata.com"] img[src*="logo"] {
  width: auto !important;
  height: 72px !important;
  max-height: 72px !important;
  object-fit: contain;
}