/* v143.40 — boutons swipe intégralement visibles dans la vue catégorie. */
.variable-category-detail-page {
  position: fixed;
  inset: 0;
  z-index: 22;
  background: var(--paper, #fff);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  box-sizing: border-box;
  padding: max(112px, calc(var(--safe-top, 0px) + 82px)) max(20px, calc(var(--safe-right, 0px) + 20px)) calc(var(--safe-bottom, 0px) + 104px) max(20px, calc(var(--safe-left, 0px) + 20px));
}
.variable-category-detail-page[hidden] { display: none !important; }
.variable-category-detail-inner { width: min(100%, 900px); margin: 0 auto; }
.variable-category-detail-back {
  appearance: none; border: 0; background: transparent; padding: 0; margin: 0 0 48px;
  color: var(--accent, #087f69); font: inherit; font-size: 14px; line-height: 1.2; font-weight: 720;
  text-align: left; cursor: pointer;
}
.variable-category-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.variable-category-detail-title {
  min-width: 0; margin: 0; color: var(--text, #111827); font-size: clamp(30px, 8vw, 46px);
  line-height: .98; font-weight: 820; letter-spacing: -1.3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.variable-category-detail-tools { flex: 0 0 auto; display: flex; align-items: center; gap: 13px; }
.variable-category-detail-percent { color: var(--muted, #747d95); font-size: 16px; font-weight: 740; white-space: nowrap; }
.variable-category-detail-percent.over, .variable-category-detail-remaining.over { color: #b54136; }
.variable-category-detail-more { width: 34px !important; height: 34px !important; min-height: 34px !important; padding: 4px !important; }
.variable-category-detail-figures {
  display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 34px 0 0;
  color: var(--muted, #747d95); font-size: 14.5px; line-height: 1.2; font-weight: 690;
}
.variable-category-detail-figures > span:last-child { text-align: right; }
.variable-category-detail-add {
  width: 100% !important; margin: 64px 0 26px !important; min-height: 48px !important;
}
.variable-category-detail-list-shell {
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; overflow: visible !important; box-shadow: none !important;
}
.variable-category-detail-list-shell .category-list { overflow: visible !important; max-height: none !important; opacity: 1 !important; }
.variable-category-detail-list-shell .plain-list { margin: 0 !important; padding: 0 !important; overflow: visible !important; }
.variable-category-detail-empty { padding: 18px 0 !important; }
body.variable-category-detail-open { overflow: hidden !important; }
body.variable-category-detail-open .ca-bottom-nav { z-index: 60 !important; }
body.variable-category-detail-open .page > header,
body.variable-category-detail-open #income-section,
body.variable-category-detail-open #income-summary,
body.variable-category-detail-open #transactions-hub,
body.variable-category-detail-open #fixed-section,
body.variable-category-detail-open #variable-section {
  display: none !important;
}
body.variable-category-detail-open #variable-category-detail-page {
  display: block !important;
}
@media (max-width: 430px) {
  .variable-category-detail-page { padding-left: 21px; padding-right: 21px; }
  .variable-category-detail-back { margin-bottom: 48px; }
  .variable-category-detail-add { margin-top: 58px !important; }
}


.variable-category-detail-head { align-items: flex-start; }
.variable-category-detail-tools { padding-top: 10px; }
.variable-category-detail-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 64px 0 26px !important;
}
.variable-category-detail-add {
  flex: 1 1 auto;
  margin: 0 !important;
}
.variable-category-detail-category-link {
  flex: 0 0 auto;
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--accent, #087f69);
  font: inherit;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 760;
  letter-spacing: -.16px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  min-height: 48px;
  cursor: pointer;
  white-space: nowrap;
}
.variable-category-detail-category-link > span:first-child {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  transform: translateY(-.4px);
}
.variable-category-detail-category-link:active { opacity: .72; }
@media (max-width: 430px) {
  .variable-category-detail-actions { gap: 12px; margin-top: 58px !important; }
  .variable-category-detail-category-link { font-size: 15px; }
}


/* v143.37 — utiliser davantage la largeur de l’écran dans la vue catégorie */
.variable-category-detail-page {
  padding-left: max(12px, calc(var(--safe-left, 0px) + 12px));
  padding-right: max(12px, calc(var(--safe-right, 0px) + 12px));
}
.variable-category-detail-inner {
  width: 100%;
  max-width: none;
}
.variable-category-detail-list-shell .plain-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.variable-category-detail-list-shell .swipe-row {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.variable-category-detail-list-shell .swipe-content {
  min-height: 46px !important;
  padding: 7px 0 !important;
  cursor: pointer;
}
.variable-category-detail-list-shell .swipe-content::after {
  left: 0 !important;
  right: 0 !important;
  background: color-mix(in srgb, var(--ui-border, var(--line, #e7eaee)) 76%, transparent) !important;
}
.variable-category-detail-list-shell .line-title {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 590 !important;
  color: var(--text) !important;
}
.variable-category-detail-list-shell .amount {
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 710 !important;
  color: var(--text) !important;
}
@media (max-width: 430px) {
  .variable-category-detail-page {
    padding-left: max(12px, calc(var(--safe-left, 0px) + 12px));
    padding-right: max(12px, calc(var(--safe-right, 0px) + 12px));
  }
  .variable-category-detail-actions { gap: 10px; }
}


/* v143.39 — rapprocher uniquement la liste des dépenses et leurs montants des bords */
.variable-category-detail-list-shell .swipe-row.variable-compact-row {
  overflow: visible !important;
}

.variable-category-detail-list-shell .swipe-content.variable-entry-content {
  min-height: 42px !important;
  padding: 4px 6px !important;
  grid-template-columns: minmax(0, max-content) minmax(8px, 1fr) max-content !important;
  gap: 6px !important;
  align-items: baseline !important;
}

.variable-category-detail-list-shell .swipe-content.variable-entry-content::after {
  display: none !important;
}

.variable-category-detail-list-shell .swipe-content.variable-entry-content .line-title,
.variable-category-detail-list-shell .swipe-content.variable-entry-content .amount {
  align-self: baseline !important;
}

.variable-category-detail-list-shell .swipe-content.variable-entry-content .line-title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.variable-category-detail-list-shell .swipe-content.variable-entry-content .amount-leader {
  display: block !important;
  align-self: baseline !important;
  min-width: 8px !important;
  height: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px dotted color-mix(in srgb, var(--muted) 28%, transparent) !important;
  opacity: .6 !important;
}

.variable-category-detail-list-shell .swipe-content.variable-entry-content .amount {
  justify-self: end !important;
}

@media (max-width: 430px) {
  .variable-category-detail-list-shell .swipe-content.variable-entry-content {
    padding-left: 2px !important;
    padding-right: 2px !important;
    gap: 5px !important;
  }

  .variable-category-detail-list-shell .swipe-content.variable-entry-content .amount-leader {
    min-width: 6px !important;
  }
}


/* v143.40 — aucune découpe possible des actions Modifier / Supprimer.
   Leur position reste identique à v143.39 : on ne change que le contexte de peinture. */
.variable-category-detail-list-shell,
.variable-category-detail-list-shell .category-list,
.variable-category-detail-list-shell .plain-list,
.variable-category-detail-list-shell .swipe-row.variable-compact-row,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.open,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active {
  overflow: visible !important;
  clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  contain: none !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row {
  isolation: auto !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row.open,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active {
  position: relative !important;
  z-index: 30 !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row.open > .swipe-actions,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active > .swipe-actions {
  z-index: 50 !important;
  overflow: visible !important;
  clip-path: none !important;
  contain: none !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row.open > .swipe-actions > .swipe-action,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active > .swipe-actions > .swipe-action {
  overflow: visible !important;
  clip-path: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row.open > .swipe-content,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active > .swipe-content {
  z-index: 10 !important;
}


/* v143.41 — boutons Modifier / Supprimer entièrement visibles dans la vue catégorie.
   On supprime l'effet de surcouche blanche en retenant les actions à l'intérieur de la ligne,
   centrées verticalement, sans changer la structure de la page. */
.variable-category-detail-list-shell .swipe-row.variable-compact-row.open > .swipe-actions,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active > .swipe-actions {
  top: 50% !important;
  bottom: auto !important;
  right: 8px !important;
  width: 138px !important;
  height: 58px !important;
  padding-left: 0 !important;
  align-items: center !important;
  transform: translateY(-50%) !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row.open > .swipe-actions > .swipe-action,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active > .swipe-actions > .swipe-action {
  flex: 0 0 65px !important;
  width: 65px !important;
  min-width: 65px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  align-self: center !important;
}

.variable-category-detail-list-shell .swipe-row.variable-compact-row.open > .swipe-content,
.variable-category-detail-list-shell .swipe-row.variable-compact-row.swipe-active > .swipe-content {
  transform: translate3d(-154px, 0, 0) !important;
}