/* Phase 2B Staff surfaces. Student and Admission portals do not load this file. */
#students .staff-students-compatibility .staff-students-table-wrap { max-width: 100%; overflow-x: auto; }
#students .staff-students-compatibility .staff-students-table-wrap table { width: 100%; min-width: 760px; }
#students .staff-students-actions { display: flex; align-items: start; gap: .4rem; flex-wrap: wrap; }
#students .staff-students-secondary { position: relative; }
#students .staff-students-secondary summary { cursor: pointer; min-height: 2.5rem; display: inline-flex; align-items: center; }
#students .staff-students-secondary[open] { display: flex; align-items: start; gap: .35rem; flex-wrap: wrap; }
#students .staff-students-secondary[open] summary { width: 100%; }
#students .staff-students-secondary .btn,
#students .staff-students-actions .btn { white-space: nowrap; }
#students .staff-students-compatibility { margin-top: var(--staff-foundation-space-6); min-width: 0; }
#students .staff-students-compatibility > summary { cursor: pointer; font-weight: 700; padding: .8rem; background: var(--staff-foundation-surface); border: 1px solid var(--staff-foundation-border); border-radius: var(--staff-foundation-radius-control); }
#students .staff-students-warning-toggle { width: 100%; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
#students .staff-students-warning-toggle .ew-title-group { display: inline-flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
#students .staff-students-warning-toggle .ew-subtitle { margin-inline-start: auto; }
@media (max-width: 600px) {
  #students .staff-students-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  #students .staff-students-actions > .btn { width: 100%; }
  #students .staff-students-secondary[open] { display: grid; grid-template-columns: minmax(0, 1fr); }
  #students .staff-students-secondary .btn { white-space: normal; }
}