/* /docs (app/main.py): Swagger UI in the console's look. Loaded after
   index.css (tokens, fonts, body) and swagger-ui.css; colours come only from
   the index.css tokens. */
.docs-bar {
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
    padding: 14px 24px; border-bottom: 1px solid var(--rule);
    background: var(--side);
}
.docs-bar .docs-title { color: var(--muted); }
.docs-back { margin-left: auto; color: var(--link); text-underline-offset: 4px; }
.docs-main { max-width: 1240px; margin: 0 auto; padding: 0 8px 48px; }

.swagger-ui, .swagger-ui .info .title, .swagger-ui .opblock-tag,
.swagger-ui .btn, .swagger-ui select, .swagger-ui input, .swagger-ui textarea { font-family: var(--font-sans); }
.swagger-ui .info .title { font-weight: 500; }
.swagger-ui code, .swagger-ui pre, .swagger-ui .opblock .opblock-summary-path,
.swagger-ui .parameter__type, .swagger-ui .prop-type, .swagger-ui .model { font-family: var(--font-mono); }
.swagger-ui .topbar { display: none; }

.swagger-ui, .swagger-ui .info .title, .swagger-ui .info p, .swagger-ui .info li, .swagger-ui .info table,
.swagger-ui .opblock-tag, .swagger-ui .opblock-tag small, .swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-description, .swagger-ui .opblock .opblock-section-header h4,
.swagger-ui .opblock-description-wrapper p, .swagger-ui .markdown p, .swagger-ui .markdown li,
.swagger-ui table thead tr td, .swagger-ui table thead tr th, .swagger-ui .parameter__name,
.swagger-ui .parameter__in, .swagger-ui .response-col_status, .swagger-ui .response-col_links,
.swagger-ui .tab li, .swagger-ui label, .swagger-ui .model, .swagger-ui .model-title,
.swagger-ui .models h4, .swagger-ui .servers-title, .swagger-ui .dialog-ux .modal-ux-header h3,
.swagger-ui .dialog-ux .modal-ux-content p, .swagger-ui .dialog-ux .modal-ux-content h4 { color: var(--text); }
.swagger-ui .parameter__type, .swagger-ui .prop-type, .swagger-ui .opblock-tag small,
.swagger-ui .info .title small pre { color: var(--muted); }
.swagger-ui a, .swagger-ui .info a { color: var(--link); }

.swagger-ui .scheme-container { background: var(--surface); box-shadow: none; border-radius: var(--radius); margin-bottom: 20px; }
.swagger-ui .opblock { border-radius: 10px; box-shadow: none; }
.swagger-ui .opblock .opblock-section-header { background: var(--surface); box-shadow: none; }
.swagger-ui .opblock-tag { border-bottom-color: var(--rule); }
.swagger-ui section.models { border-color: var(--rule); border-radius: 10px; }
.swagger-ui section.models .model-container { background: var(--surface); }
.swagger-ui input[type=text], .swagger-ui input[type=password], .swagger-ui input[type=search],
.swagger-ui input[type=email], .swagger-ui select, .swagger-ui textarea {
    background: var(--field); color: var(--text); border: 1px solid var(--field-line);
}
.swagger-ui .btn { color: var(--text); border-color: var(--field-line); background: transparent; box-shadow: none; }
.swagger-ui .dialog-ux .modal-ux { background: var(--raised); border-color: var(--rule); }
.swagger-ui svg:not(:root) { fill: currentColor; }
.swagger-ui :focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
