@import "../base/_variables.css";.api-docs-container{display:grid;gap:var(--space-xl);grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:var(--space-xl) var(--space-md)}.api-nav{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);max-height:calc(100vh - 3rem);overflow-x:hidden;overflow-y:auto;padding:var(--space-lg);position:sticky;top:1.5rem}.api-nav h3{color:var(--brand-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-md) 0}.api-nav ul{list-style:none;margin:0;padding:0}.api-nav li{margin-bottom:var(--space-xs)}.api-nav a{border-radius:var(--radius-md);color:var(--brand-text-primary);display:block;font-size:.9rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.api-nav a:hover{background:var(--brand-primary);color:var(--brand-text-on-primary)}.api-main-content{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.api-docs{font-family:var(--font-mono)}.api-header{border-bottom:2px solid var(--brand-border);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);text-align:left}.api-title{color:var(--brand-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md)}.api-subtitle{color:var(--brand-text-secondary);font-size:1.125rem;line-height:1.6;max-width:800px}.api-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);min-width:0;padding:var(--space-xl);width:100%}.api-section h2{border-bottom:1px solid var(--brand-border);color:var(--brand-primary);font-size:1.75rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.api-section h3{color:var(--brand-primary);font-size:1.25rem;margin:var(--space-lg) 0 var(--space-md) 0}.endpoint-card{background:var(--brand-background);border:1px solid var(--brand-border);border-radius:var(--radius-md);margin:var(--space-lg) 0;min-width:0;padding:var(--space-lg);width:100%}.schema-container{padding:var(--space-lg)}.code-block,.schema-container{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);margin:var(--space-md) 0;min-width:0;width:100%}.code-block{overflow:hidden}.code-block-header{align-items:center;background:var(--brand-background);border-bottom:1px solid var(--brand-border);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.code-language{color:var(--brand-text-secondary);font-size:.875rem;font-weight:600}.copy-button{background:var(--brand-primary);border:none;border-radius:var(--radius-sm);color:var(--brand-text-on-primary);cursor:pointer;font-size:.75rem;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-base)}.copy-button:hover{background:var(--brand-primary-hover)}.response-example{background:var(--brand-background);border:1px solid var(--brand-border);border-radius:var(--radius-md);margin:var(--space-md) 0;min-width:0;padding:var(--space-lg);width:100%}.response-status{border-radius:var(--radius-sm);display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-sm)}.status-200{background:#dcfce7;color:#166534}.tab-container{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);margin:var(--space-md) 0;min-width:0;overflow:hidden;width:100%}.tab-buttons{background:var(--brand-background);border-bottom:1px solid var(--brand-border);display:flex;flex-wrap:wrap}.tab-button{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;flex:1;min-width:120px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.tab-button.active,.tab-button:hover{background:var(--brand-surface)}.tab-button.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary)}.tab-content{display:none;padding:var(--space-lg)}.tab-content.active{display:block}@media (max-width:1200px){.api-docs-container{gap:var(--space-lg);grid-template-columns:260px 1fr}}@media (max-width:1024px){.api-docs-container{gap:var(--space-lg);grid-template-columns:1fr;padding:var(--space-lg) var(--space-sm)}.api-sidebar{order:-1}.api-nav{margin-bottom:var(--space-lg);max-height:300px;position:static}}@media (max-width:768px){.api-title{font-size:2rem}.api-section{padding:var(--space-lg)}.tab-buttons{flex-direction:column}.tab-button{flex:none;text-align:left}.api-nav{max-height:200px}}@media (max-width:480px){.api-docs-container{padding:var(--space-md) var(--space-xs)}.code-block,.endpoint-card,.response-example,.schema-container{padding:var(--space-md)}}.api-endpoint{background:var(--brand-background);border:1px solid var(--brand-border);border-radius:var(--radius-md);margin:var(--space-lg) 0;padding:var(--space-lg)}.api-method{border-radius:var(--radius-sm);display:inline-block;font-size:.875rem;font-weight:600;margin-right:var(--space-md);padding:var(--space-xs) var(--space-sm)}.api-method.get{background:#10b981;color:#fff}.api-method.post{background:#3b82f6;color:#fff}.api-url{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-sm);display:inline-block;margin-left:var(--space-sm);padding:var(--space-sm) var(--space-md)}.api-code,.api-url{font-family:var(--font-mono)}.api-code{background:#1f2937;border-radius:var(--radius-md);color:#f9fafb;font-size:.875rem;overflow-x:auto;padding:var(--space-lg)}.api-code,.api-table{margin:var(--space-md) 0}.api-table{border-collapse:collapse;width:100%}.api-table td,.api-table th{border-bottom:1px solid var(--brand-border);padding:var(--space-sm) var(--space-md);text-align:left}.api-table th{color:var(--brand-primary);font-weight:600}.api-table code,.api-table th{background:var(--brand-background)}.api-table code{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;padding:var(--space-xs) var(--space-sm)}.api-response{background:var(--brand-background);border:1px solid var(--brand-border);border-radius:var(--radius-md);margin:var(--space-md) 0;padding:var(--space-lg)}.api-response h4{color:var(--brand-primary);margin:0 0 var(--space-md) 0}