/**
 * SKYDB branding for the Swagger UI at /api/docs.
 *
 * Loaded after NelmioApiDocBundle's own style.css by the API documentation
 * body template. The surrounding page is the standard SKYDB shell.
 *
 * The bundle's teal accents are re-pointed at the SKYDB primary blue
 * (--bs-primary #214196 in css/child-theme.css), and GET is brought onto the
 * brand colour too. POST / PUT / DELETE keep the conventional Swagger palette
 * so the methods stay tellable apart at a glance.
 */

/**
 * Web-font declarations remain here for the Swagger content. The standard
 * SKYDB shell loads the same files through atlas.css.
 */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/inter/Inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono/JetBrainsMono-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono/JetBrainsMono-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --skydb-primary: #214196;
    --skydb-primary-dark: #1a3477;
    /* rgba() needs the channels separately for the tinted section headers */
    --skydb-primary-rgb: 33, 65, 150;
    /* --skydb-cyan-deep, the link colour the site itself uses on light
       backgrounds. The lighter --skydb-cyan (#38BDF8) is the dark-background
       variant and washes out on white. */
    --skydb-lightblue: #0EA5E9;
    /* the site's own stacks, verified against a rendered SKYDB page */
    --skydb-font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --skydb-font-mono: "JetBrains Mono", SFMono-Regular, Menlo, monospace;
}

/**
 * Typefaces, matched to the site.
 *
 * Swagger sets its families on many separate rules, so a single body rule
 * would be overridden all over. These blanket selectors cover the prose and
 * the code surfaces; the vendor's own icons and the OAS badge are left alone.
 */

body,
#swagger-ui,
#swagger-ui .info,
#swagger-ui .info .title,
#swagger-ui .renderedMarkdown,
#swagger-ui .opblock-tag,
#swagger-ui .opblock .opblock-summary-description,
#swagger-ui .opblock-description-wrapper,
#swagger-ui .tab li,
#swagger-ui .parameter__name,
#swagger-ui .parameter__type,
#swagger-ui table thead tr th,
#swagger-ui .response-col_status,
#swagger-ui .btn,
#swagger-ui select,
#swagger-ui label,
/* The vendor sets sans-serif directly on these elements. An inherited rule
   never beats a direct one however specific it is, so they must be named. */
#swagger-ui .info h1,
#swagger-ui .info h2,
#swagger-ui .info h3,
#swagger-ui .info h4,
#swagger-ui .info h5,
#swagger-ui .info p,
#swagger-ui .info li,
#swagger-ui .info table,
#swagger-ui .opblock-description-wrapper p,
#swagger-ui .opblock-external-docs-wrapper p,
#swagger-ui .opblock-title_normal p,
#swagger-ui .response-col_description p,
#swagger-ui .markdown p,
#swagger-ui .markdown li {
    font-family: var(--skydb-font-body);
}

#swagger-ui .opblock-summary-path,
#swagger-ui .opblock-summary-path__deprecated,
#swagger-ui .info code,
#swagger-ui .renderedMarkdown code,
#swagger-ui .renderedMarkdown pre,
#swagger-ui .highlight-code,
#swagger-ui .microlight,
#swagger-ui textarea,
#swagger-ui input[type="text"],
#swagger-ui .model,
#swagger-ui .model-title {
    font-family: var(--skydb-font-mono);
}

/** Page shell **/

/* Nelmio's standalone stylesheet reserves space for its own fixed bar. The
   API reference now uses the real SKYDB navbar, so neither rule belongs here. */
body {
    margin: 0;
}

header::before {
    content: none;
}

.skydb-api-docs {
    background: var(--skydb-bg, #fbfcfe);
    padding: clamp(2rem, 4vw, 4rem) 0 clamp(3rem, 6vw, 6rem);
}

#swagger-ui.api-platform .wrapper,
#swagger-ui.api-platform .info {
    width: 100%;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

#swagger-ui.api-platform .information-container.wrapper {
    margin-bottom: 2.5rem;
    padding-top: 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--skydb-border, #dce3ef);
}

#swagger-ui.api-platform .info {
    padding-right: 0;
    padding-left: 0;
}

#swagger-ui.api-platform .info hgroup.main {
    margin-bottom: 1.5rem;
}

#swagger-ui.api-platform .info .title,
#swagger-ui.api-platform .opblock-tag {
    /* Swagger declares the group font through its own runtime stylesheet. */
    font-family: var(--skydb-font-condensed, "New Amsterdam", "Archivo Narrow", sans-serif) !important;
    font-weight: 400;
    letter-spacing: 0.02em;
}

