/* v129.5 — surfaces blanches + réglages/profil aérés et minimalistes. */

/* En mode clair, aucune teinte beige dans l’interface standard. */
html:not([data-theme="dark"]):not([data-ui-theme="oled"]):not([data-ui-theme="win98"]) {
  --bg: #FFFFFF !important;
  --paper: #FFFFFF !important;
  --soft: #F7F8FA !important;
  --line: #E7EAEE !important;
  --ui-surface: #FFFFFF !important;
  --ui-surface-solid: #FFFFFF !important;
  --ui-border: #E7EAEE !important;
}

html:not([data-theme="dark"]):not([data-ui-theme="oled"]):not([data-ui-theme="win98"]) body,
html:not([data-theme="dark"]):not([data-ui-theme="oled"]):not([data-ui-theme="win98"]) .page,
html:not([data-theme="dark"]):not([data-ui-theme="oled"]):not([data-ui-theme="win98"]) .sheet,
html:not([data-theme="dark"]):not([data-ui-theme="oled"]):not([data-ui-theme="win98"]) .section-page,
html:not([data-theme="dark"]):not([data-ui-theme="oled"]):not([data-ui-theme="win98"]) .section-page-content {
  background: #FFFFFF !important;
}

/* Toutes les pages de fonction utilisent le langage visuel d’Historique & Annuler :
   aucune carte superflue, lignes espacées et séparateurs fins. */
.settings-function-page .v110-feature-list,
.settings-function-page .v129-action-list,
.settings-function-page .v129-diagnostic-grid,
.profile-function-page .v110-feature-list {
  gap: 0 !important;
  background: transparent !important;
}

.settings-function-page .v110-feature-row,
.profile-function-page .v110-feature-row {
  min-height: 62px !important;
  margin: 0 !important;
  padding: 13px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 12px !important;
}

.settings-function-page .v110-feature-row:last-child,
.profile-function-page .v110-feature-row:last-child {
  border-bottom: 0 !important;
}

.settings-function-page .v110-feature-row-title,
.profile-function-page .v110-feature-row-title {
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
}

.settings-function-page .v110-feature-row-sub,
.profile-function-page .v110-feature-row-sub {
  margin-top: 4px !important;
  font-size: 10.75px !important;
  line-height: 1.3 !important;
}

.settings-function-page .v110-feature-action,
.profile-function-page .v110-feature-action {
  min-height: 30px !important;
  padding: 2px 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--accent-user, var(--ca-accent)) !important;
}

/* Reports automatiques et « Qui a payé ? » : mêmes lignes aérées. */
#settings-section-3 #v110-rollover-list,
#settings-section-7 #v112-payer-summary {
  margin-top: 0 !important;
  gap: 0 !important;
}

#settings-section-3 #v110-rollover-list .v110-feature-row,
#settings-section-7 #v112-payer-summary .v110-feature-row {
  min-height: 64px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Les panneaux/formulaires de Réglages restent des contenus de page, pas des cartes. */
.settings-function-page .profile-inline-panel,
.settings-function-page .v110-form,
.settings-function-page .v112-bank-preview,
.settings-function-page .v129-diagnostic-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.settings-function-page .v129-diagnostic-card {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Personnalisation : aucune cellule extérieure, tout directement sur fond blanc. */
#profile-personalization-details .preference-settings-list,
#profile-personalization-details .settings-list,
#profile-personalization-details .profile-settings-list {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#profile-personalization-details .settings-row,
#profile-personalization-details .preference-row {
  min-height: 62px !important;
  padding: 12px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#profile-personalization-details .preference-settings-list .settings-row:last-child,
#profile-personalization-details .preference-settings-list .preference-row:last-child {
  border-bottom: 0 !important;
}

#profile-personalization-details .profile-section-label {
  margin: 24px 2px 7px !important;
}

#profile-personalization-details .preference-home-order-block {
  margin-top: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Sécurité & confidentialité : supprimer les cartes compactes. */
#profile-security-details .biometric-settings-list,
#profile-security-details .v129-security-card {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#profile-security-details .biometric-settings-list {
  margin-bottom: 8px !important;
}

#profile-security-details .settings-row,
#profile-security-details .biometric-setting-row {
  min-height: 66px !important;
  padding: 13px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 12px !important;
}

#profile-security-details .v129-security-card .settings-row:last-child {
  border-bottom: 0 !important;
}

#profile-security-details .settings-row > span:first-child,
#profile-security-details .biometric-setting-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* Chaque phrase reste sur une ligne. La sous-ligne est volontairement plus fine
   pour tenir sur iPhone sans rendre la page compacte. */
#profile-security-details .settings-row strong,
#profile-security-details .settings-row small,
#profile-security-details .biometric-setting-title,
#profile-security-details .biometric-setting-subtitle {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#profile-security-details .settings-row strong,
#profile-security-details .biometric-setting-title {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

#profile-security-details .settings-row small,
#profile-security-details .biometric-setting-subtitle {
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
}

/* Notifications et autres réglages simples : même traitement plat. */
#profile-notification-details .v110-notification-settings {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#profile-notification-details .settings-row {
  min-height: 64px !important;
  padding: 12px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  background: transparent !important;
}

/* Les pages restent aérées, même si elles gagnent de nouvelles fonctions. */
.section-page-content {
  padding-top: 20px !important;
}

.settings-function-page .v110-settings-section,
.profile-function-page .v110-settings-section {
  margin-top: 0 !important;
}

.settings-function-page .v110-section-head,
.profile-function-page .v110-section-head {
  margin-bottom: 16px !important;
}

/* Conserver les deux cartes explicitement voulues : Foyer et Sauvegardes cloud. */
#profile-household-details .household-summary,
#profile-household-details .household-members-list,
#profile-household-details .household-settings-list,
#profile-backup-details .cloud-backup-list {
  background: #FFFFFF !important;
}

html[data-theme="dark"] #profile-household-details .household-summary,
html[data-theme="dark"] #profile-household-details .household-members-list,
html[data-theme="dark"] #profile-household-details .household-settings-list,
html[data-theme="dark"] #profile-backup-details .cloud-backup-list,
html[data-ui-theme="oled"] #profile-household-details .household-summary,
html[data-ui-theme="oled"] #profile-household-details .household-members-list,
html[data-ui-theme="oled"] #profile-household-details .household-settings-list,
html[data-ui-theme="oled"] #profile-backup-details .cloud-backup-list {
  background: var(--ui-surface-solid, var(--paper)) !important;
}

@media (max-width: 430px) {
  #profile-security-details .settings-row strong,
  #profile-security-details .biometric-setting-title { font-size: 12.5px !important; }
  #profile-security-details .settings-row small,
  #profile-security-details .biometric-setting-subtitle { font-size: 9.6px !important; }
}
