/* swagger.allowid.eu — the brand header around Swagger UI.
   Swagger UI is drawn for a light ground and has no dark theme, so the
   reference sits on a white panel in both schemes; only the header follows
   the reader's scheme. Tokens from brand.css, never raw hex (BRAND.md). */

body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); }

.top {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .75rem 1.5rem; padding: .9rem 1rem; max-width: 1460px; margin: 0 auto;
}
.brandmark { display: flex; align-items: center; gap: .55rem; text-decoration: none; color: var(--ink); }
.brandmark img { width: 30px; height: 30px; }
.surface-name { color: var(--ink-muted); font-weight: 500; }
.top nav { display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; }
.top nav a { color: var(--ink-muted); text-decoration: none; font-weight: 500; padding: .2rem 0; }
.top nav a:hover, .top nav a[aria-current="page"] { color: var(--accent-text); }
.top nav a[aria-current="page"] { border-bottom: 2px solid currentColor; }
.ver { font-size: .78em; color: var(--ink-faint); font-weight: 400; }

main { max-width: 1460px; margin: 0 auto; padding: 0 1rem 3rem; }
.intro {
  background: var(--surface); border: 1px solid var(--line); border-radius: 10px;
  padding: .2rem 1.1rem; margin: 1rem 0; line-height: 1.55;
}
.intro code { font-size: .92em; }

#swagger { background: var(--brand-white); color: var(--brand-navy); border-radius: 10px; border: 1px solid var(--line); overflow: hidden; }
#swagger .swagger-ui .wrapper { max-width: none; padding: 0 1.2rem; }
#swagger .swagger-ui .info { margin: 1.4rem 0; }
#swagger .swagger-ui .info .title { font-family: inherit; }
#swagger .swagger-ui .btn.authorize { border-color: var(--brand-blue); color: var(--brand-blue); }
#swagger .swagger-ui .btn.authorize svg { fill: var(--brand-blue); }
#swagger .swagger-ui .opblock-tag { font-family: inherit; }

@media (max-width: 640px) {
  .top { padding: .7rem 1rem; }
  main { padding: 0 .5rem 2rem; }
  #swagger .swagger-ui .wrapper { padding: 0 .5rem; }
}