/* SchoolDay v270.16: Clubs -- months above the days, the Staff Ratio line,
   the Dashboard's sizes, dragging to add dates, the rota's toolbar, the
   register's columns, and the Add dates form.
   Loaded after admin-clubs-v27015.css and before admin-function-shell-v2365.css. */

/* ------------------------------------------------- months above the days */
/* One merged cell a month, as wide as its days; neighbouring months take
   turns between two greys. The words keep the old month label's size. */
#tab-clubs .clubs-months-row-v27016 > .clubs-month-v27016 {
  height: 1.4rem; box-sizing: border-box; padding: .1rem .45rem !important; text-align: left;
  font-size: .68rem; font-weight: 800; color: #0f3d6b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  border-left: 2px solid #94a3b8; border-bottom: 1px solid #cbd5e1;
}
#tab-clubs .clubs-months-row-v27016 > .clubs-month-v27016.is-shade-0 { background: #e2e8f0; }
#tab-clubs .clubs-months-row-v27016 > .clubs-month-v27016.is-shade-1 { background: #cbd5e1; }
/* The rota's header sticks: the days sit under the months. */
#tab-clubs .clubs-rota-v27013 thead tr:not(.clubs-months-row-v27016) th { top: 1.4rem; }

/* ------------------------------------------------- the Dashboard table */
/* A club's name a little bigger; the words under it smaller; the numbers
   as they were, the same size and grey in the totals and the week row. */
#tab-clubs .clubs-grid-table-v27012 tbody th.clubs-grid-club-v27012 { font-size: 1rem; }
#tab-clubs .clubs-grid-sums-v27013 > span,
#tab-clubs .clubs-grid-week-v27013 td > span { font-size: .72rem; font-weight: 600; color: #64748b; }
#tab-clubs .clubs-grid-sums-v27013 b,
#tab-clubs .clubs-grid-week-v27013 td b,
#tab-clubs .clubs-grid-week-v27013 td.is-narrow > span { font-size: .88rem; font-weight: 800; color: #334155; }

/* Under the table: the Staff Ratio line in the middle, weekly settings on
   the right, in line with it. */
#tab-clubs .clubs-grid-under-v27016 {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .5rem 1rem; margin-top: .8rem;
}
#tab-clubs .clubs-ratio-notice-v27016 {
  grid-column: 2; margin: 0; padding: .45rem 1.1rem; border-radius: .6rem; text-align: center;
  font-size: 1.2rem; font-weight: 800; color: #7c2d12; background: #ffedd5; box-shadow: inset 0 0 0 2px #ea580c;
}
#tab-clubs .clubs-grid-week-tools-v27016 { grid-column: 3; justify-self: end; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .4rem .6rem; }
@media (max-width: 760px) {
  #tab-clubs .clubs-grid-under-v27016 { grid-template-columns: minmax(0, 1fr); }
  #tab-clubs .clubs-ratio-notice-v27016,
  #tab-clubs .clubs-grid-week-tools-v27016 { grid-column: 1; justify-self: center; }
  #tab-clubs .clubs-grid-under-v27016 > span:empty { display: none; }
}

/* Pressing on an empty day and dragging: no text selection, the days
   chosen outlined. */
#tab-clubs .clubs-grid-table-v27012.is-addable-v27016 { -webkit-user-select: none; user-select: none; }
#tab-clubs .clubs-grid-cell-v27012.is-addable-v27016 { cursor: cell; }
#tab-clubs .clubs-grid-cell-v27012.is-addable-v27016:hover { background: #eff6ff; }
#tab-clubs .clubs-grid-cell-v27012.is-adding-v27016 { background: #bfdbfe; box-shadow: inset 0 0 0 1px #2563eb; }

/* The club list: "Next session:" in front of the date. */
#tab-clubs .clubs-next-label-v27016 { color: #64748b; font-weight: 700; }

/* ------------------------------------------------- the Staff Rota */
/* Every control in the toolbar the same height as the filters. */
#tab-clubs .clubs-rota-range-v27011 { align-items: center; }
#tab-clubs .clubs-rota-range-v27011 input[type="date"],
#tab-clubs .clubs-rota-range-v27011 > button,
#tab-clubs .clubs-rota-range-v27011 .clubs-multi-v27015 > summary {
  box-sizing: border-box; height: 2.4rem; min-height: 0; margin: 0; padding-top: 0; padding-bottom: 0; line-height: 1.2;
}
#tab-clubs .clubs-rota-range-v27011 > button,
#tab-clubs .clubs-rota-range-v27011 .clubs-multi-v27015 > summary { display: inline-flex; align-items: center; }
/* As flex items the words lose the space between them; give it back. */
#tab-clubs .clubs-rota-range-v27011 .clubs-multi-v27015 > summary { gap: .3em; }
/* "Total days" wraps, so the column stays narrow. */
#tab-clubs .clubs-rota-v27013 .clubs-rota-total-v27013 { white-space: normal; width: 3.6rem; min-width: 3.6rem; max-width: 3.6rem; line-height: 1.15; text-align: center; }

/* ------------------------------------------------- the register */
/* Pupil, requirements, Notes, Assessments (when the club has any),
   Attendance last. Every column may shrink, so a row never runs out of the
   window; under 44rem the row stacks. */
#tab-clubs .clubs-reg-table-v27016 { container-type: inline-size; }
#tab-clubs .clubs-reg-table-v27016 .clubs-reg-head-v2690,
#tab-clubs .clubs-reg-table-v27016 .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);
}
#tab-clubs .clubs-reg-table-v27016 .clubs-reg-head-v2690.is-no-assess-v27011,
#tab-clubs .clubs-reg-table-v27016 .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);
}
#tab-clubs .clubs-reg-table-v27016 .clubs-reg-row-v2690 > * { min-width: 0; overflow-wrap: anywhere; }
#tab-clubs .clubs-reg-table-v27016 .clubs-reg-att-v2690 > button { min-width: 0; flex: 1 1 auto; }
@container (max-width: 44rem) {
  #tab-clubs .clubs-reg-table-v27016 .clubs-reg-head-v2690 { display: none; }
  #tab-clubs .clubs-reg-table-v27016 .clubs-reg-row-v2690,
  #tab-clubs .clubs-reg-table-v27016 .clubs-reg-list-v2690.is-no-assess-v27011 .clubs-reg-row-v2690 { grid-template-columns: minmax(0, 1fr); gap: .45rem; }
}

/* ------------------------------------------------- Add dates */
#tab-clubs .clubs-dates-group-v27016 { border: 0; padding: 0; margin: .5rem 0 0; min-width: 0; }
#tab-clubs .clubs-dates-group-v27016 > legend { font-weight: 800; padding: 0; }