/* Admin: the /admin area (layouts/admin) uses the club app's shell from
   layout.css (sidebar, top bar, content, the mobile drawer). These rules only
   add the admin badge and the grouped menu, and give Sightline and Mission
   Control the app's colours and type. */

.admin-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-tag {
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--yellow);
  color: var(--navy-deep);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Group headings inside the menu: breathing room above each group. */
.admin-app .sidebar nav .nav-label {
  margin: 28px 0 8px;
  text-transform: uppercase;
}

.admin-crumb {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.admin-crumb::after {
  content: "/";
  margin-left: 8px;
  color: var(--line);
}

.admin-main {
  width: 100%;
  max-width: 1200px;
}

/* Sightline in the app's colours: the blue accent, navy headings, the
   display font for titles. */
.sl {
  --sl-accent: var(--blue);
  --sl-muted: #5b6780;
  --sl-font: var(--font);
  --sl-font-heading: var(--display);
  --sl-series-1: var(--blue);
  --sl-series-2: var(--orange);
}