@import url('https://cdn.jsdelivr.net/npm/swagger-ui-dist@5/swagger-ui.css');
:root { color-scheme: light; --meinlup-orange: #ff6500; --meinlup-ink: #101522; }
html { background: #f6f7f9; }
body { margin: 0; background: radial-gradient(circle at 80% 0, #fff1e8 0, transparent 30rem), #f6f7f9; }
.swagger-ui {
  color: var(--meinlup-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.swagger-ui .topbar {
  padding: 10px 0;
  background: rgba(12, 16, 25, .97);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 12px 35px rgba(16, 21, 34, .14);
}
.swagger-ui .topbar .download-url-wrapper { display: none; }
.swagger-ui .topbar-wrapper .link { max-width: none; }
.swagger-ui .topbar-wrapper .link svg, .swagger-ui .topbar-wrapper .link img { display: none; }
.swagger-ui .topbar-wrapper .link::before {
  content: '';
  display: block;
  width: 140px;
  height: 30px;
  background: url('/brand/logoname.png') left center / contain no-repeat;
}
.swagger-ui .wrapper { max-width: 1180px; padding-inline: 24px; }
.swagger-ui .info { margin: 44px 0 30px; }
.swagger-ui .info .title { color: var(--meinlup-ink); font-size: clamp(2rem, 5vw, 3.25rem); letter-spacing: -.045em; }
.swagger-ui .info .title small { top: -5px; border-radius: 999px; background: #fff0e6; color: #b84300; }
.swagger-ui .info p, .swagger-ui .info li, .swagger-ui .info table { color: #4e586c; }
.swagger-ui .scheme-container {
  margin: 0 0 28px;
  padding: 18px 22px;
  border: 1px solid #e2e5eb;
  border-radius: 16px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 36px rgba(16,21,34,.06);
}
.swagger-ui .opblock-tag { margin-top: 22px; border-bottom-color: #d9dde5; color: var(--meinlup-ink); font-size: 21px; }
.swagger-ui .opblock { overflow: hidden; border-radius: 14px; box-shadow: 0 8px 24px rgba(16,21,34,.05); }
.swagger-ui .opblock .opblock-summary { padding: 7px 10px; }
.swagger-ui .opblock .opblock-summary-method { border-radius: 8px; box-shadow: none; }
.swagger-ui .btn.authorize { border-color: var(--meinlup-orange); color: #c44c00; border-radius: 9px; }
.swagger-ui .btn.authorize svg { fill: var(--meinlup-orange); }
.swagger-ui .btn.execute { border-color: var(--meinlup-orange); background: var(--meinlup-orange); border-radius: 9px; }
.swagger-ui select, .swagger-ui input[type=text], .swagger-ui textarea { border-color: #cfd4de; border-radius: 8px; }
@media (max-width: 600px) { .swagger-ui .wrapper { padding-inline: 14px; } .swagger-ui .info { margin-top: 28px; } }
