/* กราฟสรุปการเบิกจ่าย (bar_new.php, prov_graph.php) */
.g69 { font-family: Tahoma, "Leelawadee UI", sans-serif; color: #333; }
.g69 * { box-sizing: border-box; }

.g69-kpis { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px 0; }
.g69-kpi {
    flex: 1 1 120px; min-width: 0; background: #fff; border: 1px solid #dde3e8; border-radius: 8px;
    padding: 10px 8px; text-align: center;
}
.g69-kpi-label { font-size: 12px; color: #666; }
.g69-kpi-value { font-size: 17px; font-weight: bold; margin: 4px 0 0 0; white-space: nowrap; }
.g69-kpi-unit { font-size: 11px; color: #888; }
.g69-paid { color: #2e7d32; }
.g69-bad { color: #c62828; }

.g69-card {
    background: #fff; border: 1px solid #dde3e8; border-radius: 8px;
    padding: 12px 14px; margin: 0 0 16px 0;
}
.g69-title { font-size: 15px; font-weight: bold; margin: 0 0 2px 0; }
.g69-note { font-size: 12px; color: #777; margin: 0 0 8px 0; }
.g69-box { position: relative; width: 100%; height: 340px; }
.g69-box-pie { height: 340px; }
.g69-empty { color: #c62828; margin: 12px 0; }

.g69-legend { font-size: 12px; color: #555; margin: 0 0 6px 0; }
.g69-dot { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin: 0 4px 0 10px; vertical-align: -1px; }
.g69-foot { font-size: 11px; color: #999; text-align: right; }