#swagger-ui.api-platform .info .title {
    font-size: clamp(3rem, 6vw, 5rem);
    line-height: 0.95;
}

#swagger-ui.api-platform .info .title small {
    top: -0.2em;
    display: inline-block;
    padding: 0.35em 0.65em;
    border-radius: var(--bs-border-radius-pill, 50rem);
    font-family: var(--skydb-font-body, Inter, system-ui, sans-serif);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}

#swagger-ui.api-platform .info .title small pre.version {
    display: inline;
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    letter-spacing: normal;
    white-space: nowrap;
}

#swagger-ui.api-platform .opblock-tag {
    margin: 1.5rem 0 0.75rem;
    padding: 0.75rem 0;
    border-bottom-color: var(--skydb-border, #dce3ef);
    color: var(--skydb-ink, #0a1230);
    font-size: 2rem;
}

/* The vendor adds a background and scale transition on hover. Group headers
   keep the same SKYDB appearance under the pointer. */
#swagger-ui.api-platform .opblock-tag:hover {
    background: transparent;
    transform: none;
}

/** Title + accents **/

#swagger-ui.api-platform .info .title {
    color: var(--skydb-primary);
}

#swagger-ui.api-platform .btn.execute {
    background-color: var(--skydb-primary);
    border-color: var(--skydb-primary);
}

#swagger-ui.api-platform .btn.execute:hover {
    background-color: var(--skydb-primary-dark);
    border-color: var(--skydb-primary-dark);
}

#swagger-ui.api-platform .btn,
#swagger-ui.api-platform input,
#swagger-ui.api-platform select,
#swagger-ui.api-platform textarea {
    border-radius: 0.5rem;
}

#swagger-ui.api-platform .btn {
    font-weight: 700;
}

#swagger-ui.api-platform .btn.authorize {
    border-color: var(--skydb-primary);
    color: var(--skydb-primary);
}

#swagger-ui.api-platform input,
#swagger-ui.api-platform select,
#swagger-ui.api-platform textarea {
    border-color: var(--skydb-border, #dce3ef);
    background: var(--skydb-bg-2, #fff);
    color: var(--skydb-ink, #0a1230);
}

#swagger-ui.api-platform input:focus,
#swagger-ui.api-platform select:focus,
#swagger-ui.api-platform textarea:focus,
#swagger-ui.api-platform button:focus-visible {
    outline: 3px solid rgba(var(--skydb-primary-rgb), 0.2);
    outline-offset: 2px;
    border-color: var(--skydb-primary);
}

#swagger-ui.api-platform .scheme-container,
#swagger-ui.api-platform .model-box,
#swagger-ui.api-platform .model-container {
    background: var(--skydb-bg-2, #fff);
    box-shadow: none;
}

#swagger-ui.api-platform .scheme-container {
    margin: 0 0 2.5rem;
    padding: 1.25rem 0;
    border-top: 1px solid var(--skydb-border, #dce3ef);
    border-bottom: 1px solid var(--skydb-border, #dce3ef);
}

#swagger-ui.api-platform .opblock {
    overflow: hidden;
    margin-bottom: 0.75rem;
    border-radius: 0.65rem;
    box-shadow: 0 1px 2px rgba(10, 18, 48, 0.08);
}

#swagger-ui.api-platform .opblock-summary-method {
    border-radius: 0.4rem;
}

#swagger-ui.api-platform .opblock .opblock-section-header {
    min-height: 54px;
    padding: 0.75rem 1.25rem;
}

#swagger-ui.api-platform table thead tr th,
#swagger-ui.api-platform table thead tr td {
    border-bottom-color: var(--skydb-border, #dce3ef);
    color: var(--skydb-ink, #0a1230);
}

#swagger-ui.api-platform .info table,
#swagger-ui.api-platform table.parameters,
#swagger-ui.api-platform table.responses-table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

#swagger-ui.api-platform .response-col_status,
#swagger-ui.api-platform .parameter__name,
#swagger-ui.api-platform .model-title {
    color: var(--skydb-ink, #0a1230);
}

/**
 * GET on the brand colour.
 *
 * Three places carry the method colour and they must move together, or a GET
 * block ends up blue-badged with a teal rule under it: the badge, the block's
 * left border, and the tinted "Parameters/Responses" section header.
 */

#swagger-ui.api-platform .opblock.opblock-get .opblock-summary-method {
    background-color: var(--skydb-primary);
}

