/* SchoolDay v270.47: Pupils.
   Incident note (was Bump note): Accident, Physical incident and Other are
   buttons first, and the rest of the form shows once one is pressed (the
   picker carries is-open-v27047; admin-bump-cause-v228.js). The panel keeps
   its id when the register borrows it, so these follow it there.
   Assessments: the club assessment levels and changes. */
#pupilPanel-bump_note:not(:has(.bump-cause-picker-v228.is-open-v27047)) > .bump-step-v228:not(:has(#bumpCausePickerV228)),
#pupilPanel-bump_note:not(:has(.bump-cause-picker-v228.is-open-v27047)) > form.pupil-record-form-v213 { display: none; }
.bump-cause-heads-v27047 { display: flex; flex-wrap: wrap; gap: .5rem; margin: .25rem 0 .75rem; }
/* v270.48: in the school's button colours (Admin Branding), as every other
   button; the kind open is full strength, the others a little faded, the
   one chosen ringed. The panel id is the specificity the branding needs. */
#pupilPanel-bump_note .bump-cause-head-v27047 {
  flex: 1 1 12rem; min-height: 3rem; padding: .6rem 1rem; border-radius: 10px; font-size: 1rem; font-weight: 700; cursor: pointer;
  background: var(--admin-function-bg, #1765a8); color: var(--admin-function-text, #ffffff); border: 2px solid var(--admin-function-border, #0c3f78);
  opacity: .72;
}
#pupilPanel-bump_note .bump-cause-head-v27047:hover, #pupilPanel-bump_note .bump-cause-head-v27047.active { opacity: 1; }
#pupilPanel-bump_note .bump-cause-head-v27047.is-chosen,
#pupilPanel-bump_note .bump-cause-option-v228.active { opacity: 1; box-shadow: inset 0 0 0 2px #ffffff, 0 0 0 2px var(--admin-function-border, #0c3f78); }
.bump-cause-group-v228 > h5 { display: none; }   /* the button above says it */
@media (max-width: 640px) {
  .bump-cause-heads-v27047 { flex-direction: column; }
  #pupilPanel-bump_note .bump-cause-head-v27047 { flex: 1 1 auto; width: 100%; min-height: 3.25rem; }
  .bump-cause-options-v228 { display: grid; grid-template-columns: 1fr; gap: .4rem; }
  .bump-cause-option-v228 { width: 100%; min-height: 2.75rem; }
}

.pupil-club-levels-v27047 { list-style: none; padding: 0; margin: .4rem 0 .8rem; display: flex; flex-wrap: wrap; gap: .4rem; }
.pupil-club-levels-v27047 > li { border: 1px solid #cbd5e1; border-radius: 999px; padding: .2rem .7rem; background: #fff; }
.pupil-club-levels-v27047 > li.is-done { background: #dcfce7; border-color: #86efac; }
.pupil-club-levels-v27047 > li.is-current { background: #dbeafe; border-color: #93c5fd; font-weight: 600; }
.pupil-club-changes-v27047 { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.pupil-club-change-v27047 { border-left: 3px solid #cbd5e1; padding: .2rem .7rem; }
.pupil-club-change-v27047 p { margin: .1rem 0; }
.pupil-club-change-v27047.is-level { border-left-color: #2563eb; background: #eff6ff; }
.pupil-club-change-v27047.is-undone > p:not(.pupil-record-meta-v213) { text-decoration: line-through; opacity: .7; }