:root{
  --q-chart-bg: transparent;
  --q-chart-border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  --q-chart-radius: 16px;
  --q-chart-shadow: 0 1px 10px rgba(0,0,0,.04);
}
.q_chart{ position: relative; display: flex; flex-direction: column;
  background: var(--q-chart-bg); border: var(--q-chart-border);
  border-radius: var(--q-chart-radius); box-shadow: var(--q-chart-shadow);
  min-height: 260px; overflow: hidden; }
.q_chart .q_chart-title{ font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 10px 12px 0 12px; opacity:.9; }
.q_chart .q_chart-canvas{ flex: 1 1 auto; width: 100%; height: 100%; min-height: 200px; }
.q_chart-error{ font: 500 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #b30000; padding:12px; }