/* กราฟหน้า Workload — โทนน้ำเงิน(โครงการ)/น้ำตาล(งานแก้ปัญหา) ผ่านการตรวจ CVD แล้ว */
:root {
  --chart-project: #4f46e5;   /* โครงการ (indigo) */
  --chart-ticket:  #b45309;   /* งานแก้ปัญหา (brown TRR) */
  --chart-other:   #64748b;   /* งานประจำวัน (slate = หมวด "อื่น ๆ") */
  --chart-capacity: #94a3b8;  /* เส้น capacity */
  --chart-plan:    #c7d2fe;   /* ชั่วโมงที่วางแผน (indigo จาง) */
  --chart-over:    #b91c1c;   /* เกิน capacity */
  --chart-grid:    #eef2f6;
}

.chart-legend { display: flex; gap: 1rem; flex-wrap: wrap; font-size: .82rem; color: var(--bi-ink-soft); margin-bottom: .4rem; }
.chart-legend span { display: inline-flex; align-items: center; gap: .35rem; }
.chart-swatch { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }

.chart-svg { width: 100%; height: auto; display: block; font-family: var(--bi-font); overflow: visible; }
.chart-row-label { font-size: 12px; fill: var(--bi-ink); }
.chart-val { font-size: 11px; fill: var(--bi-ink-soft); font-family: var(--bi-font-num); }
.chart-axis { font-size: 10px; fill: var(--bi-ink-faint); font-family: var(--bi-font-num); }
.chart-bar { transition: opacity .15s; }
.chart-bar:hover { opacity: .82; cursor: default; }

.chart-tip {
  position: fixed; z-index: 95; pointer-events: none;
  background: #0f172a; color: #fff; padding: .4rem .6rem; border-radius: 7px;
  font-size: .8rem; box-shadow: 0 6px 20px rgba(15,23,42,.3); max-width: 260px;
}
.chart-tip b { font-weight: 600; }
.chart-tip .bi-num { font-family: var(--bi-font-num); }