.apidoc-standalone { background: var(--bg); min-height: 100vh; }
.apidoc-content { max-width: 900px; }
.apidoc-hero { margin-bottom: 32px; padding: 32px; background: linear-gradient(135deg, var(--bg2), var(--bg3)); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.apidoc-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; background: var(--primary-glow); border: 1px solid rgba(91,94,244,0.3); border-radius: 20px; font-size: 0.78rem; font-weight: 700; color: var(--primary); margin-bottom: 16px; }
.apidoc-title { font-size: 2rem; font-weight: 900; margin-bottom: 10px; letter-spacing: -0.02em; }
.apidoc-sub { color: var(--text2); font-size: 0.95rem; line-height: 1.6; }
.apidoc-meta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.meta-badge { padding: 5px 12px; background: var(--bg4); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 0.82rem; }
.endpoint-badge { font-family: monospace; color: var(--primary); background: var(--primary-glow); border-color: rgba(91,94,244,0.3); }

.apidoc-nav { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 24px; padding: 12px; background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius); }
.doc-nav-item { padding: 6px 14px; border-radius: var(--radius-sm); font-size: 0.82rem; font-weight: 600; color: var(--text2); background: var(--bg3); transition: var(--transition); }
.doc-nav-item:hover { background: var(--primary-glow); color: var(--primary); }

.apidoc-sections { display: flex; flex-direction: column; gap: 20px; }
.doc-section { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; }
.doc-section-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 12px; letter-spacing: -0.01em; }
.doc-desc { color: var(--text2); font-size: 0.9rem; margin-bottom: 16px; line-height: 1.6; }

.param-table-wrap { overflow-x: auto; border-radius: var(--radius); margin-bottom: 16px; }
.param-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.param-table th { background: var(--bg3); padding: 10px 14px; text-align: left; font-size: 0.75rem; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--border); }
.param-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); }
.param-table tr:last-child td { border-bottom: none; }
.param-table tr:hover td { background: rgba(255,255,255,0.02); }

.code-block-wrap { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; margin-bottom: 16px; }
.code-block-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: var(--bg4); border-bottom: 1px solid var(--border); font-size: 0.78rem; color: var(--text3); font-weight: 600; }
.copy-btn { padding: 3px 10px; border-radius: var(--radius-sm); background: var(--bg3); border: 1px solid var(--border); color: var(--text3); font-size: 0.72rem; cursor: pointer; transition: var(--transition); }
.copy-btn:hover { color: var(--primary); border-color: var(--primary); }
.code-block { padding: 16px; background: var(--bg); font-family: 'Courier New', monospace; font-size: 0.82rem; color: var(--text); overflow-x: auto; line-height: 1.6; white-space: pre; }

.doc-alert { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--orange-bg); border: 1px solid rgba(245,158,11,0.3); border-radius: var(--radius); color: var(--orange); font-size: 0.85rem; }
.doc-note { padding: 12px 14px; background: var(--blue-bg); border: 1px solid rgba(59,130,246,0.25); border-radius: var(--radius); margin-bottom: 16px; }
.doc-note strong { color: var(--blue); font-size: 0.85rem; }
.doc-note ul { margin-top: 6px; display: flex; flex-direction: column; gap: 4px; padding-left: 12px; }
.doc-note ul li { font-size: 0.82rem; color: var(--text2); list-style: disc; }

.status-legend { margin-top: 16px; }
.status-legend h4 { font-size: 0.85rem; font-weight: 700; margin-bottom: 10px; color: var(--text2); }
.status-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.status-item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: var(--text2); }

.tryit-form { display: flex; flex-direction: column; gap: 14px; }
.try-result { margin-top: 12px; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }