/* Legacy tool variables → QIT tokens */
body[data-qit-tool="agsk"] {
  --blue: var(--accent);
  --blue-h: var(--accent);
  --blue-light: var(--accent);
  --blue-soft: var(--accent-soft);
  --green: var(--green);
  --green-soft: var(--green-soft);
  --border: var(--border);
  --border-strong: var(--border);
  --bg: var(--bg);
  --surface: var(--surface);
  --text: var(--text);
  --muted: var(--muted);
  --muted2: var(--muted);
  --radius: var(--radius-sm);
  --shadow: var(--shadow);
  --shadow-lg: var(--shadow-lg);
}

body[data-qit-tool="tz"],
body[data-qit-tool="tz-chat"] {
  --p: var(--accent);
  --p-d: var(--accent);
  --p-l: var(--accent-soft);
  --bg: var(--bg);
  --card: var(--surface);
  --bd: var(--border);
  --tx: var(--text);
  --mut: var(--muted);
  --r: var(--radius-sm);
  --sh: var(--shadow);
}

[data-theme="dark"] body[data-qit-tool="tz"] header.top,
[data-theme="dark"] body[data-qit-tool="tz-chat"] header.top {
  background: linear-gradient(135deg, var(--surface-2), var(--surface));
  border: 1px solid var(--border);
}

[data-theme="dark"] body[data-qit-tool="tz"] .card,
[data-theme="dark"] body[data-qit-tool="tz-chat"] .card,
[data-theme="dark"] body[data-qit-tool="tz"] .side,
[data-theme="dark"] body[data-qit-tool="tz-chat"] .msg.bot .bub {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] body[data-qit-tool="tz"] input,
[data-theme="dark"] body[data-qit-tool="tz"] textarea,
[data-theme="dark"] body[data-qit-tool="tz"] select,
[data-theme="dark"] body[data-qit-tool="tz-chat"] input,
[data-theme="dark"] body[data-qit-tool="tz-chat"] textarea {
  background: var(--surface-2);
  color: var(--text);
  border-color: var(--border);
}

body[data-qit-tool="talents"] {
  --radius: var(--radius-sm);
}

.qit-talents-cta {
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--accent);
  border-radius: 10px;
  background: var(--accent-soft);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.qit-talents-cta:hover {
  background: var(--accent);
  color: #fff;
}

@media (max-width: 720px) {
  .qit-talents-cta {
    padding: 7px 9px;
    white-space: normal;
  }
}