/**
 * @file workers/web/src/styles/api-docs.css
 * @description LegalCloud Web — tema corporativo de Swagger UI (colores, tipografía, modo oscuro).
 * Se carga después de `swagger-ui.css` solo en /<lang>/docs/api.
 */

.swagger-ui, .swagger-ui .opblock-tag, .swagger-ui .opblock .opblock-summary-description, .swagger-ui table thead tr td,
.swagger-ui table thead tr th, .swagger-ui .parameter__name, .swagger-ui .tab li, .swagger-ui .response-col_status,
.swagger-ui .btn, .swagger-ui select, .swagger-ui label, .swagger-ui .info .title, .swagger-ui .model-title {
  font-family: var(--font);
}
.swagger-ui .topbar { display: none; }
.swagger-ui .wrapper { padding: 0; max-width: none; }
.swagger-ui .info { margin: 0 0 28px; }
.swagger-ui .info .title { color: var(--text); font-weight: 800; }
.swagger-ui .info p, .swagger-ui .info li, .swagger-ui .info table, .swagger-ui .renderedMarkdown p { color: var(--text-muted); font-size: 15px; line-height: 1.7; }
.swagger-ui .info a, .swagger-ui a.nostyle { color: var(--blue); }
.swagger-ui .scheme-container { background: var(--brand-tint); box-shadow: none; border: 1px solid var(--blue-border); border-radius: 16px; padding: 16px 20px; margin: 0 0 24px; }
.swagger-ui .servers > label select { border-radius: 10px; border: 1px solid var(--border-strong); min-width: 280px; }

.swagger-ui .opblock-tag { color: var(--text); font-size: 20px; font-weight: 800; border-bottom: 1px solid var(--border); }
.swagger-ui .opblock-tag:hover { background: var(--brand-tint); }
.swagger-ui .opblock { border-radius: 14px; margin: 0 0 12px; box-shadow: var(--soft-shadow); overflow: hidden; }
.swagger-ui .opblock .opblock-summary-path, .swagger-ui .opblock .opblock-summary-path__deprecated { font-family: var(--font-mono); font-size: 14px; color: var(--text); }
.swagger-ui .opblock .opblock-summary-description { color: var(--text-muted); }
.swagger-ui .opblock .opblock-section-header { background: var(--brand-tint); box-shadow: none; }
.swagger-ui .opblock .opblock-section-header h4, .swagger-ui .opblock-description-wrapper p, .swagger-ui .opblock-external-docs-wrapper p,
.swagger-ui .opblock-title_normal p, .swagger-ui .response-col_description, .swagger-ui table.parameters td, .swagger-ui .parameter__type,
.swagger-ui .tab li, .swagger-ui .responses-inner h4, .swagger-ui .responses-inner h5, .swagger-ui .model, .swagger-ui section.models h4 { color: var(--text); }
.swagger-ui .opblock.opblock-get { background: rgba(28, 61, 134, 0.05); border-color: var(--blue); }
.swagger-ui .opblock.opblock-get .opblock-summary-method { background: var(--blue); }
.swagger-ui .opblock.opblock-get .opblock-summary { border-color: var(--blue); }
.swagger-ui .opblock.opblock-post { background: rgba(40, 167, 69, 0.06); border-color: var(--green); }
.swagger-ui .opblock.opblock-post .opblock-summary-method { background: var(--green); }
.swagger-ui .opblock.opblock-post .opblock-summary { border-color: var(--green); }
.swagger-ui .opblock .opblock-summary-method { border-radius: 8px; font-family: var(--font); min-width: 72px; }

