/* SchoolDay v270.40: Clubs -- Refresh, Search child, breakdowns, weekly
   total columns, Club Attendees' picked row, Bulk change and Export Data,
   the register's starred summary, Possible Roles. */

/* ------------------------------------------------- Refresh */
#tab-clubs .clubs-refresh-v27040 { display: inline-flex; align-items: center; gap: .5rem; margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
#tab-clubs .clubs-refresh-note-v27040 {
  padding: .2rem .55rem; border-radius: .4rem; background: #fef3c7; color: #78350f; border: 1px solid #f59e0b; font-size: .8rem; font-weight: 700;
}
#tab-clubs .clubs-refresh-v27040 button.is-due-v27040 { border-color: #d97706; background: #fffbeb; color: #78350f; font-weight: 800; }
#tab-clubs .clubs-grid-above-v27040 { display: flex; align-items: center; justify-content: space-between; gap: .4rem 1rem; flex-wrap: wrap; margin: 0 0 .45rem; }
#tab-clubs .clubs-grid-above-v27040 > .clubs-grid-views-v27017 { margin: 0; }
#tab-clubs .clubs-db-note-row-v27017 .clubs-refresh-v27040 { margin-left: .6rem; }

/* ------------------------------------------------- Search child */
#tab-clubs .clubs-grid-search-v27040 { display: inline-flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
#tab-clubs .clubs-grid-search-v27040 > label { font-weight: 700; }
#tab-clubs .clubs-grid-search-box-v27040 { position: relative; display: inline-block; }
#tab-clubs .clubs-grid-search-box-v27040 input { min-width: 14rem; }
#tab-clubs .clubs-grid-search-list-v27040 {
  position: absolute; top: calc(100% + 2px); left: 0; z-index: 30; min-width: 100%; max-width: 22rem; margin: 0; padding: .25rem; list-style: none;
  background: #fff; border: 1px solid #cbd5e1; border-radius: .5rem; box-shadow: 0 10px 25px rgba(15, 23, 42, .18);
}
#tab-clubs .clubs-grid-search-opt-v27040 {
  display: block; width: 100%; padding: .35rem .55rem; border: 0; border-radius: .35rem; background: none; color: #0f172a; font: inherit; text-align: left; cursor: pointer;
}
#tab-clubs .clubs-grid-search-opt-v27040:hover,
#tab-clubs .clubs-grid-search-opt-v27040.is-active { background: #e0f2fe; }
#tab-clubs .clubs-grid-search-more-v27040 { padding: .25rem .55rem; font-size: .8rem; }

/* ------------------------------------------------- Meal Counts' Change */
#tab-clubs .clubs-grid-meal-change-v27040 { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ------------------------------------------------- breakdowns */
#tab-clubs .clubs-breakdowns-v27040 { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-left: .35rem; padding-left: .7rem; border-left: 2px solid #e2e8f0; }
#tab-clubs .clubs-breakdown-v27040 {
  padding: .3rem .75rem; border-radius: 999px; font-size: .82rem; font-weight: 800; line-height: 1.2; background: #fff; color: #334155; border: 2px dashed #64748b;
}
#tab-clubs .clubs-breakdown-v27040[aria-pressed="true"] { background: #334155; color: #fff; border-style: solid; }
#tab-clubs .clubs-breakdown-v27040:disabled { opacity: .55; text-decoration: line-through; }
#tab-clubs .clubs-breakdown-item-v27040 > .clubs-breakdown-v27040 { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#tab-clubs .clubs-breakdown-edit-v27040 { padding: 0 .4rem; border: 2px solid #cbd5e1; border-left: 0; background: #f8fafc; color: #475569; font-weight: 800; }
#tab-clubs .clubs-breakdown-edit-v27040:hover { background: #e0f2fe; color: #0f3d6b; }
#tab-clubs .clubs-grid-table-v27012 tr.clubs-grid-breakdown-v27040 > th.clubs-grid-subname-v27017 { font-style: normal; color: #334155; }
#tab-clubs .clubs-grid-table-v27012 tr.clubs-grid-breakdown-v27040.is-first-v27040 > * { border-top: 1px dashed #94a3b8; }
#tab-clubs .clubs-bd-groups-v27040 { width: 100%; border-collapse: collapse; margin: .3rem 0 .5rem; font-size: .9rem; }
#tab-clubs .clubs-bd-groups-v27040 th, #tab-clubs .clubs-bd-groups-v27040 td { padding: .25rem .4rem; border-bottom: 1px solid #eef2f7; text-align: left; vertical-align: middle; }
#tab-clubs .clubs-bd-groups-v27040 td input { width: 100%; }
#tab-clubs .clubs-bd-add-v27040 { display: flex; align-items: flex-end; gap: .5rem; flex-wrap: wrap; margin: 0 0 .5rem; }
#tab-clubs .clubs-bd-row-v27040 { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin: 0 0 .4rem; }
#tab-clubs .clubs-bd-if-v27040 { font-weight: 700; }
#tab-clubs .clubs-bd-row-v27040 input[data-bd-rowlabel-v27040] { flex: 1 1 10rem; }
#tab-clubs .clubs-bd-v27040 { max-height: 55vh; overflow: auto; }
#tab-clubs .clubs-cond-values-v27040 { margin: .3rem 0 .5rem; }
#tab-clubs .clubs-cond-list-v27040 { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .15rem .6rem; max-height: 14rem; overflow: auto; margin-top: .3rem; }

