/* SchoolDay v270.48: Clubs. A register's Share (in its banner, centred, and
   beside Change on each date), its window; and the Staff Rota and Food
   Planner tables scroll the page under the wheel. No !important. */

/* ------------------------------------------------- the wheel scrolls the page */
/* admin-shell-v207.css gives every .table-wrap overscroll-behavior: contain,
   so a wheel over the table stopped at it (the page moved only from the
   table's edges). The Spreadsheet View dropped that class in v270.36; these
   keep it (its look) and let the wheel through to the page. */
#tab-clubs.tab-panel .table-wrap.clubs-rota-wrap-v27013 { overscroll-behavior: auto; }

/* ------------------------------------------------- Share */
#tab-clubs .clubs-reg-share-v27048 { display: flex; justify-content: center; margin-top: .35rem; }
#tab-clubs .clubs-date-actions-v27048 { display: inline-flex; flex-wrap: wrap; gap: .35rem; justify-content: flex-end; align-items: center; }
#tab-clubs .clubs-date-actions-v27048 > button { margin: 0; }
#tab-clubs .clubs-dialog-card-v2690.is-share-v27048 { width: min(36rem, 100%); }
#tab-clubs .clubs-share-link-v27048 { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem; }
#tab-clubs .clubs-share-link-v27048 > label { flex: 1 1 18rem; }
#tab-clubs .clubs-share-link-v27048 input[readonly] { width: 100%; background: #f8fafc; }
#tab-clubs .clubs-share-email-v27048 { margin-top: .75rem; padding-top: .6rem; border-top: 1px solid #e2e8f0; }
#tab-clubs .clubs-share-email-v27048 > h4 { margin: 0 0 .4rem; }
#tab-clubs .clubs-share-people-v27048 { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .3rem; max-height: 14rem; overflow-y: auto; margin: .3rem 0 .6rem; }