.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:gray;font-size:2em}.c3-line{stroke-width:1px}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #CCC}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#FFF}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip td.value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:none}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}

/* Dark Mode Overrides for C3 Charts */
.c3 text {
  fill: #cbd5e1 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
}

.c3-axis line, .c3-axis path,
.c3-grid line, .c3-grid path {
  stroke: rgba(255, 255, 255, 0.2) !important;
}

.c3-legend-item text {
  fill: #f8fafc !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.c3-legend-background {
  fill: rgba(15, 23, 42, 0.8) !important;
  stroke: rgba(255, 255, 255, 0.1) !important;
}

.c3-tooltip-container {
  z-index: 1000 !important;
}

.c3-tooltip {
  background-color: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  color: #f8fafc !important;
  backdrop-filter: blur(12px) !important;
  overflow: hidden !important;
}

.c3-tooltip tr {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.c3-tooltip th {
  background-color: rgba(30, 41, 59, 0.9) !important;
  color: #f8fafc !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.c3-tooltip td {
  color: #f8fafc !important;
  background-color: transparent !important;
  border-left: none !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
}

.c3-tooltip td.name {
  color: #cbd5e1 !important;
}

.c3-tooltip td.value {
  font-weight: 700 !important;
  color: #38bdf8 !important;
}

.c3-chart-arcs-title {
  fill: #f8fafc !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.c3-chart-arc text {
  fill: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}

.c3-circle {
  opacity: 0.95 !important;
}

.c3-line {
  stroke-width: 2.5px !important;
}