/* SZL KANCHAY visual + honesty overlay (ATELIER / AYNI).
   Additive. Variables and chrome only. Does not download weights, frames, or
   tensors. Does not add a chat lab, throughput marketing, or a second detector.
   House tokens: void #080c14 · proof #3af4c8 · lattice #5b8dee · gold #d7b96b
   Type: Space Grotesk + JetBrains Mono. Original SZL silhouette. */
:root {
  --void: #080c14 !important;
  --proof: #3af4c8 !important;
  --lattice: #5b8dee !important;
  --gold: #d7b96b !important;
  --ground: #080c14 !important;
  --bg: #080c14 !important;
  --teal: #3af4c8 !important;
  --gold-bright: #e4cf99;
  --gold-dim: #cda64a;
  --gold-line: rgba(215, 185, 107, 0.18);
  --gold-soft: rgba(215, 185, 107, 0.06);
  --teal-soft: rgba(58, 244, 200, 0.10);
  --teal-line: rgba(58, 244, 200, 0.28);
  --kc-bg: #080c14;
  --kc-gold: #d7b96b;
  --kc-teal: #3af4c8;
  --color-a11oy-bg: #080c14;
  --display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

html, body {
  background: #080c14;
  font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
}

#szl-bootguard { background: #080c14 !important; }
#szl-bg-mark {
  background: linear-gradient(135deg, #d7b96b, #3af4c8) !important;
  color: #080c14 !important;
}
#szl-bg-bar {
  background: linear-gradient(90deg, #3af4c8, #d7b96b) !important;
}

.topbar { background: rgba(8, 12, 20, 0.94) !important; }
.brand .mark { color: #080c14 !important; }

#szl-cmd-deck {
  --kc-bg: #080c14;
  --kc-deep: #10151c;
  --kc-gold: #d7b96b;
  --kc-teal: #3af4c8;
  background: #080c14;
  font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
}

.ds-btn--primary { color: #080c14 !important; }
.ds-receipt__check { color: #080c14 !important; }

/* Hide foreign Hub / Pricing / API Keys / SDK nav. */
nav[data-related-restraint],
nav[aria-label="Related surfaces"],
a[href$="/pricing"],
a[href$="/sdk"],
a[href*="api-keys"],
a[href*="api_keys"],
a[href*="/pricing#"],
a[href*="huggingface.co/pricing"] {
  display: none !important;
}

/* Uniform honesty chips — locked vocabulary only. */
.szl-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(58, 244, 200, 0.35);
  background: rgba(58, 244, 200, 0.08);
  color: #3af4c8;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.szl-chip-simulated {
  border-color: rgba(58, 244, 200, 0.45);
  color: #3af4c8;
}
/* Locked visible. Owner may want fully real; ATELIER will not stamp fake operational. */
#szl-kanchay-honesty .szl-chip-simulated {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.szl-chip-roadmap {
  border-color: rgba(91, 141, 238, 0.45);
  background: rgba(91, 141, 238, 0.10);
  color: #5b8dee;
}
.szl-chip-unknown {
  border-color: rgba(215, 185, 107, 0.4);
  background: rgba(215, 185, 107, 0.08);
  color: #d7b96b;
}

#szl-kanchay-honesty {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 1400;
  max-width: min(420px, calc(100vw - 24px));
  padding: 10px 12px;
  border: 1px solid rgba(215, 185, 107, 0.28);
  border-radius: 10px;
  background: rgba(8, 12, 20, 0.94);
  color: #c9d2df;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.55;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
#szl-kanchay-honesty .szl-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
#szl-kanchay-honesty p { margin: 0; }
#szl-kanchay-honesty b { color: #d7b96b; font-weight: 600; }

#szl-ceo-fab {
  border-color: rgba(215, 185, 107, 0.45) !important;
  background: rgba(215, 185, 107, 0.12) !important;
  color: #d7b96b !important;
}
#szl-ceo-fab .dot { background: #3af4c8 !important; }
#szl-ceo { background: rgba(8, 12, 20, 0.96) !important; }
#szl-ceo .szl-pp-tag.proven { color: #3af4c8 !important; }
#szl-ceo .szl-pp-tag.conj { color: #d7b96b !important; }
#szl-ceo-fab:focus-visible { outline-color: #d7b96b !important; }

@media (prefers-reduced-motion: reduce) {
  #szl-kanchay-honesty, .szl-chip { transition: none; }
}
