body[data-qit-tool="agsk"] {
  background: var(--bg);
  color: var(--text);
}

body[data-qit-tool="agsk"] .agsk-bar {
  position: sticky;
  top: var(--shell-h);
  z-index: 50;
  background: var(--surface);
  border-bottom-color: var(--border);
}

body[data-qit-tool="agsk"] .agsk-title {
  color: var(--text);
}

body[data-qit-tool="agsk"] .agsk-search {
  border-color: var(--border);
  background: var(--surface-2);
}

body[data-qit-tool="agsk"] .agsk-search input {
  color: var(--text);
}

body[data-qit-tool="agsk"] .agsk-search button {
  background: var(--accent);
}

body[data-qit-tool="agsk"] .cart-btn {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

body[data-qit-tool="agsk"] .cart-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
}

body[data-qit-tool="agsk"] .cart-badge {
  background: var(--accent);
  color: #fff;
}

body[data-qit-tool="agsk"] .fbar,
body[data-qit-tool="agsk"] .tbl-card,
body[data-qit-tool="agsk"] .drawer {
  background: var(--surface);
  border-color: var(--border);
}

body[data-qit-tool="agsk"] .state {
  padding: 80px 24px;
}

body[data-qit-tool="agsk"] .state .ico {
  font-size: 48px;
  opacity: .85;
}

body[data-qit-tool="agsk"] thead {
  background: var(--surface-2);
}

body[data-qit-tool="agsk"] tbody tr:hover {
  background: var(--surface-2);
}

body[data-qit-tool="agsk"] tbody tr.in-cart {
  background: var(--accent-soft);
}

body[data-qit-tool="agsk"] .pag {
  background: var(--surface-2);
}

body[data-qit-tool="agsk"] .add-btn.out {
  border-color: var(--accent);
  color: var(--accent);
}

body[data-qit-tool="agsk"] .add-btn.out:hover {
  background: var(--accent-soft);
}

body[data-qit-tool="agsk"] .pag-btn:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
}

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

body[data-qit-tool="agsk"] .tbl-card {
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow);
}
