/* SchoolDay v270.47: Clubs. One scroll for the Staff Rota and the Food
   Planner's tables (the page's); Refresh at the right of a register's
   heading; the safeword as the register's last column, shown and hidden
   with a slide. No !important. */

/* ------------------------------------------------- one scroll */
/* The rota (Club and Staff View) and the Food Planner (Full Breakdown and
   Weekly Summary) are as tall as they are: the page scrolls, the table only
   sideways when it is wider than the page. */
#tab-clubs .table-wrap.clubs-rota-wrap-v27013 { max-height: none; overflow-y: visible; overflow-x: auto; }

/* ------------------------------------------------- the register */
/* Refresh at the right of the heading, not the left. */
#tab-clubs .clubs-club-head-v2690 > .clubs-reg-refresh-v27044 { order: 99; margin-left: auto; }

/* The safeword, the last column (only while attendance can be marked). */
#tab-clubs .clubs-reg-table-v27016.has-safeword-v27047 .clubs-reg-head-v2690,
#tab-clubs .clubs-reg-table-v27016.has-safeword-v27047 .clubs-reg-row-v2690 {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.3fr) minmax(0, .65fr) minmax(0, 1fr) minmax(0, 1.5fr) minmax(8.5rem, .9fr);
}
#tab-clubs .clubs-reg-table-v27016.has-safeword-v27047 .clubs-reg-head-v2690.is-no-assess-v27011,
#tab-clubs .clubs-reg-table-v27016.has-safeword-v27047 .clubs-reg-list-v2690.is-no-assess-v27011 .clubs-reg-row-v2690 {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.3fr) minmax(0, .65fr) minmax(0, 1.5fr) minmax(8.5rem, .9fr);
}
@container (max-width: 44rem) {
  #tab-clubs .clubs-reg-table-v27016.has-safeword-v27047 .clubs-reg-row-v2690,
  #tab-clubs .clubs-reg-table-v27016.has-safeword-v27047 .clubs-reg-list-v2690.is-no-assess-v27011 .clubs-reg-row-v2690 { grid-template-columns: minmax(0, 1fr); }
}
/* Show safeword fills the cell; pressed, it shrinks to Hide at the left and
   the word slides in beside it; three seconds later it slides back. */
#tab-clubs .clubs-reg-word-v27047 { display: flex; align-items: center; gap: 0; overflow: hidden; min-width: 0; }
#tab-clubs .clubs-reg-word-v27047 .clubs-safeword-btn-v27044 { flex: 1 1 100%; max-width: 100%; margin: 0; white-space: nowrap; overflow: hidden;
  transition: flex-basis .35s ease, max-width .35s ease; }
#tab-clubs .clubs-reg-word-v27047 .clubs-word-out-v27047 { flex: 0 1 auto; max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap; font-weight: 800; padding-left: 0;
  transition: max-width .35s ease, opacity .25s ease, padding-left .35s ease; }
#tab-clubs .clubs-reg-word-v27047.is-open-v27047 .clubs-safeword-btn-v27044 { flex: 0 0 auto; max-width: 4.5rem; }
#tab-clubs .clubs-reg-word-v27047.is-open-v27047 .clubs-word-out-v27047 { max-width: 14rem; opacity: 1; padding-left: .5rem; }
@media (prefers-reduced-motion: reduce) {
  #tab-clubs .clubs-reg-word-v27047 .clubs-safeword-btn-v27044,
  #tab-clubs .clubs-reg-word-v27047 .clubs-word-out-v27047 { transition: none; }
}

/* v270.47: the register's assessment window says where the child is. */
#tab-clubs .clubs-mark-summary-v27047 { margin: 0 0 .75rem; padding: .6rem .8rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
#tab-clubs .clubs-mark-summary-v27047 > p { margin: 0 0 .35rem; }
#tab-clubs .clubs-mark-levels-v27047 { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .35rem; }
#tab-clubs .clubs-mark-levels-v27047 > li { border: 1px solid #cbd5e1; border-radius: 999px; padding: .15rem .6rem; background: #fff; }
#tab-clubs .clubs-mark-levels-v27047 > li.is-done { background: #dcfce7; border-color: #86efac; }
#tab-clubs .clubs-mark-levels-v27047 > li.is-current { background: #dbeafe; border-color: #93c5fd; font-weight: 600; }

/* v270.47: what each connector problem was, under its run. */
#tab-clubs .clubs-conn-problems-v27047 { margin: .2rem 0 .3rem 1rem; }
#tab-clubs .clubs-conn-problems-v27047 > summary { cursor: pointer; color: #b91c1c; font-size: .9em; }
#tab-clubs .clubs-conn-problems-v27047 ul { margin: .25rem 0 0; padding-left: 1.1rem; }
#tab-clubs .clubs-conn-problems-v27047 li.is-stop { color: #b91c1c; }