/* PE-Class v1.20.07 — card-scoped Settings save actions.
   The action DOM is injected by settings-individual-saves-12007.js. This
   stylesheet only owns those new controls; existing Settings grids and scroll
   owners are intentionally left untouched. */

.peSettingsCardSaveHost {
  position: relative;
}

.peSettingsCardSaveHeader,
.peSettingsCardSaveFooter,
.peSettingsHomeSaveSlot {
  display: none;
  box-sizing: border-box;
  min-width: 0;
}

.peSettingsCardSave,
.peSettingsCardAutoSaveBadge {
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  text-align: center !important;
  -webkit-tap-highlight-color: transparent !important;
}

.peSettingsCardSave {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 1px solid #19a961 !important;
  background: linear-gradient(180deg, #24c875 0%, #16ad60 100%) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 10px rgba(21, 169, 94, .15) !important;
  cursor: pointer;
}

.peSettingsCardSave:hover:not(:disabled) {
  border-color: #119957 !important;
  background: linear-gradient(180deg, #20bd6e 0%, #129e58 100%) !important;
}

.peSettingsCardSave:focus-visible {
  outline: 3px solid rgba(37, 131, 232, .26) !important;
  outline-offset: 2px !important;
}

.peSettingsCardSave:disabled,
.peSettingsCardSaveHost:not(.is-dirty) .peSettingsCardSave:disabled,
.peSettingsCardSaveHost.is-saving .peSettingsCardSave {
  border-color: #d8e2e9 !important;
  background: #edf2f5 !important;
  color: #91a1ae !important;
  box-shadow: none !important;
  cursor: default !important;
  opacity: 1 !important;
}

.peSettingsCardSaveHost.is-saved .peSettingsCardSave[data-state="saved"] {
  border-color: #b9e4cd !important;
  background: #eaf8f0 !important;
  color: #16784b !important;
  box-shadow: none !important;
}

.peSettingsCardAutoSaveBadge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 1px solid #bde6d1 !important;
  background: #effaf4 !important;
  color: #16784b !important;
  font-family: inherit !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

/* PC, MacBook, iPad landscape and Galaxy Fold7 unfolded. */
@media (min-width: 769px) {
  #settingsCWorkspace.settingsC .peSettingsCardSaveHost {
    position: relative !important;
  }

  #settingsCWorkspace.settingsC .peSettingsCardSaveHost > h2,
  #settingsCWorkspace.settingsC .peSettingsCardSaveHost > .peSettingsCardSaveSourceHead > h2,
  #settingsCWorkspace.settingsC .peSettingsCardSaveHost > :is(.adminClassCardHead, .adminSubjectCardHead) > h2 {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 34px !important;
    width: calc(100% - 94px) !important;
    max-width: calc(100% - 94px) !important;
    padding-right: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  #settingsCWorkspace.settingsC .peSettingsCardSaveHeader {
    position: absolute !important;
    z-index: 4 !important;
    top: 13px !important;
    right: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 26px) !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none;
  }

  #settingsCWorkspace.settingsC .peSettingsCardSaveHeader > * {
    pointer-events: auto;
  }

  #settingsCWorkspace.settingsC .peSettingsCardSaveWide {
    width: 78px !important;
    min-width: 74px !important;
    max-width: 84px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }

  #settingsCWorkspace.settingsC .peSettingsCardAutoSaveBadge {
    min-width: 82px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
  }

  /* Home editor cards are native details. The save control remains a direct
     child of details (never a child of summary), then sits in the visual
     middle column between copy and the existing chevron. */
  #settingsCWorkspace.settingsC :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost {
    position: relative !important;
    overflow: hidden !important;
  }

  #settingsCWorkspace.settingsC :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > 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 :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost > summary > span {
    grid-column: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

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

  #settingsCWorkspace.settingsC :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost > :is(.peSettingsCardSaveFooter, .peSettingsHomeSaveSlot) {
    position: absolute !important;
    z-index: 5 !important;
    top: var(--settings-home-summary-pad-block, 12px) !important;
    right: calc(var(--settings-home-summary-pad-inline, 14px) + var(--settings-home-arrow-size, 34px) + var(--settings-home-summary-gap, 10px)) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    min-width: 78px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    /* Chromium/WebKit establish the positioned details content box after the
       summary. Lift this sibling action back onto the 70px summary row while
       keeping it outside the interactive summary element. */
    transform: translateY(-64px) !important;
    visibility: visible !important;
    pointer-events: none;
  }

  #settingsCWorkspace.settingsC :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost > :is(.peSettingsCardSaveFooter, .peSettingsHomeSaveSlot) > * {
    pointer-events: auto;
  }

  #settingsCWorkspace.settingsC .settingsCHomeEditors .peSettingsHomeSave {
    width: 78px !important;
    min-width: 78px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }

  /* Fold7-wide uses a taller 82px home summary row. Its details content box
     therefore starts 6px lower than the desktop/iPad row. */
  html.pe87FoldWide[data-pe-fold-wide="true"]:not(.pe87Ipad):not(.pe87IpadRuntime)
  #settingsCWorkspace.settingsC :is(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost > :is(.peSettingsCardSaveFooter, .peSettingsHomeSaveSlot) {
    transform: translateY(-70px) !important;
  }
}

/* iPhone 15 Pro and Galaxy Fold7 folded only. This selector deliberately
   mirrors mobile-settings-subcards-12006 and excludes iPad / generic Android. */
@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 .peMobileSettingsSubcard:not(.is-open) > .peSettingsCardSaveHeader,
  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(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost:not([open]) > :is(.peSettingsCardSaveFooter, .peSettingsHomeSaveSlot) {
    display: none !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 .peMobileSettingsSubcard.is-open > .peSettingsCardSaveHeader,
  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(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost[open] > :is(.peSettingsCardSaveFooter, .peSettingsHomeSaveSlot) {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px 0 0 !important;
    padding: 14px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #e2eaf0 !important;
    background: transparent !important;
    visibility: visible !important;
    box-shadow: none !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(.peSettingsCardSaveHeader, .peSettingsCardSaveFooter, .peSettingsHomeSaveSlot) > .peSettingsCardSave {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !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 .peSettingsCardSaveHeader > .peSettingsCardAutoSaveBadge {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  /* The home summary remains a pure disclosure control on mobile. */
  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(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost > summary {
    grid-template-columns: minmax(0, 1fr) var(--settings-home-arrow-size, 34px) !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(.settingsCHomeEditors, .settingsCHomeEditors > .adminHomeCopyGrid) > details.peSettingsCardSaveHost > summary > i {
    grid-column: 2 !important;
  }
}