/* WAZIN — tokens de tema unico das arvores/grafos (WzTree). Importado ANTES do <style> local.
   Regra de ferro: nenhum hex literal em SVG/CSS de arvore — usar estas variaveis. */
:root{
  --wz-bg:#0a0a0b;
  --wz-surface:#141925;
  --wz-surface2:#1b2231;
  --wz-line:#222a39;
  --wz-ink:#e6e9ef;
  --wz-ink2:#9aa3b2;
  --wz-ink3:#5f6b7e;
  --wz-gold:#d4af37;
  --wz-ok:#22c55e;
  --wz-warn:#f59e0b;
  --wz-bad:#ef4444;
  --wz-idle:#5f6b7e;
  --wz-info:#3b82f6;
  --wz-edge:#2a3446;
  --wz-s1:4px; --wz-s2:8px; --wz-s3:12px; --wz-s4:16px; --wz-s5:24px; --wz-s6:32px;
  --wz-row:26px;
  --wz-f1:10.5px; --wz-f2:12px; --wz-f3:13.5px; --wz-f4:16px;
  --wz-mono:'SF Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
/* Container padrao do motor. As telas so precisam de um elemento pra montar. */
.wz-wrap{position:relative;width:100%;background:var(--wz-bg);border:1px solid var(--wz-line);border-radius:12px;overflow:hidden}
.wz-wrap svg{display:block;width:100%;touch-action:none;cursor:grab}
.wz-wrap svg.grabbing{cursor:grabbing}
.wz-node rect{transition:stroke .12s}
.wz-node:hover rect.wz-box{stroke:var(--wz-gold)}
.wz-bar{position:absolute;left:10px;top:8px;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--wz-ink3);pointer-events:none;z-index:2}
.wz-ctrls{position:absolute;right:10px;top:8px;display:flex;gap:6px;z-index:2}
.wz-ctrls button{width:26px;height:26px;border-radius:7px;border:1px solid var(--wz-line);background:var(--wz-surface);color:var(--wz-ink2);font-size:13px;cursor:pointer;line-height:1}
.wz-ctrls button:hover{border-color:var(--wz-gold);color:var(--wz-ink)}
.wz-detail{border-top:1px solid var(--wz-line);padding:11px 14px;background:var(--wz-bg);font-size:13px;color:var(--wz-ink2);line-height:1.5;max-height:200px;overflow:auto}
.wz-detail b{color:var(--wz-ink)}
/* Fallback lista indentada (arvores gigantes / mobile) */
.wz-list{padding:6px 8px;max-height:62vh;overflow:auto}
.wz-li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--wz-ink)}
.wz-li:hover{background:var(--wz-surface)}
.wz-li .wz-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.wz-li .wz-badge{margin-left:auto;font-family:var(--wz-mono);font-size:10.5px;color:var(--wz-ink3);flex-shrink:0}
.wz-li .wz-caret{width:14px;text-align:center;color:var(--wz-ink3);flex-shrink:0}