/* /docs — Swagger no tema checkout/legal (escuro, como /erro e /legal) */

.docs-inline-code {
  font-size: 0.86em;
  color: #e8e8e8;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  padding: 0.1rem 0.4rem;
  word-break: break-all;
}

.docs-auth-block {
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.docs-legal .checkout-pitch-lead a {
  color: var(--l-green-bright, #b8e04a);
}

.docs-swagger {
  margin-top: 0.25rem;
}

/* —— Swagger dark (checkout panel) —— */
.docs-swagger .swagger-ui,
.docs-swagger .swagger-ui .wrapper {
  font-family: var(--l-font, "DM Sans", system-ui, sans-serif) !important;
  color: #e8e8e8 !important;
  background: transparent !important;
}

.docs-swagger .swagger-ui .topbar,
.docs-swagger .swagger-ui .info {
  display: none !important;
}

.docs-swagger .swagger-ui .wrapper {
  padding: 0 !important;
}

.docs-swagger .swagger-ui .scheme-container {
  background: rgba(0, 0, 0, 0.28) !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  margin: 0 0 1rem !important;
  padding: 0.85rem 1rem !important;
}

.docs-swagger .swagger-ui .servers > label,
.docs-swagger .swagger-ui .servers-title {
  color: #d4d4d4 !important;
}

.docs-swagger .swagger-ui .opblock-tag {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding: 0.75rem 0.9rem !important;
  margin: 0 0 0.65rem !important;
  box-shadow: none !important;
}

.docs-swagger .swagger-ui .opblock-tag small {
  color: #c4c4c4 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .opblock-tag svg,
.docs-swagger .swagger-ui .expand-operation svg,
.docs-swagger .swagger-ui .authorization__btn svg,
.docs-swagger .swagger-ui .opblock-summary-control svg,
.docs-swagger .swagger-ui .arrow svg {
  fill: #d4d4d4 !important;
  color: #d4d4d4 !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .opblock-tag:hover {
  background: rgba(0, 0, 0, 0.36) !important;
}

.docs-swagger .swagger-ui .opblock {
  border-radius: 12px !important;
  box-shadow: none !important;
  margin: 0 0 0.55rem !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(0, 0, 0, 0.28) !important;
}

.docs-swagger .swagger-ui .opblock .opblock-summary {
  border: 0 !important;
  padding: 0.7rem 0.85rem !important;
}

.docs-swagger .swagger-ui .opblock .opblock-summary-method {
  border-radius: 8px !important;
  min-width: 4.1rem !important;
  font-family: inherit !important;
  font-weight: 800 !important;
}

.docs-swagger .swagger-ui .opblock.opblock-post {
  background: rgba(154, 205, 50, 0.1) !important;
  border-color: rgba(154, 205, 50, 0.32) !important;
}

.docs-swagger .swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: #7aab1a !important;
}

.docs-swagger .swagger-ui .opblock.opblock-get {
  background: rgba(59, 130, 246, 0.1) !important;
  border-color: rgba(59, 130, 246, 0.32) !important;
}

.docs-swagger .swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #2563eb !important;
}

.docs-swagger .swagger-ui .opblock .opblock-summary-path,
.docs-swagger .swagger-ui .opblock .opblock-summary-path__unstable {
  color: #fff !important;
  font-family: inherit !important;
}

.docs-swagger .swagger-ui .opblock .opblock-summary-description {
  color: #d4d4d4 !important;
  font-family: inherit !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .opblock-body {
  background: transparent !important;
}

.docs-swagger .swagger-ui .opblock-section-header {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.docs-swagger .swagger-ui .opblock-section-header h4,
.docs-swagger .swagger-ui .opblock-section-header label,
.docs-swagger .swagger-ui .opblock-description-wrapper p,
.docs-swagger .swagger-ui .opblock-external-docs-wrapper,
.docs-swagger .swagger-ui .parameter__name,
.docs-swagger .swagger-ui .parameter__type,
.docs-swagger .swagger-ui .parameter__in,
.docs-swagger .swagger-ui .response-col_status,
.docs-swagger .swagger-ui .response-col_description,
.docs-swagger .swagger-ui .response-col_links,
.docs-swagger .swagger-ui table thead tr td,
.docs-swagger .swagger-ui table thead tr th,
.docs-swagger .swagger-ui .tab li,
.docs-swagger .swagger-ui label {
  color: #d4d4d4 !important;
  font-family: inherit !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .parameter__name.required::after {
  color: #f87171 !important;
}

.docs-swagger .swagger-ui .btn.authorize {
  border-color: var(--l-green, #9acd32) !important;
  color: var(--l-green, #9acd32) !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  background: transparent !important;
}

.docs-swagger .swagger-ui .btn.authorize svg {
  fill: var(--l-green, #9acd32) !important;
}

.docs-swagger .swagger-ui .authorization__btn.unlocked {
  background: transparent !important;
}

.docs-swagger .swagger-ui .btn.execute {
  background: var(--l-green, #9acd32) !important;
  border-color: transparent !important;
  color: #0a0a0a !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(154, 205, 50, 0.28);
}

.docs-swagger .swagger-ui .btn.cancel,
.docs-swagger .swagger-ui .btn {
  border-radius: 999px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  color: #e8e8e8 !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.docs-swagger .swagger-ui select,
.docs-swagger .swagger-ui input[type="text"],
.docs-swagger .swagger-ui input[type="password"],
.docs-swagger .swagger-ui input[type="search"],
.docs-swagger .swagger-ui textarea,
.docs-swagger .swagger-ui .parameters-col_description input {
  background: #111 !important;
  color: #f5f5f5 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-family: inherit !important;
}

.docs-swagger .swagger-ui .model-box,
.docs-swagger .swagger-ui section.models,
.docs-swagger .swagger-ui .model-container {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  color: #e8e8e8 !important;
}

.docs-swagger .swagger-ui section.models {
  padding: 0.75rem !important;
}

.docs-swagger .swagger-ui section.models h4,
.docs-swagger .swagger-ui section.models h4 span,
.docs-swagger .swagger-ui .model-title,
.docs-swagger .swagger-ui .model-title span,
.docs-swagger .swagger-ui span.model-title__text {
  font-family: inherit !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* Nomes de propriedades / schemas — alto contraste */
.docs-swagger .swagger-ui .model,
.docs-swagger .swagger-ui .model .property,
.docs-swagger .swagger-ui .model .property.primitive,
.docs-swagger .swagger-ui .prop-name,
.docs-swagger .swagger-ui span.prop-name,
.docs-swagger .swagger-ui .model-box-control,
.docs-swagger .swagger-ui .model-box-control:focus,
.docs-swagger .swagger-ui .model .brace-open,
.docs-swagger .swagger-ui .model .brace-close,
.docs-swagger .swagger-ui .model .inner-object,
.docs-swagger .swagger-ui .renderedMarkdown p,
.docs-swagger .swagger-ui .markdown p {
  color: #f0f0f0 !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .prop-type,
.docs-swagger .swagger-ui .prop-format,
.docs-swagger .swagger-ui .model .property.primitive .prop-type {
  color: #9acd32 !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .prop-format,
.docs-swagger .swagger-ui .model-hint,
.docs-swagger .swagger-ui .star {
  color: #c4c4c4 !important;
}

.docs-swagger .swagger-ui .model .property .prop-enum,
.docs-swagger .swagger-ui .model .example {
  color: #a3d4ff !important;
}

.docs-swagger .swagger-ui .required span,
.docs-swagger .swagger-ui .property.required .prop-name {
  color: #fff !important;
}

/* Ícones expand/collapse: evita quadrado branco opaco */
.docs-swagger .swagger-ui .model-toggle,
.docs-swagger .swagger-ui .expand-methods svg,
.docs-swagger .swagger-ui .expand-operation svg {
  color: #d4d4d4 !important;
  fill: #d4d4d4 !important;
  background: transparent !important;
  opacity: 1 !important;
}

.docs-swagger .swagger-ui .model-toggle::after,
.docs-swagger .swagger-ui .model-toggle:after {
  background: transparent !important;
  border-style: solid !important;
  border-width: 5px 0 5px 8px !important;
  border-color: transparent transparent transparent #d4d4d4 !important;
  width: 0 !important;
  height: 0 !important;
  display: inline-block !important;
  content: "" !important;
}

.docs-swagger .swagger-ui .model-toggle.collapsed::after,
.docs-swagger .swagger-ui .model-toggle.collapsed:after {
  transform: rotate(0deg);
}

.docs-swagger .swagger-ui .model-box-control .model-toggle {
  filter: none !important;
  background: transparent !important;
}

.docs-swagger .swagger-ui .copy-to-clipboard button,
.docs-swagger .swagger-ui .copy-to-clipboard {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
}

.docs-swagger .swagger-ui .copy-to-clipboard button svg,
.docs-swagger .swagger-ui svg.arrow {
  fill: #e8e8e8 !important;
  color: #e8e8e8 !important;
}

.docs-swagger .swagger-ui .dialog-ux {
  background: rgba(0, 0, 0, 0.72) !important;
}

.docs-swagger .swagger-ui .dialog-ux .modal-ux {
  background: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 16px !important;
  color: #f5f5f5 !important;
  font-family: inherit !important;
}

.docs-swagger .swagger-ui .dialog-ux .modal-ux-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.docs-swagger .swagger-ui .dialog-ux .modal-ux-header h3,
.docs-swagger .swagger-ui .dialog-ux .modal-ux-content,
.docs-swagger .swagger-ui .auth-container,
.docs-swagger .swagger-ui .auth-container h4,
.docs-swagger .swagger-ui .auth-container label,
.docs-swagger .swagger-ui .auth-container p,
.docs-swagger .swagger-ui .auth-container code,
.docs-swagger .swagger-ui .auth-container .wrapper {
  color: #e8e8e8 !important;
  font-family: inherit !important;
}

.docs-swagger .swagger-ui .auth-btn-wrapper .btn-done {
  background: var(--l-green, #9acd32) !important;
  color: #0a0a0a !important;
  border: 0 !important;
}

.docs-swagger .swagger-ui .highlight-code,
.docs-swagger .swagger-ui .microlight,
.docs-swagger .swagger-ui .curl-command {
  background: #0a0a0a !important;
  color: #f0f0f0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.docs-swagger .swagger-ui table {
  background: transparent !important;
}

.docs-swagger .swagger-ui table tbody tr td {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e0e0e0 !important;
}

.docs-swagger .swagger-ui .loading-container .loading::after {
  border-color: transparent transparent var(--l-green, #9acd32) var(--l-green, #9acd32) !important;
}

.docs-swagger .swagger-ui .errors-wrapper,
.docs-swagger .swagger-ui .errors-wrapper .error-wrapper {
  background: rgba(248, 113, 113, 0.12) !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
  color: #fecaca !important;
}

body.checkout .checkout-wrap--legal:has(.docs-legal) {
  max-width: 920px;
}