body.rrp .rrp-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--zy-space-3);
  align-items: end;
  margin-bottom: var(--zy-space-4);
}

body.rrp .rrp-grid {
  display: grid;
  gap: var(--zy-space-4);
}

@media (min-width: 880px) {
  body.rrp .rrp-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body.rrp .rrp-split {
    grid-template-columns: 1fr 1fr;
  }
}

body.rrp .rrp-kpis,
body.rrp .rrp-split {
  display: grid;
  gap: var(--zy-space-3);
}

body.rrp .rrp-kpi {
  padding: var(--zy-space-3);
  background: var(--zy-surface, #fff);
  border-radius: 0.5rem;
}

body.rrp .rrp-kpi strong {
  display: block;
  font-size: 1.25rem;
}

body.rrp .rrp-table {
  width: 100%;
  border-collapse: collapse;
}

body.rrp .rrp-table th,
body.rrp .rrp-table td {
  text-align: left;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.rrp .rrp-note {
  font-size: 0.85rem;
}
