/* SchoolDay v270.46: the pupil record, sleeker. Square edges throughout, no
   outer frame and less padding, so the record has the room; on a wide
   screen the section open on the left and the Timeline always open on the
   right, a bar between them to drag (admin-pupils-v27046.js); updates not
   saved yet pink at the top of the timeline, "Not yet saved" in red.
   Loaded after admin-frames-v27016.css. The !important rules answer
   !important ones in admin-shell-v216.css and admin-pupils-v27011.css; each
   is scoped to #tab-pupils. */

/* ------------------------------------------------- no outer frame */
body.admin-shell-v206-ready #adminContentV206 > #tab-pupils.tab-panel {
  padding: .35rem .3rem; border: 0; border-radius: 0; box-shadow: none; background: transparent;
}

/* ------------------------------------------------- square, and tighter */
.admin-body #adminApp #tab-pupils .pupil-workspace-heading-v213 { border-radius: 0 !important; padding: .35rem .6rem !important; }
.admin-body #adminApp #tab-pupils .pupil-workspace-tabs-v213,
.admin-body #adminApp #tab-pupils .pupil-workspace-nav-v247 { border-radius: 0 !important; padding: .2rem !important; gap: .1rem !important; }
.admin-body #adminApp #tab-pupils .pupil-workspace-nav-v247 button,
.admin-body #adminApp #tab-pupils .pupil-workspace-tabs-v213 button { border-radius: 0 !important; padding: .32rem .5rem !important; }
.admin-body #adminApp #tab-pupils .pupil-panel-bar-v247 { border-radius: 0 !important; padding: .3rem .5rem !important; margin: 0 0 .4rem !important; }
.admin-body #adminApp #tab-pupils .pupil-timeline-filter-v213,
.admin-body #adminApp #tab-pupils .pupil-record-card-v213,
.admin-body #adminApp #tab-pupils .responsible-adult-card-v210,
.admin-body #adminApp #tab-pupils .pupil-record-form-v213,
.admin-body #adminApp #tab-pupils fieldset,
.admin-body #adminApp #tab-pupils .card { border-radius: 0 !important; }
.admin-body #adminApp #tab-pupils .pupil-record-card-v213 { margin: .4rem 0; padding: .55rem .65rem; }
.admin-body #adminApp #tab-pupils .pupil-panel-v213 { padding-bottom: .4rem !important; }

/* ------------------------------------------------- updates not saved yet */
#tab-pupils .pupil-record-card-v213.pupil-draft-card-v213 { border-color: #f9a8d4; background: #fdf2f8; }
#tab-pupils .pupil-record-card-v213.pupil-draft-card-v213::before { content: "Not yet saved"; color: #b91c1c; font-weight: 800; letter-spacing: .02em; }

/* ------------------------------------------------- wide: the section and the Timeline, side by side */
@media (min-width: 1200px) {
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046:not(.hidden) {
    grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) 10px minmax(0, 1fr) !important;
    grid-template-areas: "heading heading heading heading" "nav panel split timeline" !important;
    column-gap: .4rem !important;
  }
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > #pupilPanel-timeline {
    grid-area: timeline !important; display: block; align-self: start;
    position: sticky; top: var(--pupil-sticky-nav-top-v26714, 1rem); max-height: calc(100dvh - 6rem); overflow: auto;
    border-left: 1px solid #d5e3f0; padding-left: .6rem !important;
  }
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > #pupilPanel-timeline.hidden { display: block !important; }
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > .pupil-split-handle-v27046 {
    grid-area: split; align-self: stretch; cursor: col-resize; background: linear-gradient(90deg, transparent 4px, #cbd5e1 4px, #cbd5e1 6px, transparent 6px); touch-action: none;
  }
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > .pupil-split-handle-v27046:hover,
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > .pupil-split-handle-v27046:focus-visible,
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-dragging-v27046 > .pupil-split-handle-v27046 { background: linear-gradient(90deg, transparent 3px, #0f3d6b 3px, #0f3d6b 7px, transparent 7px); outline: 0; }
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-dragging-v27046 { user-select: none; }
  /* Timeline in the list: it is open already, on the right. */
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 #pupilWorkspaceTabsV213 [data-pupil-tab="timeline"] { font-style: italic; }
  #tab-pupils #pupilPanel-timeline.is-flash-v27046 { box-shadow: inset 0 0 0 2px #0f3d6b; }
}
/* Narrower, or before the script runs: one section at a time, as before. */
.pupil-split-handle-v27046 { display: none; }
@media (min-width: 1200px) { .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > .pupil-split-handle-v27046 { display: block; } }

/* ------------------------------------------------- the record over a register (Clubs) */
/* The Pupils tab itself, shown as a window over the page (admin-clubs-v2690.js). */
body.admin-shell-v206-ready #adminContentV206 > #tab-pupils.tab-panel.is-sub-window-v27046,
#tab-pupils.tab-panel.is-sub-window-v27046 {
  display: block !important; position: fixed !important; inset: 3vh 3vw !important; width: auto !important; max-width: none !important; min-width: 0 !important;
  z-index: 4600; overflow: auto; background: #fff; border: 1px solid #94a3b8; box-shadow: 0 20px 50px rgba(15, 23, 42, .35); padding: 0 .6rem .6rem;
}
.clubs-pupil-backdrop-v27046 { position: fixed; inset: 0; z-index: 4550; background: rgba(15, 23, 42, .45); }
.clubs-pupil-backdrop-v27046[hidden] { display: none; }
#tab-pupils .clubs-pupil-bar-v27046 { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  margin: 0 -.6rem .5rem; padding: .5rem .8rem; background: #0f3d6b; color: #fff; }
#tab-pupils .clubs-pupil-bar-v27046 button { background: #fff; color: #0f3d6b; }
/* While it is open, the Pupils search does not show behind the record. */
#tab-pupils.is-sub-window-v27046 #pupilSearchPaneV213 { display: none; }

/* The timeline's title bar sticks to the top of its own half (it scrolls
   on its own), not below the page's header. */
@media (min-width: 1200px) {
  .admin-body #adminApp #tab-pupils #pupilWorkspaceV210.is-split-v27046 > #pupilPanel-timeline > .pupil-panel-bar-v247 { top: 0 !important; }
}