/* v129.7 — profil/transactions encore plus plats et minimalistes. */

/* -------------------------------------------------------------------------- */
/* En-tête : cloche et recherche = icônes seules, sans cellule.               */
/* -------------------------------------------------------------------------- */
#notification-open,
#global-search-open {
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ca-bluegrey) !important;
}

#notification-open:active,
#global-search-open:active {
  opacity: .5 !important;
  background: transparent !important;
}

/* -------------------------------------------------------------------------- */
/* Profil > Foyer partagé : contenu direct sur la page, plus aucune carte.     */
/* -------------------------------------------------------------------------- */
#profile-household-details .household-summary,
#profile-household-details .household-members-list,
#profile-household-details .household-settings-list,
#profile-household-details .profile-inline-panel,
#profile-household-details .household-invite-result,
#profile-household-details .household-join-panel {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#profile-household-details .household-summary {
  min-height: 62px !important;
  margin-bottom: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
}

#profile-household-details .household-members-list {
  margin-bottom: 4px !important;
}

#profile-household-details .household-member-row {
  min-height: 62px !important;
  padding: 13px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  background: transparent !important;
}

#profile-household-details .household-settings-list .settings-row {
  min-height: 60px !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;
}

#profile-household-details .household-settings-list .settings-row:last-child:not([hidden]) {
  border-bottom: 0 !important;
}

#profile-household-details .household-member-actions button {
  min-height: 30px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--accent-user, var(--ca-accent)) !important;
}

#profile-household-details .household-access-select {
  min-height: 32px !important;
  padding: 0 18px 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------- */
/* Profil > Sauvegardes cloud : même langage que Historique & Annuler.        */
/* -------------------------------------------------------------------------- */
#profile-backup-details .cloud-backup-list {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#profile-backup-details .cloud-backup-row {
  min-height: 62px !important;
  padding: 13px 2px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  background: transparent !important;
}

#profile-backup-details .cloud-backup-row:last-child {
  border-bottom: 0 !important;
}

#profile-backup-details .cloud-backup-actions button {
  min-height: 30px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--accent-user, var(--ca-accent)) !important;
}

#profile-backup-details #cloud-backup-create {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* Transactions : aucun ancien résumé à trois grosses cellules.               */
/* -------------------------------------------------------------------------- */
.expense-tabs,
.transactions-hero {
  display: none !important;
}

/* Le sélecteur reste léger et moins haut. */
.transactions-segmented {
  gap: 12px !important;
  margin-bottom: 8px !important;
}

.transactions-segmented button {
  min-height: 36px !important;
  padding-bottom: 8px !important;
  font-size: 12px !important;
}

/* Titres : pas de retour à la ligne disgracieux. */
.transactions-section-title strong,
.transactions-section-title small,
.transaction-panel-head .section-title,
.transaction-panel-head .section-subtitle,
#variable-section .section-title,
#variable-section .section-subtitle {
  white-space: nowrap !important;
}

/* Ponctuelles : titre + explication sur une ligne, action dessous si nécessaire. */
body.transactions-mode #variable-section .section-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-areas:
    "title subtitle"
    "action action" !important;
  column-gap: 10px !important;
  row-gap: 5px !important;
  align-items: baseline !important;
  padding: 0 2px 8px !important;
}

body.transactions-mode #variable-section .section-title {
  grid-area: title !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

body.transactions-mode #variable-section .section-subtitle {
  grid-area: subtitle !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 9.6px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.transactions-mode #variable-section #add-variable-category {
  grid-area: action !important;
  justify-self: start !important;
  min-height: 28px !important;
  padding: 0 !important;
}

/* Catégories ponctuelles : plus de carte épaisse autour de chaque catégorie. */
body.transactions-mode .variable-categories {
  gap: 0 !important;
}

body.transactions-mode .variable-category {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.transactions-mode .variable-category:last-child {
  border-bottom: 0 !important;
}

body.transactions-mode .variable-category .category-head {
  padding: 14px 2px 11px !important;
}

body.transactions-mode .variable-category .category-name {
  font-size: 14.5px !important;
}

body.transactions-mode .variable-category .category-action,
body.transactions-mode .variable-category .category-toggle {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.transactions-mode .variable-category .category-toggle {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
}

body.transactions-mode .variable-category .category-action {
  min-height: 30px !important;
  padding: 0 4px !important;
  font-size: 10px !important;
}

/* Budget / Dépensé / Reste-Dépassé : informations compactes, plus de sous-carte. */
body.transactions-mode .variable-category .category-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, auto)) !important;
  justify-content: start !important;
  column-gap: 18px !important;
  row-gap: 7px !important;
  width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.transactions-mode .category-metric-label {
  margin-bottom: 2px !important;
  font-size: 8.5px !important;
  letter-spacing: .18px !important;
  text-transform: none !important;
}

body.transactions-mode .category-metric-value {
  font-size: 12.5px !important;
  font-weight: 720 !important;
}

body.transactions-mode .category-progress,
body.transactions-mode .category-budget-missing {
  grid-column: 1 / -1 !important;
}

body.transactions-mode .category-progress {
  height: 3px !important;
  margin-top: 2px !important;
}

/* Les vraies transactions restent des lignes, pas des cartes empilées. */
body.transactions-mode #fixed-section .plain-list .swipe-row,
body.transactions-mode .variable-category .category-list .swipe-row {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-border, #E7EAEE) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.transactions-mode #fixed-section .plain-list .swipe-row:last-child,
body.transactions-mode .variable-category .category-list .swipe-row:last-child {
  border-bottom: 0 !important;
}

body.transactions-mode #fixed-section .swipe-content,
body.transactions-mode .variable-category .category-list .swipe-content {
  min-height: 54px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  border-radius: 0 !important;
  background: var(--paper, #fff) !important;
}

@media (max-width: 390px) {
  body.transactions-mode #variable-section .section-head {
    column-gap: 7px !important;
  }
  body.transactions-mode #variable-section .section-title {
    font-size: 13.2px !important;
  }
  body.transactions-mode #variable-section .section-subtitle {
    font-size: 8.9px !important;
    letter-spacing: -.08px !important;
  }
  body.transactions-mode .variable-category .category-metrics {
    column-gap: 13px !important;
  }
}