/* PE-Class v1.20.08 — shared Settings save geometry and phone placement. */

/* The Home group alone used a 25px icon column. Restore the common group
   geometry while preserving its requested transparent icon background. */
#settingsCWorkspace.settingsC
.settingsCGroup[data-settings-group="home"] > .settingsCGroupHeader {
  grid-template-columns: 38px minmax(0, 1fr) auto 24px !important;
  gap: 12px !important;
}

#settingsCWorkspace.settingsC
.settingsCGroup[data-settings-group="home"] > .settingsCGroupHeader > .settingsCGroupIcon {
  width: 38px !important;
  height: 38px !important;
  background: transparent !important;
}

/* All green save actions share one visual language. The browser-title button
   keeps a wider label-safe width, but uses the same height/type/radius/color. */
#settingsCWorkspace.settingsC :where(
  #saveSemesterPeriods,
  #saveAdminClasses,
  .peSettingsCardSave,
  .peSettingsHomeSaveProxy,
  .adminBrowserTitleSave11622
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 11px !important;
  border: 1px solid #19a961 !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #24c875 0%, #16ad60 100%) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 10px rgba(21, 169, 94, .15) !important;
  -webkit-tap-highlight-color: transparent !important;
}

#settingsCWorkspace.settingsC :is(
  #saveSemesterPeriods,
  #saveAdminClasses,
  .peSettingsCardSaveWide,
  .peSettingsHomeSaveProxy
) {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  height: 34px !important;
}

#settingsCWorkspace.settingsC .adminBrowserTitleSave11622 {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 34px !important;
}

/* Preserve the scoped-save state language after applying the shared geometry:
   clean/saving is neutral, while a completed save receives the pale-green
   acknowledgement used by the original card save control. */
#settingsCWorkspace.settingsC
:is(.peSettingsCardSave, .peSettingsHomeSaveProxy):disabled {
  border-color: #d8e2e9 !important;
  background: #edf2f5 !important;
  color: #91a1ae !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

#settingsCWorkspace.settingsC .peSettingsCardSaveHost.is-saved
:is(.peSettingsCardSave, .peSettingsHomeSaveProxy)[data-state="saved"] {
  border-color: #b9e4cd !important;
  background: #eaf8f0 !important;
  color: #16784b !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

@media (min-width: 769px) {
  /* Closed native details hide non-summary content inconsistently across
     Chromium/WebKit. The proxy lives in summary and delegates to the original. */
  html[data-pe-tab="admin"] #settingsCWorkspace.settingsC
  :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid)
  > details.peSettingsCardSaveHost > .peSettingsHomeSaveSlot {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #settingsCWorkspace.settingsC .settingsCHomeEditors
  details.peSettingsCardSaveHost > summary {
    grid-template-columns: minmax(0, 1fr) 78px var(--settings-home-arrow-size, 34px) !important;
    gap: var(--settings-home-summary-gap, 10px) !important;
  }

  #settingsCWorkspace.settingsC .settingsCHomeEditors
  details.peSettingsCardSaveHost > summary > .peSettingsHomeSaveProxy {
    grid-column: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  #settingsCWorkspace.settingsC .settingsCHomeEditors
  details.peSettingsCardSaveHost > summary > i {
    grid-column: 3 !important;
  }
}

/* iPad four-card curriculum layout: keep the instant-save badge in its
   reserved column, but allow the semester title to wrap instead of clipping. */
@media (min-width: 769px) and (max-width: 1366px) {
  html:is(.pe87Ipad, .pe87IpadRuntime, [data-pe-ipados="true"])
  #settingsCWorkspace.settingsC .settingsCGridEducation > .adminSemesterCard > h2 {
    height: auto !important;
    min-height: 34px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: keep-all !important;
    line-height: 1.35 !important;
  }
}

@container settingsC (max-width: 760px) {
  #settingsCWorkspace.settingsC
  .settingsCGroup[data-settings-group="home"] > .settingsCGroupHeader {
    grid-template-columns: 34px minmax(0, 1fr) 18px !important;
    gap: 9px !important;
  }

  #settingsCWorkspace.settingsC
  .settingsCGroup[data-settings-group="home"] > .settingsCGroupHeader > .settingsCGroupIcon {
    width: 34px !important;
    height: 34px !important;
  }
}

/* iPhone 15 Pro + Galaxy Fold7 folded only. */
@media (max-width: 768px) {
  html[data-pe-device="compact"][data-pe-tab="admin"]:is(.pe87IPhone, .pe87FoldDevice:not(.pe87FoldWide)):not(.pe87Ipad):not(.pe87IpadRuntime):not([data-pe-ipados="true"])
  #settingsCWorkspace.settingsC :is(
    .peSettingsCardSaveHeader,
    .peSettingsCardSaveFooter,
    .peSettingsHomeSaveSlot
  ) {
    margin-top: 9px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html[data-pe-device="compact"][data-pe-tab="admin"]:is(.pe87IPhone, .pe87FoldDevice:not(.pe87FoldWide)):not(.pe87Ipad):not(.pe87IpadRuntime):not([data-pe-ipados="true"])
  #settingsCWorkspace.settingsC :is(.peMobileSemesterPeriodSaveSlot, .peMobileClassSaveSlot) {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-pe-device="compact"][data-pe-tab="admin"]:is(.pe87IPhone, .pe87FoldDevice:not(.pe87FoldWide)):not(.pe87Ipad):not(.pe87IpadRuntime):not([data-pe-ipados="true"])
  #settingsCWorkspace.settingsC :is(
    #saveSemesterPeriods,
    #saveAdminClasses,
    .peSettingsCardSave,
    .adminBrowserTitleSave11622
  ) {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  html[data-pe-device="compact"][data-pe-tab="admin"]:is(.pe87IPhone, .pe87FoldDevice:not(.pe87FoldWide)):not(.pe87Ipad):not(.pe87IpadRuntime):not([data-pe-ipados="true"])
  #settingsCWorkspace.settingsC .peMobileClassSaveReplacedHint {
    display: none !important;
  }
}