.swagger-ui .btn { border-radius: 10px; box-shadow: none; font-weight: 700; }
.swagger-ui .btn.execute { background: var(--green); border-color: var(--green); color: #fff; }
.swagger-ui .btn.execute:hover { background: var(--green-hover); }
.swagger-ui .btn.authorize { color: var(--blue); border-color: var(--blue); }
.swagger-ui .btn.authorize svg { fill: var(--blue); }
.swagger-ui .btn.cancel { color: var(--red); border-color: var(--red); }
.swagger-ui input[type=text], .swagger-ui input[type=password], .swagger-ui textarea, .swagger-ui select { border-radius: 10px; border: 1px solid var(--border-strong); background: var(--bg-card); color: var(--text); }
.swagger-ui .highlight-code > .microlight, .swagger-ui .microlight { border-radius: 12px; }
.swagger-ui .model-box, .swagger-ui section.models { border-radius: 14px; border-color: var(--border); }
.swagger-ui section.models h4 { font-weight: 700; }

[data-theme="dark"] .swagger-ui .opblock .opblock-section-header,
[data-theme="dark"] .swagger-ui .scheme-container { background: rgba(255, 255, 255, 0.04); }
[data-theme="dark"] .swagger-ui .opblock.opblock-get { background: rgba(128, 220, 255, 0.07); border-color: var(--blue-light); }
[data-theme="dark"] .swagger-ui .opblock.opblock-get .opblock-summary-method { background: #2a6fb8; }
[data-theme="dark"] .swagger-ui .opblock.opblock-post { background: rgba(40, 167, 69, 0.1); }
[data-theme="dark"] .swagger-ui .opblock-tag,
[data-theme="dark"] .swagger-ui .info .title,
[data-theme="dark"] .swagger-ui .opblock .opblock-summary-path,
[data-theme="dark"] .swagger-ui .opblock-description-wrapper p,
[data-theme="dark"] .swagger-ui table thead tr th,
[data-theme="dark"] .swagger-ui table thead tr td,
[data-theme="dark"] .swagger-ui .model-title,
[data-theme="dark"] .swagger-ui .model,
[data-theme="dark"] .swagger-ui .parameter__name,
[data-theme="dark"] .swagger-ui label { color: var(--text); }
[data-theme="dark"] .swagger-ui .info a { color: var(--blue-light); }
[data-theme="dark"] .swagger-ui .model-box,
[data-theme="dark"] .swagger-ui section.models { background: transparent; }
[data-theme="dark"] .swagger-ui .btn.authorize svg { fill: var(--blue-light); }
[data-theme="dark"] .swagger-ui .btn.authorize { color: var(--blue-light); border-color: var(--blue-light); }

.swagger-ui .info .title small { margin-left: 10px; padding: 3px 12px; background: var(--blue); border-radius: var(--radius-full); vertical-align: middle; top: -4px; }
.swagger-ui .info .title small pre { margin: 0; color: #fff; font-family: var(--font); font-size: 12px; font-weight: 700; }
.swagger-ui .info .title small.version-stamp { background: var(--green); }
.swagger-ui .markdown code, .swagger-ui .renderedMarkdown code { color: var(--blue); background: var(--blue-lighter); border-radius: 6px; padding: 2px 6px; font-family: var(--font-mono); font-size: 0.88em; }
[data-theme="dark"] .swagger-ui .markdown code, [data-theme="dark"] .swagger-ui .renderedMarkdown code { color: var(--blue-light); }
.swagger-ui .markdown p, .swagger-ui .renderedMarkdown p { margin: 0 0 6px; }

.api-docs-root { --text-muted: #334155; }
[data-theme="dark"] .api-docs-root { --text-muted: #94a3b8; }
.swagger-ui .opblock.opblock-put { background: rgba(180, 83, 9, 0.06); border-color: #b45309; }
.swagger-ui .opblock.opblock-put .opblock-summary-method { background: #b45309; }
.swagger-ui .opblock.opblock-put .opblock-summary { border-color: #b45309; }
.swagger-ui .opblock.opblock-patch { background: rgba(15, 118, 110, 0.06); border-color: #0f766e; }
.swagger-ui .opblock.opblock-patch .opblock-summary-method { background: #0f766e; }
.swagger-ui .opblock.opblock-patch .opblock-summary { border-color: #0f766e; }
.swagger-ui .opblock.opblock-delete { background: rgba(198, 40, 40, 0.06); border-color: #c62828; }
.swagger-ui .opblock.opblock-delete .opblock-summary-method { background: #c62828; }
.swagger-ui .opblock.opblock-delete .opblock-summary { border-color: #c62828; }
.swagger-ui .opblock.opblock-post .opblock-summary-method, .swagger-ui .btn.execute { background: #1e7e34; border-color: #1e7e34; }
.swagger-ui .opblock-summary-method { color: #fff; text-shadow: none; }
.swagger-ui a.nostyle, .swagger-ui a.nostyle span { color: var(--text); }
[data-theme="dark"] .swagger-ui a.nostyle, [data-theme="dark"] .swagger-ui a.nostyle span,
[data-theme="dark"] .swagger-ui .servers-title, [data-theme="dark"] .swagger-ui .servers > label { color: var(--text); }