#swagger-ui.api-platform .opblock.opblock-get .opblock-summary {
    border-color: var(--skydb-primary);
}

#swagger-ui.api-platform .opblock.opblock-get .opblock-section-header {
    background-color: rgba(var(--skydb-primary-rgb), 0.1);
}

/**
 * Links and inline code.
 *
 * Swagger ships links in its own blue (#4990e2) and inline code in purple
 * (#9012fe); neither belongs to SKYDB. Both go to the site's link colour.
 * The id selector beats the vendor's two-class rules regardless of load order.
 */

#swagger-ui .info a,
#swagger-ui .renderedMarkdown a {
    color: var(--skydb-lightblue);
    /* the vendor names `a` directly, so the family has to be set here too */
    font-family: var(--skydb-font-body);
    /* …and pins links to 14px, which shrinks them mid-sentence against 17.6px
       prose. Inheriting keeps an inline link the size of the text it sits in,
       whatever that text is. */
    font-size: inherit;
    line-height: inherit;
}

#swagger-ui .info a:hover,
#swagger-ui .renderedMarkdown a:hover {
    color: var(--skydb-primary);
}

#swagger-ui .info code,
#swagger-ui .renderedMarkdown code,
#swagger-ui .renderedMarkdown pre code {
    color: var(--skydb-lightblue);
}

/**
 * Reading size, taken from the site.
 *
 * Measured on a rendered SKYDB page: body text is 17.6px / 26.4px, i.e.
 * 1.1rem at line-height 1.5 against the 16px root. The vendor's 14px is
 * smaller and its leading tighter, so both move. Kept in rem so browser zoom
 * still applies; only prose is touched, badges, paths and the toolbar keep
 * their sizes so nothing in the layout has to reflow.
 */

#swagger-ui .info .renderedMarkdown p,
#swagger-ui .info .renderedMarkdown li,
#swagger-ui .info .renderedMarkdown td,
#swagger-ui .info .renderedMarkdown th,
#swagger-ui .opblock-description-wrapper p,
#swagger-ui .opblock-external-docs-wrapper p,
#swagger-ui .responses-inner p,
#swagger-ui .parameter__name,
#swagger-ui table.parameters td,
#swagger-ui table.responses-table td {
    font-size: 1.1rem;
    line-height: 1.5;
}

#swagger-ui .opblock-summary-description {
    font-size: 1.1rem;
    line-height: 1.5;
}

#swagger-ui .opblock-summary-path,
#swagger-ui .opblock-summary-path__deprecated {
    font-size: 1rem;
}

#swagger-ui .opblock-tag {
    font-size: 2rem;
}

#swagger-ui .opblock-tag small {
    font-size: 0.9rem;
    line-height: 1.6;
    text-transform: none;
}

/**
 * Contact / terms row.
 *
 * The three links the template regroups out of Swagger's stacked .info__tos
 * and .info__contact boxes. Wraps rather than overflows on a narrow screen.
 */

#swagger-ui .info .info__tos,
#swagger-ui .info .info__contact {
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    margin: 1.25rem 2rem 0 0;
    font-size: 1rem;
}

#swagger-ui .info .info__contact > div {
    display: contents;
}

#swagger-ui .info .info__contact a {
    font-size: 0;
}

#swagger-ui .info .info__contact a:not([href^="mailto:"])::after {
    content: "Contact form";
    font-size: 1rem;
}

#swagger-ui .info .info__contact a[href^="mailto:"]::after {
    content: "Email support team";
    font-size: 1rem;
}

/** SKYDB heading hierarchy **/

#swagger-ui.api-platform .info .title,
#swagger-ui.api-platform .info .renderedMarkdown h1,
#swagger-ui.api-platform .info .renderedMarkdown h2,
#swagger-ui.api-platform .info .renderedMarkdown h3,
#swagger-ui.api-platform .info .renderedMarkdown h4,
#swagger-ui.api-platform .info .renderedMarkdown h5,
#swagger-ui.api-platform .info .renderedMarkdown h6 {
    font-family: var(--skydb-font-condensed, "New Amsterdam", "Archivo Narrow", sans-serif);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bs-heading-color, var(--skydb-primary));
}

#swagger-ui.api-platform .info .renderedMarkdown h2 {
    margin: 2.5rem 0 1rem;
    font-size: calc(clamp(2rem, 3vw + 1rem, 3.75rem) * var(--skydb-h-scale, 1));
}

#swagger-ui.api-platform .info .renderedMarkdown h3 {
    margin: 2rem 0 0.75rem;
    font-size: calc(2.5rem * var(--skydb-h-scale, 1));
}

