/* pages/dashboard.css — .pg-dashboard: kartu angka, grafik 6 bulan, Perlu ditindak, invoice terbaru */
.pg-dashboard{display:flex;flex-direction:column;gap:18px}
.pg-dashboard .st-delta span{margin-right:2px}
.pg-dashboard .db-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:stretch}
/* Grafik mengisi tinggi baris (sejajar kartu "Perlu ditindak") — tanpa ruang kosong di bawahnya */
.pg-dashboard .db-chart{display:flex;flex-direction:column}
.pg-dashboard .db-chart .chart-root{flex:1;display:flex;flex-direction:column}
.pg-dashboard .db-chart .chart-plot{flex:1;height:auto;min-height:var(--h,200px)}
.pg-dashboard .db-att{display:flex;flex-direction:column}
.pg-dashboard .db-att-ok{flex:1;justify-content:center} /* "Semua beres" di tengah kalau kartunya ikut tinggi grafik */
.pg-dashboard .db-h{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:14px;font-size:var(--fs-lg);font-weight:800}
.pg-dashboard .db-h-sub{font-size:var(--fs-sm);font-weight:600;color:var(--text-3)}
.pg-dashboard .db-h-link{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-sm);font-weight:700;color:var(--brand-text)}
.pg-dashboard .db-h-link:hover{text-decoration:underline}

.pg-dashboard .db-att-list{display:flex;flex-direction:column;gap:8px}
.pg-dashboard .db-att-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px;border-radius:14px;background:var(--surface-2);color:var(--ink);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast)}
.pg-dashboard .db-att-item:hover{transform:translateX(2px);background:var(--brand-soft)}
.pg-dashboard .db-att-item:active{transform:scale(.98)}
.pg-dashboard .db-att-item>.ic{flex:none;color:var(--text-3)}
.pg-dashboard .db-att-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px}
.pg-dashboard .db-att-ico--due{background:var(--b-overdue-bg);color:var(--b-overdue-fg)}
.pg-dashboard .db-att-ico--draft{background:var(--b-draft-bg);color:var(--b-draft-fg)}
.pg-dashboard .db-att-ico--info{background:var(--b-info-bg);color:var(--b-info-fg)}
.pg-dashboard .db-att-text{flex:1;min-width:0}
.pg-dashboard .db-att-title{display:block;font-weight:700}
.pg-dashboard .db-att-sub{display:block;margin-top:2px;font-size:var(--fs-xs);color:var(--text-3)}
.pg-dashboard .db-att-ok{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;text-align:center;color:var(--text-2)}
.pg-dashboard .db-att-ok b{color:var(--ink)}
.pg-dashboard .db-att-okico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--b-paid-bg);color:var(--b-paid-fg)}

@media (max-width:1199px){
  .pg-dashboard .db-grid{grid-template-columns:minmax(0,1fr)}
  .pg-dashboard .db-att{order:-1}
}
/* Layar sentuh: "Semua invoice" mudah diketuk (≥ 44px) tanpa menggeser judul */
@media (pointer:coarse){
  .pg-dashboard .db-h-link{min-height:44px;margin-block:-12px}
}