.admin-partner-finance-summary {
  display: grid;
  gap: 1rem;
}

.admin-partner-finance-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.admin-partner-finance-kpis article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--admin-border, rgba(15, 23, 42, .12));
  border-radius: 1rem;
  background: var(--admin-surface, #fff);
  display: grid;
  gap: .3rem;
}

.admin-partner-finance-kpis span,
.admin-partner-finance-kpis small {
  color: var(--admin-muted, #64748b);
}

.admin-partner-finance-kpis strong {
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.15;
}

.admin-partner-finance-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: 1rem;
}

.admin-partner-finance-filters button {
  border: 1px solid var(--admin-border, rgba(15, 23, 42, .14));
  border-radius: 999px;
  background: var(--admin-surface, #fff);
  color: inherit;
  padding: .6rem .85rem;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.admin-partner-finance-filters button[aria-pressed="true"] {
  border-color: currentColor;
  background: rgba(15, 23, 42, .06);
}

.admin-partner-finance-list {
  display: grid;
  gap: .85rem;
}

.admin-partner-finance-card {
  display: grid;
  gap: .7rem;
}

.admin-partner-finance-card-head {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  justify-content: space-between;
}

.admin-partner-finance-status-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: .3rem .65rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  background: rgba(15, 23, 42, .08);
}

.admin-partner-finance-card[data-payout-status="pending"] .admin-partner-finance-status-badge,
.admin-partner-finance-card[data-payout-status="approved"] .admin-partner-finance-status-badge {
  background: rgba(180, 83, 9, .12);
}

.admin-partner-finance-card[data-payout-status="paid"] .admin-partner-finance-status-badge {
  background: rgba(5, 150, 105, .12);
}

.admin-partner-finance-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
}

.admin-partner-finance-values span {
  min-width: 0;
  padding: .7rem .8rem;
  border-radius: .8rem;
  background: rgba(15, 23, 42, .04);
}

.admin-partner-finance-values small,
.admin-partner-finance-values strong {
  display: block;
}

.admin-partner-finance-values small {
  margin-bottom: .15rem;
  color: var(--admin-muted, #64748b);
}

.admin-partner-finance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

@media (max-width: 64rem) {
  .admin-partner-finance-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 40rem) {
  .admin-partner-finance-kpis,
  .admin-partner-finance-values {
    grid-template-columns: 1fr;
  }

  .admin-partner-finance-card-head {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-partner-finance-status-badge {
    align-self: flex-start;
  }

  .admin-partner-finance-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-partner-finance-filters button {
    width: 100%;
  }
}

@media (max-width: 24rem) {
  .admin-partner-finance-filters {
    grid-template-columns: 1fr;
  }
}