/* Keep the Season settings header compact: title at left, course hours summary at right. */
.class-setting-panel .setting-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 24px !important;
  row-gap: 18px !important;
  align-items: start !important;
}

.class-setting-panel .setting-form > .students-panel-heading {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}

.class-setting-panel .setting-form > .season-course-hours {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: auto !important;
  min-width: 170px !important;
  max-width: 220px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #d9e4df !important;
  border-radius: 12px !important;
  background: #f3f8f5 !important;
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 4px 12px !important;
  box-shadow: none !important;
}

.class-setting-panel .setting-form > .season-course-hours > span {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  white-space: nowrap;
}

.class-setting-panel .setting-form > .season-course-hours > strong {
  font-size: 1.35rem !important;
  line-height: 1 !important;
  color: var(--primary) !important;
  white-space: nowrap;
}

.class-setting-panel .setting-form > .season-course-hours > small {
  display: none !important;
}

.class-setting-panel .setting-form > .setting-days-fieldset,
.class-setting-panel .setting-form > .settings-inline-check,
.class-setting-panel .setting-form > .login-error,
.class-setting-panel .setting-form > .modal-actions {
  grid-column: 1 / -1 !important;
}

@media (max-width: 820px) {
  .class-setting-panel .setting-form {
    grid-template-columns: 1fr !important;
  }

  .class-setting-panel .setting-form > .students-panel-heading,
  .class-setting-panel .setting-form > .season-course-hours {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .class-setting-panel .setting-form > .season-course-hours {
    justify-self: end !important;
  }
}