/*
 * PE-Class 11983 — selected student class actions
 *
 * Wide workspaces reclaim the class-summary card and place its two actions
 * immediately before the fixed save button. Compact mobile keeps the existing
 * class card and its action layout unchanged.
 */

@media (min-width: 769px) {
  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader {
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    column-gap: 10px !important;
  }

  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader > h2 {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader > .studentHeaderRosterActions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: 10px !important;
    margin-left: auto !important;
  }

  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader > .studentHeaderRosterActions > .btn,
  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader > .studentHeaderSave {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader > .studentHeaderSave {
    margin-left: 0 !important;
  }

  html[data-pe-tab="students"] #app.studentScreen
  > .studentRosterTools,
  html[data-pe-tab="students"] #app.studentScreen
  > .studentRosterToolsSpacer {
    display: none !important;
  }
}

@media (max-width: 768px) {
  html[data-pe-tab="students"] #app.studentScreen
  > .studentManagementHeader > .studentHeaderRosterActions {
    display: none !important;
  }
}