@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Mulish:wght@400;500;600;700&display=swap");

:root {
  --ink: #16273F;
  --body: #5B6675;
  --muted: #8791A0;
  --panel-border: #E7EBF1;
}

* { box-sizing: border-box; }

.app-shell { min-height: 100vh; display: flex; flex-direction: column; }

.app-shell .rm-header-inner,
.app-shell .rm-footer-inner { max-width: 90%; }

/* ------------------------------- Hero ------------------------------- */
.dt-hero { background: #fff; border-bottom: 1px solid var(--panel-border); }
.dt-hero-inner { max-width: 90%; margin: 0 auto; padding: 32px 32px 20px; }
.dt-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.05;
  letter-spacing: -0.5px;
  color: var(--ink);
  margin: 0 0 6px;
}
.dt-subtitle { font-size: 15.5px; color: var(--muted); margin: 0; max-width: 820px; }
.dt-subtitle code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  background: #F1F4F8;
  padding: 1px 6px;
  border-radius: 5px;
  color: var(--body);
}

.dt-main { flex: 1; max-width: 90%; width: 100%; margin: 0 auto; padding: 20px 32px 56px; }
.ad-empty { color: var(--muted); font-size: 15px; padding: 24px 0; }

/* --------------------------- Swagger UI overrides --------------------------- */
/* The vendored Swagger UI ships its own topbar (which hosts the service-selector
   dropdown). Keep it, but soften the default green and let it sit in the flow. */
#swagger-ui .topbar { background: var(--ink); padding: 12px 0; }
#swagger-ui .topbar .download-url-wrapper .select-label { color: #fff; }
#swagger-ui .topbar .topbar-wrapper .link { display: none; } /* hide the Swagger logo/link */
#swagger-ui .info { margin: 24px 0; }

@media (max-width: 700px) {
  .dt-hero-inner, .dt-main { padding-left: 20px; padding-right: 20px; }
  .dt-title { font-size: 30px; }
}