.finance-lv {
  overflow-x: hidden;
}

.finance-lv .lv-row {
  width: 100%;
}

.finance-lv .lv-row > div {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.finance-recurring-modal-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.finance-recurring-modal-body {
  min-height: 0;
  overflow: auto;
}

.finance-recurring-lv {
  min-width: 1080px;
}

.finance-recurring-lv .lv-row > div {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.finance-dashboard-modal-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.finance-dashboard-modal-body {
  min-height: 0;
  overflow-y: auto;
  gap: 14px;
}

.finance-dashboard-stack {
  display: grid;
  gap: 12px;
}

.finance-dashboard-empty {
  margin: 0;
  color: var(--admin-muted);
  font-size: var(--admin-fs-md);
  font-weight: var(--admin-fw-medium);
}

/* O tooltip do gráfico vive no body e precisa da camada de popover sobre modal. */
.admin-hover-panel.finance-chart-tooltip {
  z-index: var(--admin-z-modal-popover);
}

#financeCategoryDetailModal {
  z-index: var(--admin-z-modal-popover);
}

.finance-category-detail-modal-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.finance-category-detail-modal-body {
  min-height: 0;
  overflow-y: auto;
}

.finance-category-detail-lv .lv-row > div {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* O template inline da List View precisa ser sobreposto com `!important` nos breakpoints. */
@media (max-width: 1180px) {
  .finance-lv .lv-row {
    grid-template-columns: 40px minmax(126px, 1fr) minmax(210px, 2fr) minmax(145px, 1.15fr) minmax(116px, 0.9fr) minmax(120px, 0.9fr) minmax(92px, 0.7fr) !important;
  }
}

@media (max-width: 980px) {
  .finance-lv .lv-row > div:nth-child(5) {
    display: none;
  }

  .finance-lv .lv-row {
    grid-template-columns: 40px minmax(122px, 1fr) minmax(190px, 2fr) minmax(140px, 1.1fr) minmax(116px, 0.9fr) minmax(92px, 0.7fr) !important;
  }
}

@media (max-width: 720px) {
  .finance-lv .lv-row > div:nth-child(4),
  .finance-lv .lv-row > div:nth-child(7) {
    display: none;
  }

  .finance-lv .lv-row {
    grid-template-columns: 40px minmax(118px, 1fr) minmax(170px, 1.9fr) minmax(112px, 0.9fr) !important;
  }
}