/* SchoolDay v270.46: Clubs. Manage Clubs' Change button where it belongs;
   the Schedule window one page long; the register's banner; the Staff
   Rota's views, sums and suggestions. No !important: every rule is
   #tab-clubs plus at least as many classes as the rule it follows, and this
   file comes after them. */

/* ------------------------------------------------- Manage Clubs: a date with a title */
/* The title is a line of its own under the date; Change stays at the right,
   at the bottom, its usual size. */
#tab-clubs .clubs-date-list-v2690.is-compact .clubs-date-row-v2690 > .clubs-date-title-v27044 { grid-column: 1 / 3; grid-row: 2; margin: 0; }
#tab-clubs .clubs-date-list-v2690.is-compact .clubs-date-row-v2690 > [data-clubs-change-session-v2690] { grid-column: 3; grid-row: 1; align-self: center; justify-self: end; }
#tab-clubs .clubs-date-list-v2690.is-compact .clubs-date-row-v2690:has(> .clubs-date-title-v27044) > [data-clubs-change-session-v2690] { grid-row: 1 / span 2; align-self: end; }

/* ------------------------------------------------- the Schedule window */
/* One scroll: the page's. The window is as long as its form. */
#tab-clubs [data-sched-dialog-v27043] .clubs-dialog-body-v2690 { max-height: none; overflow: visible; }

/* ------------------------------------------------- Report on Pupils: From and to on one line */
#tab-clubs .clubs-report-dates-v27046 { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; }

/* ------------------------------------------------- the Staff Rota */
/* Club View: a person's days at other clubs fainter still (it was .3). */
#tab-clubs .clubs-rota-v27013.is-by-club-v27030 .clubs-rota-day-v27013.is-faded { opacity: .12; }
/* The views are the folder sub-tabs (admin-function-shell-v2365.css draws them). */
#tab-clubs .clubs-rota-views-v27046 { margin: 0 0 .6rem; }
/* Print to PDF, the CSVs and PDF banner: under the table, at its right. */
#tab-clubs .clubs-rota-bottom-v27046 { display: flex; justify-content: flex-end; margin: .6rem 0 0; }
#tab-clubs .clubs-rota-bottom-v27046 .clubs-print-tools-v27030 { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; margin: 0; }
/* The sums ticked, a row each under the club's name. */
#tab-clubs .clubs-rota-sums-v27046 { display: inline-flex; flex-wrap: wrap; gap: .3rem .9rem; align-items: center; }
#tab-clubs .clubs-rota-sumrow-v27046 > th.clubs-rota-name-v27013 { font-size: .78rem; font-weight: 600; color: #334155; padding-left: 1.1rem; }
#tab-clubs .clubs-rota-sumrow-v27046 > td.clubs-rota-sumcell-v27046 { font-size: .8rem; font-weight: 700; text-align: center; color: #334155; }
/* Surplus: green and +n when there is staff to spare, red when short; never colour alone (the sign says it too). */
#tab-clubs .clubs-rota-sumrow-v27046 > td.clubs-rota-sumcell-v27046.is-plus-v27046 { color: #15803d; }
#tab-clubs .clubs-rota-sumrow-v27046 > td.clubs-rota-sumcell-v27046.is-minus-v27046 { color: #b91c1c; }
/* Suggested actions, at the foot. */
#tab-clubs .clubs-rota-suggest-v27046 { margin: 1rem 0 0; padding: .75rem 1rem; border: 1px solid #e5e7eb; border-left: 4px solid #0f3d6b; background: #f8fafc; }
#tab-clubs .clubs-rota-suggest-v27046 h4 { margin: 0 0 .4rem; }
#tab-clubs .clubs-rota-suggest-v27046 ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .35rem; }
#tab-clubs .clubs-rota-move-v27046.is-short-v27046 { color: #b91c1c; }
#tab-clubs .clubs-rota-role-v27046 { display: inline-block; padding: 0 .35rem; border-radius: .25rem; background: #e0e7ff; color: #1e3a8a; font-weight: 600; }
#tab-clubs .clubs-rota-role-v27046.is-mandatory-v27046 { background: #fef3c7; color: #78350f; box-shadow: inset 0 0 0 1px #f59e0b; }

/* ------------------------------------------------- the register's banner */
/* The date again, its title and description, and the counts, in the middle;
   Previous register and Next register at its sides. */
#tab-clubs .clubs-reg-banner-v27046 { display: grid; grid-template-columns: minmax(7rem, 1fr) minmax(0, 3fr) minmax(7rem, 1fr); align-items: center; gap: .5rem 1rem;
  margin: .3rem 0 .8rem; padding: .7rem .9rem; border: 1px solid #d5e3f0; border-left: 4px solid #0f3d6b; background: #f8fafc; }
#tab-clubs .clubs-reg-banner-mid-v27046 { text-align: center; }
#tab-clubs .clubs-reg-banner-date-v27046 { font-weight: 800; font-size: 1.05rem; }
#tab-clubs .clubs-reg-banner-v27046 .clubs-reg-title-v27044 { margin: .35rem auto; border-left: 0; background: transparent; padding: 0; max-width: 46rem; text-align: center; }
#tab-clubs .clubs-reg-banner-v27046 .clubs-reg-title-v27044 .clubs-date-title-v27044 { text-align: center; }
#tab-clubs .clubs-reg-banner-v27046 .clubs-reg-summary-v2690 { margin: .3rem 0 0; text-align: center; }
#tab-clubs .clubs-reg-step-v27046 { display: inline-flex; align-items: center; gap: .4rem; justify-self: start; background: #fff; color: #0f3d6b; border: 1px solid #b8d4ef; font-weight: 700; padding: .4rem .7rem; }
#tab-clubs .clubs-reg-step-v27046.is-next-v27046 { justify-self: end; }
#tab-clubs .clubs-reg-step-v27046 > span:not([aria-hidden]) { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
#tab-clubs .clubs-reg-step-v27046.is-next-v27046 > span:not([aria-hidden]) { align-items: flex-end; }
#tab-clubs .clubs-reg-step-v27046 small { font-weight: 400; color: #475569; font-size: .75rem; }
#tab-clubs .clubs-reg-step-v27046 > span[aria-hidden] { font-size: 1.4rem; line-height: 1; }
#tab-clubs .clubs-reg-step-v27046:hover { background: #eef5fc; }
@media (max-width: 700px) {
  #tab-clubs .clubs-reg-banner-v27046 { grid-template-columns: 1fr 1fr; }
  #tab-clubs .clubs-reg-banner-mid-v27046 { grid-column: 1 / -1; grid-row: 1; }
}
/* A child on the roll: their name opens their pupil record. */
#tab-clubs .clubs-pupil-link-v27046 { text-decoration: underline; text-underline-offset: 2px; }