/* Alltoogether brand around Swagger UI (T-407). Brand pink #f62aa0. */
body { margin: 0; background: #ffffff; color: #0a0a0a; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.atg-inner { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.atg-bar { border-bottom: 1px solid #e3e6ea; background: #ffffff; }
.atg-bar .atg-inner { display: flex; align-items: center; gap: 12px; height: 60px; }
.atg-logo { font-weight: 900; font-size: 20px; letter-spacing: -0.01em; }
.atg-logo .too { position: relative; color: #ffffff; z-index: 1; padding: 0 0.28em; }
.atg-logo .too::before { content: ""; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);
  width: 1.9em; height: 1.9em; border-radius: 50%; background: #f62aa0; z-index: -1; }
.atg-product { font-weight: 800; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: #52606d; }
.atg-bar nav { margin-left: auto; display: flex; gap: 18px; font-size: 14px; }
.atg-bar nav a { color: #0a0a0a; text-decoration: none; font-weight: 600; }
.atg-bar nav a:hover { color: #f62aa0; }
.atg-intro { background: #f6f7f9; border-bottom: 1px solid #e3e6ea; padding: 22px 0 18px; }
.atg-intro h1 { font-size: 24px; font-weight: 900; letter-spacing: -0.02em; margin: 0 0 6px; }
.atg-intro p { margin: 0 0 10px; color: #3b4652; }
.atg-intro ol { margin: 0 0 10px; padding-left: 20px; }
.atg-intro li { margin: 0 0 4px; }
.atg-note { font-size: 13px; border-left: 4px solid #ff6701; background: #fff7f1; padding: 8px 12px; border-radius: 0 6px 6px 0; }
/* Swagger UI accents in brand pink. */
.swagger-ui .topbar { display: none; }
.swagger-ui .btn.authorize { color: #f62aa0; border-color: #f62aa0; }
.swagger-ui .btn.authorize svg { fill: #f62aa0; }
.swagger-ui .btn.execute { background-color: #f62aa0; border-color: #f62aa0; }
.swagger-ui .info .title { font-weight: 900; }