:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f7f9f8; color: #143c37; }
body { margin: 0; }
.docs-header { max-width: 1380px; margin: 0 auto; padding: 28px 20px 10px; }
.docs-title { display: flex; align-items: center; gap: 16px; }
.brand { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 14px; background: #123e36; color: white; font-size: 28px; font-weight: 800; }
h1 { margin: 0 0 4px; font-size: 25px; letter-spacing: -.5px; }
.docs-title p { margin: 0; color: #57716a; font-size: 14px; }
.docs-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.docs-controls label { font-size: 14px; font-weight: 600; }
select { min-width: 240px; max-width: 100%; padding: 10px 32px 10px 12px; border: 1px solid #c5d4cf; border-radius: 7px; background: white; font: inherit; color: #143c37; }
a { color: #087c6d; font-size: 14px; }
.docs-note { margin: 18px 0 0; padding: 12px 16px; background: #e9f2ef; border-left: 3px solid #128573; border-radius: 4px; color: #365a52; font-size: 14px; line-height: 1.6; }
.swagger-ui .wrapper { max-width: 1420px; }
.swagger-ui .info { margin: 28px 0; }
.swagger-ui .scheme-container { background: white; padding: 18px 0; }
.swagger-ui .info .title { font-size: 26px; }
noscript { display: block; padding: 24px; }
@media (max-width: 540px) { .docs-header { padding: 20px 16px 0; } h1 { font-size: 21px; } .docs-controls { align-items: stretch; flex-direction: column; } }