/* fourDev · Swagger UI brand — CRM */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500&display=swap");

:root {
  --fd-navy: #0a1a2f;
  --fd-navy2: #122842;
  --fd-cyan: #5fc4f7;
  --fd-dim: #9bb0c9;
  --fd-bg: #f4f7fb;
  --fd-accent: #ff8a94;
  --fd-btn: #e03847;
  --fd-btn-hover: #a21f2d;
  --fd-product: "CRM";
}

body {
  background: var(--fd-bg) !important;
  font-family: "IBM Plex Sans", system-ui, sans-serif !important;
}

.swagger-ui .topbar {
  background: linear-gradient(180deg, var(--fd-navy2), var(--fd-navy)) !important;
  border-bottom: 1px solid rgba(224, 56, 71, 0.28);
  padding: 10px 0 !important;
}

.swagger-ui .topbar .download-url-wrapper .select-label { color: var(--fd-dim); }
.swagger-ui .topbar .download-url-wrapper input[type="text"] {
  border-color: rgba(224, 56, 71, 0.35) !important;
}

.swagger-ui .topbar-wrapper {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
}

.swagger-ui .topbar-wrapper > a,
.swagger-ui .topbar-wrapper a.link {
  display: inline-flex !important;
  align-items: center;
  gap: 0.55rem;
  text-decoration: none !important;
}

.swagger-ui .topbar-wrapper a.link > svg,
.swagger-ui .topbar-wrapper > a > svg,
.swagger-ui .topbar-wrapper a.link > img:not(.fd-lockup),
.swagger-ui .topbar-wrapper > a > img:not(.fd-lockup) {
  display: none !important;
}

.swagger-ui .topbar-wrapper a.link:not(:has(img.fd-lockup))::before,
.swagger-ui .topbar-wrapper > a:not(:has(img.fd-lockup))::before {
  content: "";
  display: inline-block;
  width: 200px;
  height: 40px;
  background: url("fourdev-lockup.svg") left center / contain no-repeat;
  flex-shrink: 0;
}

.swagger-ui .topbar-wrapper a.link::after,
.swagger-ui .topbar-wrapper > a::after {
  content: var(--fd-product);
  font-family: Sora, system-ui, sans-serif;
  font-weight: 700;
  font-size: 0.78rem;
  color: var(--fd-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(255, 138, 148, 0.4);
  border-radius: 999px;
  line-height: 1.2;
}

.swagger-ui .topbar-wrapper img.fd-lockup {
  display: block !important;
  height: 40px !important;
  width: auto !important;
  visibility: visible !important;
}

.swagger-ui .info .title {
  font-family: Sora, system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: var(--fd-navy) !important;
  letter-spacing: -0.03em;
}

.swagger-ui .info .title small {
  background: var(--fd-navy) !important;
  color: var(--fd-accent) !important;
}

.swagger-ui .info .base-url,
.swagger-ui .info p,
.swagger-ui .info li {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.swagger-ui .btn.authorize {
  background: var(--fd-btn);
  border-color: var(--fd-btn);
  color: #fff;
}
.swagger-ui .btn.authorize svg { fill: #fff; }
.swagger-ui .btn.authorize:hover {
  background: var(--fd-btn-hover);
  border-color: var(--fd-btn-hover);
}
.swagger-ui .btn.execute {
  background: var(--fd-btn);
  border-color: var(--fd-btn);
}

.swagger-ui .opblock-tag {
  font-family: Sora, system-ui, sans-serif !important;
  color: var(--fd-navy) !important;
}

.swagger-ui .scheme-container {
  background: #fff;
  box-shadow: none;
  border-bottom: 1px solid rgba(10, 26, 47, 0.08);
}