/* v129.6 — Compte aéré, navigation iOS et Transactions simplifiées. */

/* -------------------------------------------------------------------------- */
/* En-tête iOS : descendre légèrement sous le glass / safe area système.      */
/* -------------------------------------------------------------------------- */
html.is-ios .page {
  padding-top: calc(var(--safe-top) + 28px) !important;
}

/* -------------------------------------------------------------------------- */
/* Profil > Compte : même langage visuel plat qu'Historique & Annuler.        */
/* -------------------------------------------------------------------------- */
#profile-account-details .account-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-account-details .account-settings-list .settings-row {
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 15px 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;
  text-align: left !important;
}

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

#profile-account-details .account-settings-list .settings-row > span:first-child {
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}

#profile-account-details .account-settings-list .settings-chevron {
  opacity: .55 !important;
}

#profile-account-details .account-panel {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#profile-account-details .account-panel label {
  margin: 0 0 8px !important;
  font-size: 11px !important;
  color: var(--ui-muted, var(--muted)) !important;
}

#profile-account-details .account-message {
  margin-top: 12px !important;
}

/* -------------------------------------------------------------------------- */
/* Swipe retour : la page suit uniquement un geste horizontal depuis le bord. */
/* -------------------------------------------------------------------------- */
html.is-ios .section-page.edge-back-tracking {
  will-change: transform, opacity;
  transition: none !important;
}

/* -------------------------------------------------------------------------- */
/* Transactions : deux espaces clairs, aucune vue "Toutes" ni cartes résumé. */
/* -------------------------------------------------------------------------- */
body.transactions-mode .expense-tabs,
body.transactions-mode .transactions-hero {
  display: none !important;
}

.transactions-hub {
  gap: 18px !important;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
}

.transactions-segmented {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, var(--line)) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.transactions-segmented button {
  position: relative !important;
  min-height: 44px !important;
  padding: 0 4px 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ui-muted, var(--muted)) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.transactions-segmented button::after {
  content: '';
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: transparent;
}

.transactions-segmented button.active {
  color: var(--ink, var(--text)) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 760 !important;
}

.transactions-segmented button.active::after {
  background: var(--accent-user, var(--ca-accent)) !important;
}

/* Les sous-parties ont leur propre rythme, au lieu d'être empilées sans repère. */
.transactions-recurring-overview,
.transactions-detected {
  gap: 8px !important;
  padding: 2px 0 0 !important;
}

.transactions-section-title,
.transaction-panel-head,
#variable-section .section-head {
  align-items: center !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.transactions-section-title strong,
.transaction-panel-head .section-title,
#variable-section .section-title {
  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 760 !important;
}

.transactions-section-title small,
.transaction-panel-head .section-subtitle,
#variable-section .section-subtitle {
  margin-top: 2px !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

.transactions-flat-list {
  border-top: 0 !important;
}

.transactions-flat-row,
.transactions-detected-row {
  min-height: 54px !important;
  padding: 11px 2px !important;
}

/* Séparation nette entre le sélecteur/automatisations et les vraies dépenses. */
body.transactions-mode #fixed-section,
body.transactions-mode #variable-section {
  margin-top: 18px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--ui-border, var(--line)) !important;
}

body.transactions-mode #variable-section .section-head {
  margin-bottom: 10px !important;
}

body.transactions-mode #fixed-section .transaction-panel-head {
  margin-bottom: 10px !important;
}

/* Les actions de section restent des actions texte, pas de grosses cellules. */
body.transactions-mode .transaction-panel-head .mini-add,
body.transactions-mode #variable-section .mini-add,
body.transactions-mode .transactions-section-title button {
  min-height: 34px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--accent-user, var(--ca-accent)) !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
}

/* Le gros bouton "ajouter catégorie" ne coupe plus visuellement la liste. */
body.transactions-mode #fixed-section .fixed-add-category-wide {
  width: auto !important;
  min-height: 34px !important;
  margin: 2px 0 8px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--accent-user, var(--ca-accent)) !important;
  text-align: left !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
}

/* Thèmes : conserver la structure minimaliste, même en Windows 98. */
html[data-ui-theme="win98"] .transactions-segmented {
  padding: 0 !important;
  border-width: 0 0 2px !important;
  border-color: #808080 !important;
  background: transparent !important;
}
html[data-ui-theme="win98"] .transactions-segmented button.active {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 390px) {
  html.is-ios .page { padding-top: calc(var(--safe-top) + 25px) !important; }
  .transactions-segmented { gap: 12px !important; }
}