/* ============================================================
   REPORT TOOLBAR + MOBILE FIXES
   ------------------------------------------------------------
   Setiap sub-laporan punya baris ini di atasnya: judul kecil di kiri, tombol
   "Unduh Excel" di kanan. Di HP baris ini turun jadi dua tingkat supaya tombolnya
   tidak terpotong, dan kartu ringkasan laporan dipaksa maksimal 2 kolom — tanpa
   ini isi laporan (mis. "Belum Lunas", nominal) terpotong di layar 390px.
   ============================================================ */
.report-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.report-toolbar .rt-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--v2-ink, #16202E);
}
.report-toolbar .btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* Kartu ringkasan: tanpa border, sudut membulat, angka rata kolom */
.r-card { border: none !important; border-radius: 16px; box-shadow: var(--v2-shadow-sm, 0 2px 8px rgba(16, 24, 40, 0.06)); }
.r-card .rc-value { font-variant-numeric: tabular-nums; }

/* Baris laporan: nilai rupiah tidak boleh terpotong di layar sempit */
.report-row { gap: 10px; align-items: flex-start; }
.report-row .rr-left { min-width: 0; flex: 1 1 auto; }
.report-row .rr-right { flex: 0 0 auto; text-align: right; }
.report-row .rr-amount { white-space: nowrap; }

@media (max-width: 768px) {
  /* 4 kartu ringkasan dalam satu baris tidak muat di HP → maksimal 2 kolom */
  .report-cards.c3, .report-cards.c4 { grid-template-columns: 1fr 1fr; }
  .r-card { padding: 12px; }
  .r-card .rc-value { font-size: 18px; }
  .r-card .rc-label { font-size: 11px; }
  .report-toolbar { margin-bottom: 12px; }
  .report-toolbar .rt-title { font-size: 14px; flex: 1 1 auto; }
  .report-toolbar .btn { padding: 8px 12px; font-size: 12px; }
  .report-row .rr-amount { font-size: 14px; }
  .report-row .rr-meta { font-size: 11px; }
  .day-group .dg-header { font-size: 12px; }
}

@media (max-width: 420px) {
  .r-card .rc-value { font-size: 16px; }
}
/* Laporan di HP: beri ruang ekstra di bawah agar baris terakhir bisa discroll penuh */
@media (max-width: 768px) { #page-laporan { padding-bottom: 132px !important; } }