/* ============================================================================
   docs-gen2.css — brings docs.html up to the wallet Gen-2 design language
   (endpoint cards, colored method badges, lime sidebar rail, code-panel chrome,
   topbar). Scoped to body.docs-body; loaded LAST so it wins. Pure restyle of the
   existing docs-* classes — no markup or docs.js change.
   Pulls the same acid-lime tokens app-dark.css already sets on body.docs-body.
   ============================================================================ */

body.docs-body {
  --acid: #C9F31D; --acid-ink: #0c1000;
  --acid-grad: linear-gradient(150deg,#E3FF62 0%,#C9F31D 52%,#A8D40A 100%);
  --dz-bg: #0a0b0d; --dz-bg-2: #0f1114; --dz-bg-3: #15171a;
  --dz-line: #1f2126; --dz-line-2: #2a2d33;
  --dz-ink: #e8eaed; --dz-ink-2: #b7bcc4; --dz-ink-3: #8b9098; --dz-ink-4: #6a6f77;
  background: var(--dz-bg);
}

/* ── Topbar ────────────────────────────────────────────────────────────── */
body.docs-body .docs-topbar {
  background: rgba(10,11,13,0.72);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  border-bottom: 1px solid var(--dz-line);
}
body.docs-body .docs-brand img { height: 22px; display: block; }
body.docs-body .docs-section-tag { color: var(--dz-ink-4); }
body.docs-body .docs-topbar-search input {
  background: var(--dz-bg-2); border: 1px solid var(--dz-line-2);
  color: var(--dz-ink); border-radius: 10px;
}
body.docs-body .docs-topbar-search input:focus { border-color: rgba(201,243,29,0.55); }
body.docs-body .docs-codetab {
  color: var(--dz-ink-3); border: 1px solid var(--dz-line-2); background: var(--dz-bg-2);
  border-radius: 8px;
}
body.docs-body .docs-codetab.active { background: rgba(201,243,29,0.16); color: var(--acid); border-color: transparent; }
body.docs-body .docs-topbar-link { color: var(--dz-ink-3); }
body.docs-body .docs-topbar-link:hover { color: var(--acid); }

/* ── Sidebar — dark + lime active rail ─────────────────────────────────── */
body.docs-body .docs-sidebar { background: #0c0d10; border-right: 1px solid var(--dz-line); }
body.docs-body .docs-nav-group-label { color: var(--dz-ink-4); letter-spacing: 1.6px; }
body.docs-body .docs-nav-item {
  position: relative; color: var(--dz-ink-3); border-radius: 8px;
}
body.docs-body .docs-nav-item:hover { background: rgba(255,255,255,0.04); color: var(--dz-ink); }
body.docs-body .docs-nav-item.active { background: rgba(201,243,29,0.1); color: var(--acid); }
body.docs-body .docs-nav-item.active::before {
  content: ''; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px;
  border-radius: 2px; background: var(--acid); box-shadow: 0 0 10px rgba(201,243,29,0.55);
}

/* ── Content headings ──────────────────────────────────────────────────── */
body.docs-body .docs-content h1,
body.docs-body .docs-content h2 {
  font-family: 'Anton', sans-serif; font-weight: 400; text-transform: uppercase;
  letter-spacing: 0.02em; color: #f2f2f2;
}
body.docs-body .docs-section-sub { color: var(--acid); letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.72rem; }

/* ── Endpoint cards — gradient panel + hover, colored method badges ─────── */
body.docs-body .docs-endpoint {
  background: linear-gradient(165deg, var(--dz-bg-3), var(--dz-bg-2));
  border: 1px solid var(--dz-line-2);
  border-radius: 14px;
  padding: 18px 20px;
  transition: border-color 160ms;
}
body.docs-body .docs-endpoint:hover { border-color: rgba(201,243,29,0.3); }
body.docs-body .docs-endpoint-head { display: flex; align-items: center; gap: 10px; border: 0; }
body.docs-body .docs-endpoint-path { font-family: 'JetBrains Mono', monospace; color: var(--dz-ink); font-size: 0.9rem; }
body.docs-body .docs-endpoint-anchor { color: var(--dz-ink-4); }
body.docs-body .docs-endpoint-anchor:hover { color: var(--acid); }
body.docs-body .docs-endpoint-desc { color: var(--dz-ink-2); }
body.docs-body .docs-endpoint-meta { color: var(--dz-ink-4); }
body.docs-body .docs-endpoint-meta strong { color: var(--dz-ink-3); }

body.docs-body .docs-method {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-weight: 700; letter-spacing: 0.06em; border-radius: 6px; color: #fff;
}
body.docs-body .docs-method.get    { background: rgba(52,211,153,0.18);  color: #34D399;  border: 1px solid rgba(52,211,153,0.4); }
body.docs-body .docs-method.post   { background: rgba(201,243,29,0.16);  color: #C9F31D;  border: 1px solid rgba(201,243,29,0.4); }
body.docs-body .docs-method.put    { background: rgba(245,179,66,0.16);  color: #F5B342;  border: 1px solid rgba(245,179,66,0.4); }
body.docs-body .docs-method.patch  { background: rgba(139,160,245,0.16); color: #8BA0F5;  border: 1px solid rgba(139,160,245,0.4); }
body.docs-body .docs-method.delete { background: rgba(251,107,107,0.14);  color: #FB6B6B;  border: 1px solid rgba(251,107,107,0.4); }

/* ── Tables ────────────────────────────────────────────────────────────── */
body.docs-body .docs-table { border-collapse: collapse; width: 100%; }
body.docs-body .docs-table th {
  font: 600 10.5px var(--font-ui, sans-serif); letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--dz-ink-4); text-align: left; border-bottom: 1px solid var(--dz-line-2); padding: 9px 10px;
}
body.docs-body .docs-table td { color: var(--dz-ink-2); border-bottom: 1px solid var(--dz-line); padding: 9px 10px; font-size: 0.85rem; }
body.docs-body .req-yes { color: var(--acid); }
body.docs-body .req-no  { color: var(--dz-ink-4); }

/* inline code chips + code blocks */
body.docs-body :is(.docs-endpoint-desc, p, li) code,
body.docs-body .docs-inline-code {
  background: rgba(255,255,255,0.05); border: 1px solid var(--dz-line-2);
  color: #d6f57a; border-radius: 5px; padding: 1px 6px; font-family: 'JetBrains Mono', monospace;
}
body.docs-body .docs-codeblock {
  background: #060708; border: 1px solid var(--dz-line-2); border-radius: 12px;
}
body.docs-body .docs-codeblock .docs-copy:hover { color: var(--acid); }

/* callouts */
body.docs-body .docs-callout { border-radius: 12px; border: 1px solid var(--dz-line-2); background: var(--dz-bg-2); }
body.docs-body .docs-callout.info { border-color: rgba(139,160,245,0.35); background: rgba(139,160,245,0.06); }
body.docs-body .docs-callout.warn { border-color: rgba(245,179,66,0.4); background: rgba(245,179,66,0.07); }

/* download-pdf / dashboard buttons in topbar → acid */
body.docs-body .docs-topbar .docs-btn-primary,
body.docs-body .docs-topbar [class*="download"] { background: var(--acid-grad); color: var(--acid-ink); border: 0; border-radius: 10px; font-weight: 700; }