/* Approved local Settings arrangement. Keep controls and application shell intact. */
.settings-stack-clean .settings-identity-group {
  min-width:0; padding:22px; border:1px solid var(--ledger-border); border-radius:16px;
  background:linear-gradient(135deg,var(--ledger-top),var(--ledger-bottom));
  box-shadow:inset 0 1px 2px var(--ledger-border),0 8px 22px var(--ledger-shadow);
}
.settings-stack-clean .settings-identity-group > .settings-row {
  display:flex!important;flex-direction:column;align-items:stretch!important;gap:14px;
  padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;
}
.settings-stack-clean .settings-identity-group > .settings-account-status-row {
  margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--ledger-border)!important;
}
.settings-stack-clean {
  --ledger-top: #fff9ee;
  --ledger-bottom: #ecddc5;
  --ledger-text: #482c1c;
  --ledger-muted: #73583d;
  --ledger-brass: #977039;
  --ledger-border: #c4a170;
  --ledger-field: #fff8ec;
  --ledger-gold-a: #f4d99f;
  --ledger-gold-b: #ca9149;
  --ledger-button-text: #35200e;
  --ledger-shadow: #38200c20;
  gap: 18px !important;
}
.settings-stack-clean::before {
  content: "";
  display: block;
  height: 150px;
  background: url('./shelf-selected/pothos-books-glasses.webp') 64% center / 150px 150px no-repeat;
  border-bottom: 1px solid var(--ledger-border);
}
.settings-stack-clean .reading-goal-setting > div:first-child {
  padding-right: 100px;
  min-height: 100px;
  background: url('./shelf-selected/bookshop-candle-books.webp') right center / 90px 100px no-repeat;
}
.app-shell:not(.shelf-visual-light):is([data-theme="dark"], [data-theme="midnightLibrary"]) .settings-stack-clean {
  --ledger-top: #382313;
  --ledger-bottom: #1b100a;
  --ledger-text: #f4e5c5;
  --ledger-muted: #ccbc9d;
  --ledger-brass: #d2ab69;
  --ledger-border: #806039;
  --ledger-field: #160d08;
  --ledger-shadow: #00000040;
}
.settings-stack-clean .settings-profile-account-section {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.settings-stack-clean .settings-profile-account-section > :is(.settings-row,.settings-category-head),
.settings-stack-clean > .settings-category-card:not(.settings-profile-account-section) {
  box-sizing: border-box;
  min-width: 0;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--ledger-border) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg,var(--ledger-top),var(--ledger-bottom)) !important;
  box-shadow: inset 0 1px 2px var(--ledger-border),0 8px 22px var(--ledger-shadow) !important;
  color: var(--ledger-text) !important;
}
.settings-stack-clean .settings-profile-account-section > .settings-category-head {
  min-height: 160px;
  justify-content: center;
  padding-right: 36% !important;
  background-image: url('./shelf-selected/bookshop-candle-books.webp'),linear-gradient(135deg,var(--ledger-top),var(--ledger-bottom)) !important;
  background-position: 82% center,center !important;
  background-size: 110px 130px,cover !important;
  background-repeat: no-repeat !important;
}
.settings-stack-clean .settings-category-head > p { display: none; }
.settings-stack-clean .settings-profile-account-section > .settings-row {
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  justify-content: space-between;
  gap: 20px !important;
  grid-column: auto !important;
}
.settings-stack-clean :is(h2,h3,h4,strong,label,summary,button) { color: var(--ledger-text) !important; }
.settings-stack-clean :is(p,small,em) { color: var(--ledger-muted) !important; }
.settings-stack-clean .settings-category-head h2 { font: 600 25px/1.25 Georgia,serif; }
.settings-stack-clean .settings-category-head { border-bottom: 1px solid var(--ledger-border); padding-bottom: 16px; margin-bottom: 18px; }
.settings-stack-clean :is(.profile-name-actions,.reading-goal-controls,.app-update-actions,.reading-goal-actions) {
  display: flex !important; flex-wrap: wrap; gap: 10px; align-items: end; width: 100%;
}
.settings-stack-clean .goal-target-control { min-width: 120px; flex: 1; }
.settings-stack-clean label > span { color: var(--ledger-brass) !important; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.settings-stack-clean :is(input:not([type="checkbox"]),select,textarea) {
  min-width: 0; max-width: 100%; min-height: 42px; border-radius: 9px !important;
  background: var(--ledger-field) !important; color: var(--ledger-text) !important;
  border: 1px solid var(--ledger-border) !important; box-shadow: inset 0 2px 6px var(--ledger-shadow);
}
.settings-stack-clean :is(input,select,textarea,button):focus-visible { outline: 2px solid var(--ledger-brass); outline-offset: 3px; }
.settings-stack-clean button { min-height: 42px; border-radius: 9px !important; }
.settings-stack-clean .primary-action {
  background: linear-gradient(var(--ledger-gold-a),var(--ledger-gold-b)) !important;
  color: var(--ledger-button-text) !important; border: 1px solid var(--ledger-border) !important;
}
.settings-stack-clean .primary-action span { color: inherit !important; }
.settings-stack-clean .secondary-action { background: linear-gradient(var(--ledger-top),var(--ledger-bottom)) !important; border: 1px solid var(--ledger-border) !important; }
.settings-stack-clean button:not(:disabled):hover { box-shadow: 0 0 12px var(--ledger-border); }
.settings-stack-clean .settings-account-logout { align-self: start; }
.settings-stack-clean .app-update-facts { display: grid; grid-template-columns: 1fr; gap: 8px; }
.settings-stack-clean .settings-account-email { overflow-wrap: anywhere; }
.settings-stack-clean > .settings-category-card:not(.settings-profile-account-section) > .settings-row {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ledger-border) !important; border-radius: 0 !important; box-shadow: none !important;
}
@media(max-width:700px) {
  .settings-stack-clean .settings-profile-account-section { grid-template-columns: minmax(0,1fr); }
  .settings-stack-clean .settings-profile-account-section > :is(.settings-row,.settings-category-head),
  .settings-stack-clean > .settings-category-card:not(.settings-profile-account-section) { padding: 18px !important; }
}

