:root {
  --foreground: 0 0% 20%;
  --card-foreground: 0 0% 20%;
  --popover-foreground: 0 0% 20%;
  --primary: 208 56% 40%;
  --primary-foreground: 0 0% 100%;
  --secondary: 208 50% 96%;
  --secondary-foreground: 208 56% 25%;
  --accent: 208 50% 95%;
  --accent-foreground: 208 56% 25%;
  --muted: 208 30% 96%;
  --muted-foreground: 208 10% 40%;
  --border: 208 30% 88%;
  --input: 208 30% 88%;
  --ring: 208 56% 40%;
}
:root.dark {
  --background: 208 45% 8%;
  --foreground: 208 30% 97%;
  --card: 208 40% 11%;
  --card-foreground: 208 30% 97%;
  --popover: 208 40% 11%;
  --popover-foreground: 208 30% 97%;
  --primary: 208 55% 58%;
  --primary-foreground: 208 45% 8%;
  --secondary: 208 35% 17%;
  --secondary-foreground: 208 30% 97%;
  --accent: 208 35% 17%;
  --accent-foreground: 208 30% 97%;
  --muted: 208 35% 15%;
  --muted-foreground: 208 15% 68%;
  --border: 208 30% 20%;
  --input: 208 30% 20%;
  --ring: 208 55% 58%;
}
a[href="https://github.com/TwiN/gatus"] { display: none; }
/* --- One heading per environment, all checks visible (>= 1024px) ---
   The flat grid lists 6 checks per environment, environments in
   alphabetical order, 3 per row: each environment is one 2-row
   block. Headings go on the first card of each block. scripts/validate.py
   checks that every group has 6 checks and that these labels match
   the groups. Search/filter/sort are hidden here because they reorder
   cards and would misplace the headings. */
@media (min-width: 1024px) {
  .grid.lg\:grid-cols-3 { row-gap: 0.75rem; }
  .grid.lg\:grid-cols-3 > :nth-child(6n+1),
  .grid.lg\:grid-cols-3 > :nth-child(6n+2),
  .grid.lg\:grid-cols-3 > :nth-child(6n+3) { margin-top: 3rem; height: auto; }
  .grid.lg\:grid-cols-3 > :nth-child(6n+1) { position: relative; overflow: visible; }
  .grid.lg\:grid-cols-3 > :nth-child(6n+1)::before {
    position: absolute; top: -2.4rem; left: 0.1rem; white-space: nowrap;
    font-size: 1.25rem; font-weight: 700; color: hsl(var(--foreground));
  }
  .grid.lg\:grid-cols-3 > :nth-child(1)::before { content: "Demo"; }
  .grid.lg\:grid-cols-3 > :nth-child(7)::before { content: "Development"; }
  .grid.lg\:grid-cols-3 > :nth-child(13)::before { content: "Production"; }
  .grid.lg\:grid-cols-3 > :nth-child(19)::before { content: "Sandbox"; }
  .container > .mb-6 > .bg-card:has(input[placeholder^="Search"]) { display: none; }
}