#swagger-ui.api-platform .info .renderedMarkdown h4 {
    margin: 1.5rem 0 0.5rem;
    font-size: calc(clamp(1.25rem, 1.2vw + 0.75rem, 1.75rem) * var(--skydb-h-scale, 1));
}

/** Dark mode **/

[data-bs-theme="dark"] #swagger-ui,
[data-bs-theme="dark"] #swagger-ui .info .title,
[data-bs-theme="dark"] #swagger-ui .info p,
[data-bs-theme="dark"] #swagger-ui .info li,
[data-bs-theme="dark"] #swagger-ui .info table,
[data-bs-theme="dark"] #swagger-ui .opblock-tag,
[data-bs-theme="dark"] #swagger-ui .opblock-tag small,
[data-bs-theme="dark"] #swagger-ui .opblock-summary-description,
[data-bs-theme="dark"] #swagger-ui .opblock-description-wrapper p,
[data-bs-theme="dark"] #swagger-ui .opblock-external-docs-wrapper p,
[data-bs-theme="dark"] #swagger-ui .opblock-title_normal p,
[data-bs-theme="dark"] #swagger-ui .parameter__name,
[data-bs-theme="dark"] #swagger-ui .parameter__type,
[data-bs-theme="dark"] #swagger-ui .parameter__deprecated,
[data-bs-theme="dark"] #swagger-ui .response-col_status,
[data-bs-theme="dark"] #swagger-ui .response-col_description,
[data-bs-theme="dark"] #swagger-ui .model,
[data-bs-theme="dark"] #swagger-ui .model-title,
[data-bs-theme="dark"] #swagger-ui table thead tr th,
[data-bs-theme="dark"] #swagger-ui label,
[data-bs-theme="dark"] #swagger-ui .tab li,
[data-bs-theme="dark"] #swagger-ui .servers-title {
    color: var(--skydb-fg, #f2f5fa);
}

[data-bs-theme="dark"] #swagger-ui .opblock-summary-path,
[data-bs-theme="dark"] #swagger-ui .opblock-summary-path__deprecated,
[data-bs-theme="dark"] #swagger-ui .prop-type,
[data-bs-theme="dark"] #swagger-ui .parameter__in,
[data-bs-theme="dark"] #swagger-ui .prop-format {
    color: var(--skydb-fg-2, #c8d2ec);
}

[data-bs-theme="dark"] #swagger-ui .opblock-summary-path,
[data-bs-theme="dark"] #swagger-ui .opblock-summary-path__deprecated {
    color: var(--skydb-cyan, #38bdf8);
}

[data-bs-theme="dark"] #swagger-ui.api-platform .scheme-container,
[data-bs-theme="dark"] #swagger-ui.api-platform .model-box,
[data-bs-theme="dark"] #swagger-ui.api-platform .model-container,
[data-bs-theme="dark"] #swagger-ui.api-platform .opblock-body,
[data-bs-theme="dark"] #swagger-ui .dialog-ux .modal-ux {
    background: var(--skydb-bg-2, #131c44);
    color: var(--skydb-fg, #f2f5fa);
}

[data-bs-theme="dark"] #swagger-ui .dialog-ux .modal-ux-header,
[data-bs-theme="dark"] #swagger-ui .dialog-ux .modal-ux-content,
[data-bs-theme="dark"] #swagger-ui table thead tr th,
[data-bs-theme="dark"] #swagger-ui table thead tr td {
    border-color: var(--skydb-border, #243072);
}

[data-bs-theme="dark"] #swagger-ui .highlight-code,
[data-bs-theme="dark"] #swagger-ui .microlight,
[data-bs-theme="dark"] #swagger-ui pre,
[data-bs-theme="dark"] #swagger-ui .model-example {
    color: #f2f5fa;
}

/* Swagger's defaults use neutral gray for examples, controls and icon fills.
   Dark mode stays entirely within SKYDB's navy/cyan palette. */