/* ------------------------------------------------- weekly total columns */
#tab-clubs .clubs-grid-table-v27012 .clubs-grid-wtotal-v27040 {
  min-width: 2.7rem; padding: 0 .3rem; background: #eef2ff; color: #1e1b4b; font-size: .88rem; font-weight: 800; border-left: 1px solid #a5b4fc; border-right: 2px solid #475569;
}
#tab-clubs .clubs-grid-table-v27012 thead .clubs-grid-wtotal-v27040 { font-size: .7rem; line-height: 1.1; text-transform: uppercase; letter-spacing: .02em; background: #e0e7ff; }
#tab-clubs .clubs-grid-table-v27012 .clubs-grid-wtotal-v27040.is-grand-v27040 { background: #c7d2fe; min-width: 3.2rem; }
#tab-clubs .clubs-grid-table-v27012 tfoot .clubs-grid-wtotal-v27040 { background: #c7d2fe; }

/* ------------------------------------------------- Club Attendees */
#tab-clubs .clubs-db-v27012 tbody tr.is-picked-v27040 > th,
#tab-clubs .clubs-db-v27012 tbody tr.is-picked-v27040 > td { background: #fef9c3; }
#tab-clubs .clubs-db-v27012 tbody tr.is-picked-v27040 > th { box-shadow: inset 3px 0 0 #eab308; }
#tab-clubs .clubs-bulk-if-v27040 { align-items: end; }
#tab-clubs .clubs-bulk-mode-v27040 { display: flex; gap: 1rem; flex-wrap: wrap; border: 0; padding: 0; margin: .2rem 0 .5rem; }
#tab-clubs .clubs-bulk-mode-v27040 legend { font-weight: 700; padding: 0; margin-right: .5rem; float: left; }
#tab-clubs .clubs-bulk-to-v27040 { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin: .2rem 0 .6rem; }
#tab-clubs .clubs-bulk-to-v27040 > span { font-weight: 700; }
#tab-clubs .clubs-bulk-to-v27040 input[type="text"] { flex: 1 1 14rem; }
#tab-clubs .clubs-bulk-preview-v27040 { margin-top: .5rem; padding: .5rem .7rem; border-radius: .5rem; background: #f8fafc; border: 1px solid #e2e8f0; }
#tab-clubs .clubs-bulk-preview-v27040 p { margin: 0 0 .3rem; }
#tab-clubs .clubs-bulk-list-v27040 { margin: 0; padding-left: 1.1rem; font-size: .88rem; }
#tab-clubs .clubs-export-format-v27040 { display: flex; gap: 1.2rem; flex-wrap: wrap; border: 0; padding: 0; margin: .3rem 0 .6rem; }
#tab-clubs .clubs-export-format-v27040 legend { font-weight: 700; padding: 0; margin-bottom: .3rem; }

/* ------------------------------------------------- the register's stars */
#tab-clubs .clubs-reg-stars-v27040 { margin: 0 0 .6rem; }
#tab-clubs .clubs-reg-stars-none-v27040 { margin: 0 0 .6rem; }

/* ------------------------------------------------- Possible Roles */
#tab-clubs .clubs-possible-fold-v27040 { border: 1px solid #e2e8f0; border-radius: .6rem; padding: .4rem .7rem .6rem; margin: .4rem 0 .6rem; }
#tab-clubs .clubs-possible-fold-v27040 legend { font-weight: 800; padding: 0 .3rem; }
#tab-clubs .clubs-possible-v27040 p { margin: 0 0 .4rem; }
#tab-clubs .clubs-possible-list-v27040 { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: .15rem .6rem; margin: 0 0 .5rem; }
#tab-clubs .clubs-possible-new-v27040 { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
#tab-clubs .clubs-possible-new-v27040 input { flex: 1 1 12rem; max-width: 20rem; }