/* Alpha 4.9.2 hotfix – desktop navigation and public status card alignment. */
@media (min-width: 881px) {
  .topbar {
    padding-inline: max(20px, calc((100vw - 1540px) / 2)) !important;
    gap: clamp(14px, 1.4vw, 28px) !important;
  }
  .desktop-mega-nav { gap: 10px !important; }
  .mega-nav-groups { gap: 3px !important; }
  .mega-nav-account { gap: 3px !important; padding-left: 9px !important; }
  .mega-nav-group > summary,
  .mega-nav-admin,
  .mega-nav-account > a { padding-inline: clamp(7px, .62vw, 11px) !important; }
  .mega-nav-locations {
    display: grid !important;
    grid-template-columns: 22px minmax(0, auto);
    align-items: center;
    column-gap: 7px;
    min-width: 112px;
    padding: 6px 9px !important;
  }
  .mega-nav-locations > span:first-child { font-size: 18px; text-align: center; }
  .mega-nav-locations > span:last-child { display: grid; min-width: 0; }
  .mega-nav-locations b { color: #fff; font-size: 13px; line-height: 1.15; }
  .mega-nav-locations small { color: var(--muted); font-size: 10px; line-height: 1.15; }
  body[data-page-title^="Demons –"] .demons-round {
    grid-template-columns: 60px minmax(0, 1fr) max-content !important;
  }
  body[data-page-title^="Demons –"] .demons-round > .pill,
  body[data-page-title^="Demons –"] .demons-round > .registration-closed {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 158px !important;
    max-width: 230px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
}

/* Registration status is isolated from the legacy direct-child span rules. */
body[data-page-title^="Demons –"] .demons-round > .demons-round-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 190px !important;
  min-height: 48px !important;
  padding: 10px 18px !important;
  border-radius: 16px !important;
  background: #1d2940 !important;
  color: #ead2ff !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  overflow: hidden !important;
}

body[data-page-title^="Demons –"] .demons-round-status > span {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 1rem !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

@media (max-width: 880px) {
  body[data-page-title^="Demons –"] .demons-round > .demons-round-status {
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0 !important;
  }
}
@media (min-width: 881px) and (max-width: 1240px) {
  .topbar { padding-inline: 14px !important; gap: 10px !important; }
  .brand { gap: 8px !important; }
  .brand span:last-child { font-size: 20px !important; }
  .brand-mark { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
  .desktop-mega-nav { gap: 4px !important; }
  .mega-nav-group > summary,
  .mega-nav-admin,
  .mega-nav-account > a { padding-inline: 6px !important; font-size: 12px !important; }
  .mega-nav-locations { min-width: 96px; padding-inline: 6px !important; }
  .mega-nav-locations small { display: none; }
}