/* Swagger UI Theme Overrides
 *
 * Theme: Monokai
 * Author: Mark Ostrander
 * Github: https://github.com/ostranme/swagger-ui-themes
 */

/* ── page background ─────────────────────────────────── */
html {
  background: #272822 !important;
}

body {
  background: #272822 !important;
  background-image: none !important;
}

.swagger-ui {
  color: #ffffff;
}

.swagger-ui .scheme-container {
  background: #272822;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
}

.swagger-ui .dialog-ux .modal-ux {
  background: #272822;
  border-color: #3b4151;
}

.swagger-ui .opblock .opblock-section-header {
  background: rgba(39, 40, 34, .8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

/* ── opblock backgrounds ─────────────────────────────── */
.swagger-ui .opblock.opblock-post {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: #86C30D;
}

.swagger-ui .opblock.opblock-post .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-put {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
  background: #FD971F;
}

.swagger-ui .opblock.opblock-put .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-delete {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
  background: #CB4876;
}

.swagger-ui .opblock.opblock-delete .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-get {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #1DB4D0;
}

.swagger-ui .opblock.opblock-get .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-patch {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-patch .opblock-summary-method {
  background: #D38042;
}

.swagger-ui .opblock.opblock-patch .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-head {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-head .opblock-summary-method {
  background: #F7CA18;
}

.swagger-ui .opblock.opblock-head .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-options {
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-options .opblock-summary-method {
  background: #29B6F6;
}

.swagger-ui .opblock.opblock-options .opblock-summary {
  border-color: #DADFE1;
}

.swagger-ui .opblock.opblock-deprecated {
  opacity: .9;
  border-color: #DADFE1;
  background: rgb(39, 40, 34);
}

.swagger-ui .opblock.opblock-deprecated .opblock-summary-method {
  background: #ebebeb;
}

.swagger-ui .opblock.opblock-deprecated .opblock-summary {
  border-color: #ebebeb;
}

/* ── topbar ──────────────────────────────────────────── */
.swagger-ui .topbar {
  padding: 8px 30px;
  background-color: #272822;
}

.swagger-ui .topbar .download-url-wrapper input[type=text] {
  min-width: 350px;
  margin: 0;
  border: 2px solid #DADFE1;
  border-radius: 4px 0 0 4px;
  outline: none;
}

.swagger-ui .topbar .download-url-wrapper .download-url-button {
  font-size: 16px;
  font-weight: 700;
  padding: 4px 40px;
  border: none;
  border-radius: 0 4px 4px 0;
  background: #DADFE1;
  font-family: Titillium Web, sans-serif;
  color: #272822;
}

/* ── info ────────────────────────────────────────────── */
.swagger-ui .info a {
  font-size: 14px;
  -webkit-transition: all .4s;
  transition: all .4s;
  font-family: Open Sans, sans-serif;
  color: #ffffff;
}

.swagger-ui .info a:hover {
  color: #ffffff;
}

.swagger-ui .info .title {
  color: #ffffff;
}

.swagger-ui .info p,
.swagger-ui .info .base-url {
  color: #DADFE1;
}

/* ── auth ────────────────────────────────────────────── */
.swagger-ui .btn.authorize {
  line-height: 1;
  display: inline;
  color: #ffffff;
  border-color: #ffffff;
}

.swagger-ui .btn.authorize svg {
  fill: #ffffff;
}

/* ── opblock text ────────────────────────────────────── */
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  font-family: Source Code Pro, monospace;
  font-weight: 600;
  color: #ffffff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swagger-ui .opblock .opblock-summary-description {
  font-size: 13px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Open Sans, sans-serif;
  color: #ffffff;
}

/* ── tables ──────────────────────────────────────────── */
.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
  font-size: 12px;
  font-weight: 700;
  padding: 12px 0;
  text-align: left;
  border-bottom: 1px solid rgba(59, 65, 81, .2);
  font-family: Open Sans, sans-serif;
  color: #ffffff;
}

/* ── parameters ──────────────────────────────────────── */
.swagger-ui .parameters-col_description p {
  font-size: 14px;
  margin: 0;
  font-family: Open Sans, sans-serif;
  color: #ffffff;
}

.swagger-ui .parameter__name {
  font-size: 16px;
  font-weight: 400;
  font-family: Titillium Web, sans-serif;
  color: #ffffff;
}

/* ── section header (keep dark readable) ─────────────── */
.swagger-ui .opblock .opblock-section-header label {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  font-family: Titillium Web, sans-serif;
  color: #ffffff;
}

.swagger-ui .opblock .opblock-section-header h4 {
  font-size: 14px;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Titillium Web, sans-serif;
  color: #ffffff;
}

/* ── tabs ────────────────────────────────────────────── */
.swagger-ui .tab li {
  font-size: 12px;
  min-width: 100px;
  min-width: 90px;
  padding: 0;
  cursor: pointer;
  font-family: Titillium Web, sans-serif;
  color: #ffffff;
}

/* ── labels ──────────────────────────────────────────── */
.swagger-ui label {
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 5px;
  font-family: Titillium Web, sans-serif;
  color: #ffffff;
}

/* ── responses ───────────────────────────────────────── */
.swagger-ui .response-col_status {
  font-size: 14px;
  font-family: Open Sans, sans-serif;
  color: #ffffff;
}

.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-title_normal p {
  font-size: 14px;
  margin: 0;
  font-family: Open Sans, sans-serif;
  color: #ffffff;
}

/* ── inputs / selects on dark background ─────────────── */
.swagger-ui input[type=email],
.swagger-ui input[type=password],
.swagger-ui input[type=search],
.swagger-ui input[type=text] {
  background: #1e1f1c;
  color: #ffffff;
  border-color: #3b4151;
}

.swagger-ui select {
  background: #1e1f1c;
  color: #ffffff;
  border-color: #3b4151;
}

.swagger-ui textarea {
  background: #1e1f1c;
  color: #ffffff;
}

/* ── opblock tag ─────────────────────────────────────── */
.swagger-ui .opblock-tag {
  color: #ffffff;
}

.swagger-ui .opblock-tag small {
  color: #DADFE1;
}

/* ── models section ──────────────────────────────────── */
.swagger-ui section.models {
  border-color: rgba(59, 65, 81, .4);
}

.swagger-ui section.models h4 {
  color: #ffffff;
}

.swagger-ui section.models h5 {
  color: #DADFE1;
}

.swagger-ui .model-title {
  color: #ffffff;
}

.swagger-ui .model {
  color: #DADFE1;
}

.swagger-ui .model-box {
  background: rgba(255, 255, 255, .05);
}

.swagger-ui section.models .model-container {
  background: rgba(255, 255, 255, .05);
}

.swagger-ui section.models .model-container:hover {
  background: rgba(255, 255, 255, .1);
}

/* ── auth container ──────────────────────────────────── */
.swagger-ui .auth-container {
  border-bottom: 1px solid #3b4151;
}

/* ── errors ──────────────────────────────────────────── */
.swagger-ui .errors-wrapper {
  background: rgba(249, 62, 62, .15);
}

/* ── markdown / description content ──────────────────── */
.swagger-ui .markdown,
.swagger-ui .renderedMarkdown,
.swagger-ui .markdown p,
.swagger-ui .renderedMarkdown p,
.swagger-ui .markdown li,
.swagger-ui .renderedMarkdown li {
  color: #DADFE1;
}

.swagger-ui .markdown h1,
.swagger-ui .markdown h2,
.swagger-ui .markdown h3,
.swagger-ui .markdown h4,
.swagger-ui .markdown h5,
.swagger-ui .renderedMarkdown h1,
.swagger-ui .renderedMarkdown h2,
.swagger-ui .renderedMarkdown h3,
.swagger-ui .renderedMarkdown h4,
.swagger-ui .renderedMarkdown h5 {
  color: #ffffff;
}

.swagger-ui .markdown code,
.swagger-ui .renderedMarkdown code {
  background: #1e1f1c;
  color: #DADFE1;
}

.swagger-ui .markdown pre,
.swagger-ui .renderedMarkdown pre {
  background: #1e1f1c;
  color: #DADFE1;
}

.swagger-ui .markdown a,
.swagger-ui .renderedMarkdown a {
  color: #1DB4D0;
}

.swagger-ui .markdown table,
.swagger-ui .renderedMarkdown table {
  background: #1e1f1c;
}

.swagger-ui .markdown th,
.swagger-ui .renderedMarkdown th,
.swagger-ui .markdown td,
.swagger-ui .renderedMarkdown td {
  color: #DADFE1;
  border-color: #3b4151;
}

/* ── opblock-tag description ─────────────────────────── */
.swagger-ui .opblock-tag__description {
  color: #DADFE1;
}

/* ── info description ────────────────────────────────── */
.swagger-ui .info .description {
  color: #DADFE1;
}

.swagger-ui .info .description p,
.swagger-ui .info .description li {
  color: #DADFE1;
}

.swagger-ui .info li {
  color: #DADFE1;
}

/* ── scheme container (server dropdown) ───────────────── */
.swagger-ui .scheme-container .schemes {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swagger-ui .scheme-container .schemes-title {
  color: #DADFE1;
}

.swagger-ui .servers-title {
  color: #DADFE1;
}

.swagger-ui .servers label {
  color: #DADFE1;
}

/* ── try-it-out / execute buttons ────────────────────── */
.swagger-ui .btn.execute {
  background-color: #4990e2;
  color: #ffffff;
}

.swagger-ui .btn.try-out__btn {
  color: #ffffff;
}

/* ── response code block ─────────────────────────────── */
.swagger-ui .response-col_description__inner span {
  background: #1e1f1c;
}

.swagger-ui .opblock-body pre {
  background: #1e1f1c;
}

.swagger-ui .opblock-body pre.microlight {
  background: #1e1f1c;
  color: #DADFE1;
}

/* ── loading / spinner ───────────────────────────────── */
.swagger-ui .loading-container .loading {
  background: #272822;
}