/* DEVELOPERS & API */
.api-key-box {
    background: var(--color-void-100);
    border: 1px dashed var(--color-void-300);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-mono);
}

.api-secret {
    filter: blur(5px);
    transition: filter 0.2s;
    user-select: none;
    cursor: pointer;
}

.api-secret:hover {
    filter: blur(0);
}

.endpoint-card {
    background: var(--color-void-50);
    border: 1px solid var(--color-void-200);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: var(--space-4);
}

.endpoint-header {
    padding: var(--space-3) var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-4);
    background: var(--color-void-100);
    border-bottom: 1px solid var(--color-void-200);
    cursor: pointer;
}

.method-tag {
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: var(--radius-xs);
    font-family: var(--font-mono);
    text-transform: uppercase;
}

.method-get {
    background: rgba(0, 219, 245, 0.1);
    color: var(--color-cyan-500);
    border: 1px solid var(--color-cyan-500);
}

.method-post {
    background: rgba(132, 204, 22, 0.1);
    color: var(--color-lime-500);
    border: 1px solid var(--color-lime-500);
}

.method-delete {
    background: rgba(239, 68, 68, 0.1);
    color: var(--color-error);
    border: 1px solid var(--color-error);
}

.code-block {
    background: #0d0d0d;
    padding: var(--space-4);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-void-400);
    overflow-x: auto;
}

.json-key {
    color: var(--color-cyan-400);
}

.json-string {
    color: var(--color-lime-400);
}

.json-number {
    color: var(--color-magenta-400);
}