/* v136.23 — retire l'espace blanc au-dessus de la barre active et compacte la nav basse. */
.ca-bottom-nav,
html.is-ios .ca-bottom-nav,
html.is-macos .ca-bottom-nav {
  padding-top: 0 !important;
  padding-bottom: calc(var(--safe-bottom) + 2px) !important;
  min-height: calc(56px + var(--safe-bottom)) !important;
  align-items: stretch !important;
}

.ca-bottom-link,
.ca-bottom-button,
html.is-ios .ca-bottom-link,
html.is-ios .ca-bottom-button,
html.is-macos .ca-bottom-link,
html.is-macos .ca-bottom-button {
  position: relative;
  min-height: 46px !important;
  padding-top: 8px !important;
  padding-bottom: 1px !important;
  justify-content: flex-start !important;
}

.ca-bottom-link::before,
.ca-bottom-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  max-width: calc(100% - 14px);
  height: 3px;
  border-radius: 999px;
  background: transparent;
  opacity: 0;
  transition: opacity 140ms ease, background-color 140ms ease, width 140ms ease;
}

.ca-bottom-link.active::before,
body[data-active-nav="income"] .ca-bottom-link[data-ca-target="income"]::before,
body[data-active-nav="fixed"] .ca-bottom-link[data-ca-target="fixed"]::before,
body[data-active-nav="variable"] .ca-bottom-link[data-ca-target="variable"]::before,
body[data-active-nav="menu"] .ca-bottom-link[data-ca-target="menu"]::before,
body[data-active-nav="profile"] .ca-bottom-link[data-ca-target="profile"]::before,
body[data-active-nav="transactions"] .ca-bottom-link[data-ca-target="transactions"]::before {
  opacity: 1;
  background: var(--ca-accent);
}
