/* SchoolDay v270.22: the Clubs tabs wrap onto a second row when the row is
   too narrow, instead of squeezing ("Dash board", "Mana ge Asse ss- ments")
   or scrolling sideways. Each tab keeps its words whole.

   admin-function-shell-v2365.css sets every tab strip with !important and an
   ID in its selector (and, under 820px, equal-width tabs whose words break
   anywhere). These carry two IDs of their own (#adminApp #clubsTabsV2690) and
   !important so they win over that, for the Clubs strip only. */
.admin-body #adminApp #tab-clubs #clubsTabsV2690 {
  flex-wrap: wrap !important;
  align-items: stretch !important;
  row-gap: .25rem !important;
  overflow: visible !important;
}
.admin-body #adminApp #tab-clubs #clubsTabsV2690 > button {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-align: center;
}
/* A tab on the first of two rows sits on its own line, so it keeps a bottom
   edge; only the selected tab opens into the panel. */
.admin-body #adminApp #tab-clubs #clubsTabsV2690 > button:not(.active):not([aria-selected="true"]) {
  border-bottom-color: var(--admin-tab-border, #b8d4ef) !important;
}
@media (max-width: 820px) {
  .admin-body #adminApp #tab-clubs #clubsTabsV2690 > button {
    padding: .45rem .6rem !important;
    font-size: .8rem !important;
  }
}

/* Clubs > MagicBooking: the computers running the extension. */
#tab-clubs .clubs-mb-device-list-v27022 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: .75rem; }
#tab-clubs .clubs-mb-device-v27022 { display: block; border-left: 4px solid #94a3b8; }
#tab-clubs .clubs-mb-device-v27022.is-live { border-left-color: #16a34a; }
#tab-clubs .clubs-mb-live-v27022 { display: inline-block; padding: 0 .45rem; border-radius: 999px; font-size: .8rem; font-weight: 700; background: #e2e8f0; color: #334155; }
#tab-clubs .clubs-mb-device-v27022.is-live .clubs-mb-live-v27022 { background: #dcfce7; color: #166534; }
#tab-clubs .clubs-mb-device-facts-v27022 { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .2rem .75rem; margin: .5rem 0 0; }
#tab-clubs .clubs-mb-device-facts-v27022 dt { font-weight: 700; color: #475569; }
#tab-clubs .clubs-mb-device-facts-v27022 dd { margin: 0; overflow-wrap: anywhere; }