/* ZexosPay — documentação pública da API (mesma linguagem da home e do painel) */
:root {
    --zx-lime: #c6ff1a;
    --zx-ink: #f2f2ee;
    --zx-ink-2: #c9c9c2;
    --zx-muted: #8f8f88;
    --zx-line: rgba(255, 255, 255, 0.08);
    --zx-line-2: rgba(255, 255, 255, 0.14);
    --zx-surface: #131313;
    --zx-brush: polygon(1.5% 8%, 7% 0, 30% 5%, 58% 0, 86% 4%, 99% 0, 100% 46%, 98% 100%, 72% 95%, 44% 100%, 16% 96%, 0 100%, 1% 54%);
}
body.api-docs-body {
    background: #0b0b0b !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    color: var(--zx-ink-2);
    font-family: 'Archivo', system-ui, sans-serif !important;
}
body.api-docs-body :is(h1, h2, h3, .section-header h2, .card-title, .endpoint-heading h2) {
    font-family: 'Anton', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: var(--zx-ink) !important;
}
body.api-docs-body :is(code, pre, .method-badge, .endpoint-card__url, .endpoint-heading__method, .api-step-card__number) { font-family: 'JetBrains Mono', ui-monospace, monospace !important; }

/* barra do topo */
body.api-docs-body .api-navbar {
    background: rgba(11, 11, 11, 0.9) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--zx-line) !important;
    box-shadow: none !important;
}
body.api-docs-body .zx-docs-logo { width: 150px; height: auto; display: block; }
body.api-docs-body .zx-docs-sub {
    margin-left: 14px;
    padding-left: 14px;
    border-left: 1px solid var(--zx-line-2);
    font: 500 11px/1 'JetBrains Mono', monospace !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--zx-muted) !important;
}

/* botões */
body.api-docs-body .btn-primary {
    background: var(--zx-lime) !important;
    color: #0b0b0b !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: var(--zx-brush);
    font-family: 'Anton', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    box-shadow: none !important;
}
body.api-docs-body .btn-primary * { color: #0b0b0b !important; }
body.api-docs-body .btn-primary:hover { background: #d6ff5c !important; }
body.api-docs-body :is(.btn-outline-primary, .btn-light, .btn-outline-light, .btn-secondary) {
    background: transparent !important;
    color: var(--zx-ink) !important;
    border: 1px solid var(--zx-line-2) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
body.api-docs-body :is(.btn-outline-primary, .btn-light, .btn-outline-light, .btn-secondary):hover { color: var(--zx-lime) !important; border-color: var(--zx-lime) !important; }

/* menu lateral */
body.api-docs-body .sidebar-link { border-radius: 0 !important; color: var(--zx-ink-2) !important; }
body.api-docs-body .sidebar-link:hover { color: var(--zx-ink) !important; background: rgba(255, 255, 255, 0.03) !important; }
body.api-docs-body .sidebar-link.active { color: var(--zx-lime) !important; background: linear-gradient(90deg, rgba(198, 255, 26, 0.1), transparent 70%) !important; box-shadow: inset 3px 0 0 var(--zx-lime) !important; }
body.api-docs-body .sidebar-link :is(i, svg) { color: inherit !important; }
body.api-docs-body .nav-section-title { font: 500 11px/1 'JetBrains Mono', monospace !important; letter-spacing: 0.12em; color: var(--zx-muted) !important; }

/* cartões e blocos */
body.api-docs-body :is(.card, .api-feature-card, .api-step-card, .endpoint-card, .api-control-card, .api-security-card) {
    background: var(--zx-surface) !important;
    background-image: linear-gradient(var(--zx-lime), var(--zx-lime)), linear-gradient(var(--zx-lime), var(--zx-lime)) !important;
    background-size: 14px 2px, 2px 14px !important;
    background-position: -1px -1px, -1px -1px !important;
    background-repeat: no-repeat !important;
    border: 1px solid var(--zx-line) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
body.api-docs-body .card .card { background-image: none !important; }
body.api-docs-body .card-header { background: transparent !important; border-bottom: 1px solid var(--zx-line) !important; }
body.api-docs-body [class*="api-feature-card__icon"] { background: #1a1a1a !important; color: var(--zx-lime) !important; border: 1px solid var(--zx-line) !important; border-radius: 3px !important; }
body.api-docs-body .api-step-card__number { background: var(--zx-lime) !important; color: #0b0b0b !important; border-radius: 2px !important; }

/* métodos */
body.api-docs-body .method-badge { border-radius: 2px !important; font-weight: 600 !important; letter-spacing: 0.06em; }
body.api-docs-body .method-post { background: var(--zx-lime) !important; color: #0b0b0b !important; }
body.api-docs-body .method-get { background: transparent !important; color: var(--zx-lime) !important; box-shadow: inset 0 0 0 1px rgba(198, 255, 26, 0.5) !important; }

/* avisos e tabelas */
body.api-docs-body :is(.api-alert, .api-alert-modern) { border-radius: 2px !important; background: #121212 !important; border: 1px solid var(--zx-line-2) !important; border-left: 3px solid var(--zx-lime) !important; color: var(--zx-ink-2) !important; }
body.api-docs-body .api-alert-warning { border-left-color: #ffb020 !important; }
body.api-docs-body .api-table { --bs-table-bg: transparent; color: var(--zx-ink-2) !important; }
body.api-docs-body .api-table :is(th) { font: 500 11px/1.3 'JetBrains Mono', monospace !important; text-transform: uppercase; letter-spacing: 0.1em; color: var(--zx-muted) !important; }
body.api-docs-body .api-table > :not(caption) > * > * { border-bottom-color: var(--zx-line) !important; }
body.api-docs-body pre { border-radius: 4px !important; border: 1px solid var(--zx-line) !important; background: #0f0f0f !important; }
body.api-docs-body .nav-tabs .nav-link { border-radius: 2px !important; color: var(--zx-muted) !important; }
body.api-docs-body .nav-tabs .nav-link.active { background: var(--zx-lime) !important; color: #0b0b0b !important; border-color: var(--zx-lime) !important; }
body.api-docs-body .scroll-top-btn { background: var(--zx-lime) !important; color: #0b0b0b !important; border-radius: 2px !important; }
body.api-docs-body :is(.form-control, .form-select) { background: #0f0f0f !important; border: 1px solid var(--zx-line-2) !important; color: var(--zx-ink) !important; border-radius: 4px !important; }
body.api-docs-body :is(.form-control, .form-select):focus { border-color: var(--zx-lime) !important; box-shadow: 0 0 0 3px rgba(198, 255, 26, 0.12) !important; }
body.api-docs-body .api-navbar > [class*="container"] { flex-wrap: nowrap !important; }
@media (max-width: 575.98px) {
    body.api-docs-body .zx-docs-logo { width: 116px; }
    body.api-docs-body .zx-docs-sub { display: none !important; }
    body.api-docs-body .api-navbar .btn { padding: 8px 12px !important; }
}
body.api-docs-body :not(pre) > code { color: var(--zx-lime) !important; background: #161616 !important; border: 1px solid var(--zx-line); border-radius: 2px; }
