.grid > .endpoint:has([title="Server online"]) { order: -1; grid-column: 1 / -1; }
.endpoint:has([title="Server online"]) .endpoint-header .text-muted-foreground { display: none; }
.space-y-6:has(> .endpoint-group) { display: flex; flex-direction: column; gap: 1.5rem; }
.space-y-6 > .endpoint-group { margin-top: 0 !important; }
.endpoint-group:has([title="Server online"]) { order: -1; }
/* flat view: Gatus puts suites in their own section; fold both sections into one grid */
div:has(> div > .grid > .suite) { display: grid; gap: 0.75rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { div:has(> div > .grid > .suite) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { div:has(> div > .grid > .suite) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
div:has(> div > .grid > .suite) > div, div:has(> div > .grid > .suite) > div > .grid { display: contents; }
div:has(> div > .grid > .suite) > div > h2, .endpoint-group-content h3 { display: none; }