/* SchoolDay v270.11: Pupils, compact for an iPad or larger.

   Sean: "Shrink text and features and compress frames a little, again
   assuming this page will be used on a larger screen or iPad."

   Smaller type, tighter padding and gaps, a narrower section column. Not
   zoom, unlike Clubs: the bump-note and incident body maps are drawn with
   pointer events, and a zoomed ancestor would move the mark away from the
   finger. Sizes here are explicit, under #tab-pupils so nothing reaches
   another tab, and above 900px only -- a phone keeps v261's strip.

   Loaded before admin-function-shell-v2365.css, which stays last; the ID is
   what lets these win where older sheets say !important. */

@media (min-width: 901px) {
  /* ---------------------------------------------------------- the frame */
  .admin-body #adminApp #tab-pupils .pupil-workspace-v210:not(.hidden) {
    grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) !important;
    gap: .6rem .8rem !important;
    /* The workspace has a min-height (v213); without this the spare height
       went into the heading row and left an empty band above each section. */
    align-content: start !important;
  }
  .admin-body #adminApp #tab-pupils .pupil-workspace-heading-v213 {
    padding: .45rem .75rem !important;
    gap: .4rem .75rem !important;
  }
  .admin-body #adminApp #tab-pupils .pupil-workspace-heading-v213 h2 { font-size: 1.15rem !important; margin: 0 !important; }
  .admin-body #adminApp #tab-pupils .pupil-workspace-heading-v213 .eyebrow { font-size: .7rem !important; margin: 0 !important; }
  .admin-body #adminApp #tab-pupils .pupil-workspace-heading-v213 button { padding: .35rem .7rem !important; font-size: .85rem !important; min-height: 0 !important; }
  .admin-body #adminApp #tab-pupils .pupil-save-actions-v213 { gap: .35rem !important; font-size: .82rem; }

  /* ---------------------------------------------------------- the section column */
  .admin-body #adminApp #tab-pupils .pupil-workspace-nav-v247 { gap: .15rem !important; padding: .3rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-workspace-nav-v247 button {
    padding: .3rem .5rem !important;
    font-size: .82rem !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
  }

  /* ---------------------------------------------------------- each section */
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 { padding: 0 0 .5rem !important; font-size: .92rem; }
  .admin-body #adminApp #tab-pupils .pupil-panel-bar-v247 { padding: .35rem .6rem !important; margin: 0 0 .5rem !important; gap: .4rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 h3 { font-size: 1rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 h4 { font-size: .92rem !important; margin: .4rem 0 .25rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-panel-bar-v247 > p { font-size: .8rem !important; }

  /* Forms: labels, fields and buttons a size down, closer together. */
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 form { gap: .45rem .7rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 label { font-size: .85rem !important; gap: .15rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    font-size: .88rem !important;
    padding: .3rem .5rem !important;
    min-height: 0 !important;
  }
  .admin-body #adminApp #tab-pupils .pupil-panel-v213 button { font-size: .85rem !important; padding: .35rem .7rem !important; min-height: 0 !important; }
  .admin-body #adminApp #tab-pupils .pupil-timeline-filter-v213 label { min-width: 7.5rem !important; }

  /* The records under each form. */
  .admin-body #adminApp #tab-pupils :is(.pupil-timeline-v210, [data-record-list]) { font-size: .88rem; }
  .admin-body #adminApp #tab-pupils :is(.pupil-timeline-v210, [data-record-list]) > * { margin-bottom: .35rem; }

  /* ---------------------------------------------------------- the search page */
  .admin-body #adminApp #tab-pupils .pupil-search-form-v210 { gap: .45rem .7rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-search-form-v210 :is(input:not([type="checkbox"]), select) { font-size: .9rem !important; padding: .3rem .5rem !important; }
  .admin-body #adminApp #tab-pupils .pupil-search-results-v210 { font-size: .9rem; }
}