/* pages/laporan-bulanan.css — .pg-laporan-bulanan: satu lembar laporan (kepala, 6 angka, teratas, porsi, rasio, catatan); saat cetak muat satu halaman A4 */
.pg-laporan-bulanan .rb-sheet{max-width:980px;padding:28px 30px}
.pg-laporan-bulanan .rb-head{margin-bottom:18px}
.pg-laporan-bulanan .rb-co{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.pg-laporan-bulanan .rb-head h2{font-size:var(--fs-2xl);font-weight:800}
.pg-laporan-bulanan .rb-sub{font-size:var(--fs-sm);color:var(--text-2)}
.pg-laporan-bulanan .rb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.pg-laporan-bulanan .rb-kpi{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.pg-laporan-bulanan .rb-kpi-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-3)}
.pg-laporan-bulanan .rb-kpi-value{font-size:var(--fs-xl);font-weight:800;white-space:nowrap}
.pg-laporan-bulanan .rb-delta{font-size:var(--fs-xs);color:var(--text-3)}
.pg-laporan-bulanan .rb-delta.is-good{color:var(--cash-text)}
.pg-laporan-bulanan .rb-delta.is-bad{color:var(--due-text)}
.pg-laporan-bulanan .rb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin-bottom:22px}
.pg-laporan-bulanan .rb-block{min-width:0}
.pg-laporan-bulanan .rb-h{margin-bottom:10px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.pg-laporan-bulanan .rb-rank{list-style:none;display:flex;flex-direction:column;gap:9px}
.pg-laporan-bulanan .rb-rank li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;font-size:var(--fs-sm)}
.pg-laporan-bulanan .rb-rank-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-laporan-bulanan .rb-rank-bar{grid-column:1 / -1;height:5px;border-radius:var(--r-pill);background:var(--line-strong);overflow:hidden}
.pg-laporan-bulanan .rb-rank-bar i{display:block;height:100%;border-radius:inherit;background:var(--brand-grad)}
.pg-laporan-bulanan .rb-split{display:flex;height:12px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-2)}
.pg-laporan-bulanan .rb-split-ret{display:block;background:var(--brand-2)}
.pg-laporan-bulanan .rb-split-proj{display:block;background:var(--brand-tint)}
.pg-laporan-bulanan .rb-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:var(--fs-xs);color:var(--text-2)}
.pg-laporan-bulanan .rb-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.pg-laporan-bulanan .rb-dot--ret{background:var(--brand-2)}
.pg-laporan-bulanan .rb-dot--proj{background:var(--brand-tint)}
.pg-laporan-bulanan .rb-mrr{margin-top:10px;font-size:var(--fs-sm);color:var(--text-2)}
.pg-laporan-bulanan .rb-ratios{list-style:none;display:flex;flex-direction:column;gap:10px}
.pg-laporan-bulanan .rb-ratio{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:var(--fs-sm)}
.pg-laporan-bulanan .rb-ratio-label small{display:block;font-size:var(--fs-xs);color:var(--text-3)}
.pg-laporan-bulanan .rb-notes{list-style:disc;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm)}
.pg-laporan-bulanan .rb-empty{font-size:var(--fs-sm);color:var(--text-3)}
.pg-laporan-bulanan .rb-foot{margin-top:18px;font-size:var(--fs-xs);color:var(--text-3)}

@media (max-width:1023px){
  .pg-laporan-bulanan .rb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .pg-laporan-bulanan .rb-sheet{padding:18px 16px}
  .pg-laporan-bulanan .rb-grid{grid-template-columns:minmax(0,1fr)}
  .pg-laporan-bulanan .rb-kpi-value{font-size:var(--fs-lg)}
  .pg-laporan-bulanan .rb-rank-name{white-space:normal;overflow-wrap:anywhere} /* nama jasa panjang boleh 2 baris, tidak terpotong "…" */
}