/* Final approved arrangement. The small script only assigns order and artwork;
   all existing Settings controls remain owned by the application. */
.settings-stack-clean.settings-approved-grid {
  container-type: inline-size;
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px !important;
}
.settings-approved-grid::before { display: none !important; }
.settings-approved-grid .settings-profile-account-section { display: contents !important; }
.settings-approved-grid [data-approved-settings-box] {
  position: relative;
  grid-column: span var(--settings-span, 2) !important;
  order: var(--settings-order, 500) !important;
}
.settings-approved-grid > :not(.settings-profile-account-section):not([data-approved-settings-box]):not(.settings-approved-art):not(.settings-approved-middle-divider):not(.settings-approved-bottom-divider) {
  grid-column: 1 / -1;
  order: 500;
}
.settings-approved-grid .settings-profile-account-section > .settings-category-head {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  min-height: clamp(170px, 12.7cqw, 300px);
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  padding: 28px 42% 28px 32px !important;
  background-image: linear-gradient(135deg,var(--ledger-top),var(--ledger-bottom)) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.settings-approved-grid .settings-identity-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0;
}
.settings-approved-grid .settings-category-head > h2 { order: 0 !important; }
.settings-approved-grid .settings-category-head > p { order: 1 !important; }
.settings-approved-grid .settings-profile-account-section > .settings-category-head h2 {
  font-size: clamp(25px, 2cqw, 40px);
  margin: 0 !important;
}
.settings-approved-grid .settings-profile-account-section > .settings-category-head > p {
  display: block !important;
  margin: 24px 0 0;
  max-width: 38rem;
  font-size: clamp(15px, 1cqw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
}
.settings-approved-grid .reading-goal-setting > div:first-child { background: none !important; padding-right: 0; }
.settings-stack-clean.settings-approved-grid .settings-profile-account-section > :is(.settings-setup-guide-row,.app-update-row) {
  grid-column: 1 / -1 !important;
}
.settings-stack-clean.settings-approved-grid .settings-profile-account-section > .settings-setup-guide-row {
  flex-direction: row !important;
  align-items: center !important;
  min-height: 0 !important;
}
.settings-approved-grid .settings-setup-guide-row > div { flex: 1; min-width: 0; }
.settings-approved-grid .settings-setup-guide-row > button {
  flex: 0 0 auto; width: auto !important; margin: 0 !important; white-space: nowrap;
}
.settings-approved-grid .app-update-row .app-update-facts {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
@media(max-width:700px) {
  .settings-stack-clean.settings-approved-grid .settings-profile-account-section > .settings-setup-guide-row { flex-direction: column !important; align-items: stretch !important; }
  .settings-approved-grid .app-update-row .app-update-facts { grid-template-columns: 1fr; }
}
.settings-approved-middle-divider,
.settings-approved-bottom-divider {
  grid-column: 1 / -1;
  order: var(--settings-order);
  width: 100%;
  height: 64px;
  overflow: hidden;
  pointer-events: none;
}
.settings-approved-middle-divider img,
.settings-approved-bottom-divider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.settings-approved-art {
  position: absolute;
  z-index: 4;
  height: auto;
  object-fit: contain;
  pointer-events: none;
}
.settings-approved-tea {
  right: 20%;
  bottom: -24%;
  width: 26%;
  max-height: none;
}
.settings-approved-quote {
  right: 2.5%;
  top: 8%;
  z-index: 5;
  width: min(17%, 230px);
  max-height: 84%;
}
@media(max-width:700px) {
  .settings-stack-clean.settings-approved-grid { grid-template-columns: minmax(0,1fr); }
  .settings-approved-grid [data-approved-settings-box] { grid-column: 1 !important; }
  .settings-approved-grid .settings-profile-account-section > .settings-category-head {
    min-height: 190px;
    padding: 24px 38% 24px 20px !important;
    background-position: center !important;
    background-size: cover !important;
  }
  .settings-approved-tea { right: 3%; bottom: 0; width: 32%; opacity: .9; }
  .settings-approved-quote { right: 1%; width: 18%; }
  .settings-approved-middle-divider,
  .settings-approved-bottom-divider { height: 48px; }
}