/* QuotaTrendChart (wc-data-display-quota-trend-chart) — 额度趋势折线图
   主题：--dt-* 变量 + 内联暗色兜底（dark-cyber 默认；宿主覆盖变量即得 standard-modern） */
.qt-scope {
  font-family: var(--dt-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  background: var(--dt-bg-surface, #0f172a);
  border: 1px solid var(--dt-border-subtle, rgba(255, 255, 255, 0.08));
  border-radius: var(--dt-radius-lg, 12px);
  padding: 16px;
  color: var(--dt-text-primary, #f8fafc);
  box-shadow: var(--dt-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.3));
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.qt-scope * { box-sizing: border-box; }
.qt-scope [hidden] { display: none !important; } /* 防止组件 display 规则覆盖 hidden 的 UA 样式 */

.qt-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.qt-title { font-size: 13px; font-weight: 600; color: var(--dt-text-secondary, #94a3b8); }
.qt-sub { font-size: 11px; color: var(--dt-text-muted, #64748b); font-family: var(--dt-font-mono, ui-monospace, Menlo, monospace); }

.qt-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.qt-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--dt-text-secondary, #94a3b8);
  cursor: pointer;
  user-select: none;
  padding: 1px 0;
  border-bottom: 1px dashed transparent;
}
.qt-legend-item:hover { border-bottom-color: var(--dt-border-default, rgba(255, 255, 255, 0.14)); }
.qt-legend-item.is-off { opacity: 0.35; text-decoration: line-through; }
.qt-legend-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

.qt-chart { position: relative; width: 100%; }
.qt-chart svg { display: block; width: 100%; }

.qt-axis-text {
  font-family: var(--dt-font-mono, ui-monospace, Menlo, monospace);
  font-size: 10px;
  fill: var(--dt-text-muted, #64748b);
}
.qt-grid-line { stroke: var(--dt-border-subtle, rgba(255, 255, 255, 0.08)); stroke-width: 1; }
.qt-series-line { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.qt-series-dot { stroke-width: 0; }

.qt-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--dt-text-muted, #64748b);
}