/* v129.11 — passe de finition macOS desktop uniquement. */

@media (min-width: 1050px) {
  /* Ponctuelles : deux vraies colonnes avec un gutter confortable. */
  html.is-macos body.transactions-mode .variable-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 58px !important;
    row-gap: 0 !important;
    align-items: stretch !important;
  }

  html.is-macos body.transactions-mode .variable-category {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* Chaque moitié garde sa propre zone d'actions ; rien ne colle à la colonne voisine. */
  html.is-macos body.transactions-mode .variable-category .category-head {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
    box-sizing: border-box !important;
  }

  html.is-macos body.transactions-mode .variable-category:nth-child(odd) .category-head {
    padding-left: 2px !important;
    padding-right: 24px !important;
  }

  html.is-macos body.transactions-mode .variable-category:nth-child(even) .category-head {
    padding-left: 20px !important;
    padding-right: 6px !important;
  }

  html.is-macos body.transactions-mode .variable-category .category-topline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
  }

  html.is-macos body.transactions-mode .variable-category .category-name {
    min-width: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.25 !important;
  }

  html.is-macos body.transactions-mode .variable-category .category-actions {
    min-width: 116px !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding-left: 8px !important;
    flex: 0 0 auto !important;
  }

  html.is-macos body.transactions-mode .variable-category .category-toggle {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
  }

  html.is-macos body.transactions-mode .variable-category .category-action {
    min-height: 28px !important;
    padding: 0 5px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  /* Chiffres : rythme plus régulier et barres alignées. */
  html.is-macos body.transactions-mode .variable-category .category-metrics {
    margin-top: 10px !important;
    column-gap: 22px !important;
    row-gap: 6px !important;
    max-width: 310px !important;
  }

  html.is-macos body.transactions-mode .variable-category .category-progress,
  html.is-macos body.transactions-mode .variable-category .category-budget-missing {
    width: 100% !important;
    max-width: 250px !important;
  }

  html.is-macos body.transactions-mode .variable-category.collapsed .category-head {
    min-height: 116px !important;
  }

  /* En-tête Ponctuelles : même axe gauche/droite que la grille. */
  html.is-macos body.transactions-mode #variable-section .section-head {
    padding-left: 2px !important;
    padding-right: 6px !important;
    padding-bottom: 12px !important;
    column-gap: 18px !important;
  }

  html.is-macos body.transactions-mode #variable-section #add-variable-category {
    padding-left: 8px !important;
    padding-right: 0 !important;
  }

  /* Récurrentes : titres, menus et lignes alignés avec les ponctuelles. */
  html.is-macos body.transactions-mode #fixed-section .section-head {
    padding-left: 2px !important;
    padding-right: 6px !important;
  }

  html.is-macos body.transactions-mode #fixed-section .fixed-category-label {
    margin-top: 20px !important;
    margin-bottom: 7px !important;
    padding-left: 2px !important;
    padding-right: 8px !important;
  }

  html.is-macos body.transactions-mode #fixed-section .fixed-category-label.first {
    margin-top: 14px !important;
  }

  html.is-macos body.transactions-mode #fixed-section .fixed-category-menu {
    margin-left: 3px !important;
  }

  html.is-macos body.transactions-mode #fixed-section .fixed-category-empty {
    padding-left: 2px !important;
    padding-right: 8px !important;
  }

  html.is-macos body.transactions-mode #fixed-section .plain-list .swipe-content {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  /* Accueil > Revenus : mêmes bords optiques sur desktop. */
  html.is-macos #income-section .income-block-head,
  html.is-macos #income-section .income-grid .swipe-content {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  html.is-macos #income-section .income-block-head {
    gap: 16px !important;
  }

  html.is-macos #income-section .income-add {
    padding-left: 8px !important;
    padding-right: 0 !important;
  }
}