:root { --navy:#0D365B; --gold:#F0B429; --teal:#0196B1; --slate:#526B80; --wash:#E1F3F5; --line:#E3E9EE; --bg:#F8FAFB; }
  html, body { margin: 0; background: var(--bg); }
  body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1f2d3a; }
  .bar { background: var(--navy); color: #fff; }
  .bar .in { max-width: 1460px; margin: 0 auto; padding: 14px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
  .bar .brand { font-weight: 600; font-size: 18px; color: var(--gold); text-decoration: none; }
  .bar .title { font-size: 15px; color: #d8e3ec; }
  .bar nav { margin-left: auto; display: flex; gap: 18px; font-size: 14px; }
  .bar nav a { color: #d8e3ec; text-decoration: none; }
  .bar nav a:hover { color: var(--gold); }
  .note { max-width: 1460px; margin: 16px auto 0; padding: 0 20px; box-sizing: border-box; }
  .note p { margin: 0; padding: 12px 16px; background: var(--wash); border: 1px solid #8BBFC8; border-radius: 10px; font-size: 14px; line-height: 1.5; color: var(--navy); }
  /* Swagger UI, softened to the ThatApp palette */
  .swagger-ui .topbar { display: none; }
  .swagger-ui .info .title { color: var(--navy); }
  .swagger-ui .opblock-tag { color: var(--navy); border-bottom-color: var(--line); }
  .swagger-ui .opblock .opblock-summary-path { color: var(--navy); }
  .swagger-ui .btn.authorize { color: var(--teal); border-color: var(--teal); }
  .swagger-ui .btn.authorize svg { fill: var(--teal); }
  .swagger-ui a.nostyle, .swagger-ui .info a { color: var(--teal); }
  .swagger-ui .filter .operation-filter-input { border-color: var(--line); border-radius: 8px; }