body[data-qit-tool="tz"],
body[data-qit-tool="tz-chat"] {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

body[data-qit-tool="tz"] header.top,
body[data-qit-tool="tz-chat"] header.top {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: var(--sh);
}

body[data-qit-tool="tz-chat"] header.top .logo {
  background: var(--accent-soft);
  color: var(--accent);
}

body[data-qit-tool="tz-chat"] header.top button {
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--border);
}

body[data-qit-tool="tz-chat"] header.top button:hover {
  border-color: var(--accent);
  color: var(--accent);
}

body[data-qit-tool="tz-chat"] .wrap {
  height: calc(100dvh - var(--shell-h));
  max-height: calc(100dvh - var(--shell-h));
}

body[data-qit-tool="tz"] .opt,
body[data-qit-tool="tz"] .srow,
body[data-qit-tool="tz-chat"] .chip {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

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

body[data-qit-tool="tz-chat"] .msg.user .bub {
  background: var(--accent);
}

body[data-qit-tool="tz-chat"] .modal {
  background: var(--surface);
  color: var(--text);
}