/* "Health Dashboard" and "Monitor the health of your endpoints in real-time".
   The sibling <p> is the subheading; the refresh and response-time toggle
   buttons live in a separate flex child and are intentionally kept.

   The `.justify-between.items-center` ancestor is load-bearing, not
   decoration: `h1.text-4xl.font-bold.tracking-tight` is ALSO the endpoint
   detail page's title, whose container uses `items-start`. Dropping that
   ancestor hides the endpoint name when you click into a service. */
div.justify-between.items-center h1.text-4xl.font-bold.tracking-tight,
div.justify-between.items-center h1.text-4xl.font-bold.tracking-tight + p {
  display: none;
}

/* The entire search / filter-by / sort-by bar. #search-input is unique to
   SearchBar.vue, so :has() scopes this to that one container. */
.bg-card:has(#search-input) {
  display: none !important;
}