/* ---------------------------------------------------------------------------
   Dashboard width + tile shape (loaded automatically by homepage as
   /app/config/custom.css).
   --------------------------------------------------------------------------- */

/* Cap the content width and centre it, so there's breathing room left/right
   on wide screens instead of stretching edge to edge. */
#information-widgets,  /* header: server hw stats + search bar */
#layout-groups,        /* the service tiles */
#bookmarks {           /* footer row: Anthropic / Hetzner / Namecheap */
  max-width: 900px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make tiles uniformly narrow / squarer instead of one-or-two-per-row slabs.
   Applies only on desktop (lg+). The Tests table is the single full-width
   tile (its list is the only `lg:grid-cols-1`) — exclude it so it stays wide
   enough to render as a real table. */
@media (min-width: 1024px) {
  #layout-groups .services-list:not([class~="lg:grid-cols-1"]) {
    grid-template-columns: repeat(auto-fill, minmax(145px, 166px)) !important;
    justify-content: start;
  }
}