[data-bs-theme="dark"] #swagger-ui.api-platform input,
[data-bs-theme="dark"] #swagger-ui.api-platform select,
[data-bs-theme="dark"] #swagger-ui.api-platform textarea {
    border-color: var(--skydb-border, #243072);
    background: var(--skydb-bg-2, #131c44);
    color: var(--skydb-fg, #f2f5fa);
}

[data-bs-theme="dark"] #swagger-ui.api-platform input::placeholder,
[data-bs-theme="dark"] #swagger-ui.api-platform textarea::placeholder {
    color: var(--skydb-fg-2, #c8d2ec);
    opacity: 1;
}

[data-bs-theme="dark"] #swagger-ui.api-platform select option {
    background: var(--skydb-bg-2, #131c44);
    color: var(--skydb-fg, #f2f5fa);
}

[data-bs-theme="dark"] #swagger-ui .opblock-summary-control {
    color: var(--skydb-fg, #f2f5fa);
}

[data-bs-theme="dark"] #swagger-ui .opblock-control-arrow svg path,
[data-bs-theme="dark"] #swagger-ui .models-control svg path,
[data-bs-theme="dark"] #swagger-ui .model-toggle svg path,
[data-bs-theme="dark"] #swagger-ui .model-box-control svg path,
[data-bs-theme="dark"] #swagger-ui .expand-operation svg path,
[data-bs-theme="dark"] #swagger-ui svg.arrow path {
    fill: var(--skydb-fg, #f2f5fa) !important;
}

[data-bs-theme="dark"] #swagger-ui .opblock-control-arrow:hover svg path,
[data-bs-theme="dark"] #swagger-ui .models-control:hover svg path,
[data-bs-theme="dark"] #swagger-ui .model-toggle:hover svg path,
[data-bs-theme="dark"] #swagger-ui .model-box-control:hover svg path {
    fill: var(--skydb-cyan, #38bdf8) !important;
}

[data-bs-theme="dark"] #swagger-ui .copy-to-clipboard {
    border: 1px solid var(--skydb-border, #243072);
    background: var(--skydb-bg-3, #1b2557);
}

[data-bs-theme="dark"] #swagger-ui .copy-to-clipboard:hover {
    border-color: var(--skydb-cyan-deep, #0ea5e9);
    background: var(--skydb-interactive-hover-bg, #202e66);
}

[data-bs-theme="dark"] #swagger-ui .copy-to-clipboard svg path {
    fill: var(--skydb-fg, #f2f5fa) !important;
}

[data-bs-theme="dark"] #swagger-ui .opblock-section-header h4,
[data-bs-theme="dark"] #swagger-ui .opblock-section-header label,
[data-bs-theme="dark"] #swagger-ui .opblock-title,
[data-bs-theme="dark"] #swagger-ui .tab li,
[data-bs-theme="dark"] #swagger-ui .response-col_links,
[data-bs-theme="dark"] #swagger-ui .response-col_links i {
    color: var(--skydb-fg, #f2f5fa);
}

[data-bs-theme="dark"] #swagger-ui .response-control-media-type__accept-message {
    color: var(--skydb-cyan, #38bdf8);
}

[data-bs-theme="dark"] #swagger-ui .tab li.active {
    border-color: var(--skydb-cyan, #38bdf8);
    color: var(--skydb-cyan, #38bdf8);
}

[data-bs-theme="dark"] #swagger-ui .highlight-code,
[data-bs-theme="dark"] #swagger-ui .highlight-code > .microlight,
[data-bs-theme="dark"] #swagger-ui pre.microlight,
[data-bs-theme="dark"] #swagger-ui .model-example,
[data-bs-theme="dark"] #swagger-ui .example {
    border-color: var(--skydb-border, #243072) !important;
    background: var(--skydb-bg-2, #131c44) !important;
    color: var(--skydb-fg, #f2f5fa) !important;
    scrollbar-color: var(--skydb-cyan-deep, #0ea5e9) var(--skydb-bg-2, #131c44);
}

[data-bs-theme="dark"] #swagger-ui .highlight-code > .microlight::-webkit-scrollbar-track,
[data-bs-theme="dark"] #swagger-ui pre.microlight::-webkit-scrollbar-track {
    background: var(--skydb-bg-2, #131c44);
}

[data-bs-theme="dark"] #swagger-ui .highlight-code > .microlight::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] #swagger-ui pre.microlight::-webkit-scrollbar-thumb {
    background: var(--skydb-cyan-deep, #0ea5e9);
}

@media (max-width: 767.98px) {
    .skydb-api-docs {
        padding-top: 1.5rem;
    }

    #swagger-ui.api-platform .wrapper {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    #swagger-ui.api-platform .info .title {
        font-size: 3rem;
    }

    #swagger-ui.api-platform .opblock-summary {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 0.35rem;
        padding: 0.65rem;
    }

    #swagger-ui.api-platform .opblock-summary-path {
        max-width: calc(100% - 5.5rem);
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #swagger-ui.api-platform .opblock-summary-description {
        flex-basis: 100%;
        padding-left: 0;
    }
}