/* v129.16 — Réglages / Profil : moins de blanc latéral, largeur cohérente avec Accueil et Transactions. */

/* iOS : les feuilles restent plein écran, mais on retire le double empilement
   de marges (padding de la feuille + marges des menus/pages). */
html.is-ios #month-settings-sheet .sheet,
html.is-ios #profile-sheet .sheet {
  padding-left: max(12px, calc(var(--safe-left) + 12px)) !important;
  padding-right: max(12px, calc(var(--safe-right) + 12px)) !important;
}

html.is-ios #month-settings-sheet .section-menu-kicker,
html.is-ios #month-settings-sheet .section-menu-list,
html.is-ios #profile-sheet .section-menu-kicker,
html.is-ios #profile-sheet .section-menu-list {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

html.is-ios #profile-menu-view #settings-account {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

html.is-ios #month-settings-sheet .section-page-head,
html.is-ios #profile-sheet .section-page-head {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

html.is-ios #month-settings-sheet .section-page-content,
html.is-ios #profile-sheet .section-page-content {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

/* Les listes internes ne rajoutent pas une seconde marge horizontale. */
html.is-ios #month-settings-sheet .settings-list,
html.is-ios #month-settings-sheet .profile-settings-list,
html.is-ios #profile-sheet .settings-list,
html.is-ios #profile-sheet .profile-settings-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* macOS : Réglages et Profil utilisent la même largeur fluide que la page principale
   au lieu de rester enfermés dans une petite modale de ~500 px. */
@media (min-width: 768px) {
  html.is-macos #month-settings-sheet,
  html.is-macos #profile-sheet {
    padding: 28px !important;
  }

  html.is-macos #month-settings-sheet .sheet,
  html.is-macos #profile-sheet .sheet {
    width: calc(100vw - clamp(40px, 4vw, 72px)) !important;
    max-width: none !important;
    max-height: calc(100dvh - 56px) !important;
    padding: 18px 22px 24px !important;
    box-sizing: border-box !important;
  }

  html.is-macos #month-settings-sheet .section-menu-kicker,
  html.is-macos #month-settings-sheet .section-menu-list,
  html.is-macos #profile-sheet .section-menu-kicker,
  html.is-macos #profile-sheet .section-menu-list {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  html.is-macos #profile-menu-view #settings-account {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  html.is-macos #month-settings-sheet .section-page-head,
  html.is-macos #profile-sheet .section-page-head {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html.is-macos #month-settings-sheet .section-page-content,
  html.is-macos #profile-sheet .section-page-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media (min-width: 1400px) {
  html.is-macos #month-settings-sheet .sheet,
  html.is-macos #profile-sheet .sheet {
    width: calc(100vw - 64px) !important;
  }
}