/* ================================================================
   Swagger UI overrides — swagger-viewer.css
   Constrains SwaggerUI inside the wizard dialog step.
   ================================================================ */

/* ── Wrapper: fill the step area and scroll internally ── */
.sv-wrapper {
  height: 100%;
  min-height: 420px;
  overflow-y: auto;
  background: #fafafa;
}

.sv-ui-mount {
  font-family: 'Roboto', sans-serif !important;
}

/* ── Remove the top bar (Swagger UI header with logo) ── */
.sv-ui-mount .swagger-ui .topbar {
  display: none !important;
}

/* ── Info section — tighten spacing ── */
.sv-ui-mount .swagger-ui .info {
  margin: 20px 24px 0 !important;
}

.sv-ui-mount .swagger-ui .info .title {
  font-size: 22px !important;
  color: #212121 !important;
}

.sv-ui-mount .swagger-ui .info .description p {
  font-size: 13px !important;
  color: #616161 !important;
}

/* ── Scheme container (servers row) ── */
.sv-ui-mount .swagger-ui .scheme-container {
  padding: 10px 24px !important;
  background: #f3e5f5 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* ── Operations container padding ── */
.sv-ui-mount .swagger-ui .wrapper {
  padding: 0 24px !important;
  max-width: 100% !important;
}

/* ── Tag/section headers ── */
.sv-ui-mount .swagger-ui .opblock-tag {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #212121 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 10px 0 !important;
}

.sv-ui-mount .swagger-ui .opblock-tag:hover {
  background: #f9f4ff !important;
}

/* ── Operation blocks ── */
.sv-ui-mount .swagger-ui .opblock {
  border-radius: 6px !important;
  margin: 4px 0 !important;
  box-shadow: none !important;
  border-width: 1px !important;
}

.sv-ui-mount .swagger-ui .opblock .opblock-summary {
  padding: 8px 12px !important;
}

.sv-ui-mount .swagger-ui .opblock .opblock-summary-path {
  font-size: 13px !important;
  font-family: 'Roboto Mono', monospace !important;
}

.sv-ui-mount .swagger-ui .opblock .opblock-summary-description {
  font-size: 12px !important;
  color: #9e9e9e !important;
}

/* ── Method badges — use our purple accent on GET ── */
.sv-ui-mount .swagger-ui .opblock.opblock-get {
  background: #e3f2fd !important;
  border-color: #90caf9 !important;
}

.sv-ui-mount .swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #1565c0 !important;
}

.sv-ui-mount .swagger-ui .opblock.opblock-post {
  background: #e8f5e9 !important;
  border-color: #a5d6a7 !important;
}

.sv-ui-mount .swagger-ui .opblock.opblock-put {
  background: #fff8e1 !important;
  border-color: #ffe082 !important;
}

.sv-ui-mount .swagger-ui .opblock.opblock-patch {
  background: #fce4ec !important;
  border-color: #f48fb1 !important;
}

.sv-ui-mount .swagger-ui .opblock.opblock-delete {
  background: #ffebee !important;
  border-color: #ef9a9a !important;
}

/* ── Hide "Try it out" button and authorize button ── */
.sv-ui-mount .swagger-ui .try-out,
.sv-ui-mount .swagger-ui .btn.authorize,
.sv-ui-mount .swagger-ui .auth-wrapper,
.sv-ui-mount .swagger-ui .information-container .info__extdocs {
  display: none !important;
}

/* ── Models section at the bottom — hide it ── */
.sv-ui-mount .swagger-ui section.models {
  display: none !important;
}

/* ── Response / parameter tables ── */
.sv-ui-mount .swagger-ui table thead tr th {
  font-size: 12px !important;
  color: #9e9e9e !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

.sv-ui-mount .swagger-ui table tbody tr td {
  font-size: 13px !important;
}

/* ── Response codes ── */
.sv-ui-mount .swagger-ui .response-col_status {
  font-family: 'Roboto Mono', monospace !important;
  font-weight: 700 !important;
}

/* ── Scrollbar styling for the wrapper ── */
.sv-wrapper::-webkit-scrollbar       { width: 6px; }
.sv-wrapper::-webkit-scrollbar-track { background: #f5f5f5; }
.sv-wrapper::-webkit-scrollbar-thumb { background: #ce93d8; border-radius: 3px; }
.sv-wrapper::-webkit-scrollbar-thumb:hover { background: #8e24aa; }