/* wwwroot/css/swagger-custom.css
   AS-Mart Swagger UI — modern, colorful, responsive theme
*/

:root {
    --as-primary: #4f46e5;
    --as-primary-dark: #312e81;
    --as-secondary: #7c3aed;
    --as-pink: #db2777;
    --as-blue: #2563eb;
    --as-cyan: #0891b2;
    --as-green: #059669;
    --as-orange: #d97706;
    --as-red: #dc2626;
    --as-bg: #f8fafc;
    --as-bg-soft: #eef2ff;
    --as-surface: rgba(255, 255, 255, .94);
    --as-surface-solid: #ffffff;
    --as-border: rgba(148, 163, 184, .24);
    --as-border-strong: #cbd5e1;
    --as-text: #0f172a;
    --as-muted: #64748b;
    --as-shadow-xl: 0 28px 80px rgba(15, 23, 42, .13);
    --as-shadow-lg: 0 18px 48px rgba(15, 23, 42, .10);
    --as-shadow-md: 0 12px 30px rgba(15, 23, 42, .08);
    --as-shadow-sm: 0 8px 22px rgba(15, 23, 42, .06);
    --as-radius-xl: 30px;
    --as-radius-lg: 22px;
    --as-radius-md: 16px;
    --as-radius-sm: 12px;
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
    margin: 0;
    color: var(--as-text);
    background: radial-gradient(circle at 5% 3%, rgba(79, 70, 229, .16), transparent 28%), radial-gradient(circle at 95% 4%, rgba(219, 39, 119, .12), transparent 27%), radial-gradient(circle at 50% 100%, rgba(8, 145, 178, .10), transparent 30%), linear-gradient(180deg, #f8fafc 0%, #eef2ff 46%, #f8fafc 100%);
    background-attachment: fixed;
}

    body::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        background-image: linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px);
        background-size: 34px 34px;
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent 72%);
    }

.swagger-ui {
    color: var(--as-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

    .swagger-ui * {
        box-sizing: border-box;
        scrollbar-width: thin;
        scrollbar-color: #94a3b8 #e2e8f0;
    }

        .swagger-ui *::-webkit-scrollbar {
            width: 9px;
            height: 9px;
        }

        .swagger-ui *::-webkit-scrollbar-track {
            border-radius: 999px;
            background: #e2e8f0;
        }

        .swagger-ui *::-webkit-scrollbar-thumb {
            border-radius: 999px;
            background: linear-gradient(180deg, #94a3b8, #64748b);
        }

    .swagger-ui .wrapper {
        max-width: 1720px;
        padding: 0 22px 54px;
    }

    /* =========================================================
   TOP BAR
   ========================================================= */

    .swagger-ui .topbar {
        position: sticky;
        top: 0;
        z-index: 100;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .16);
        background: radial-gradient(circle at 78% 50%, rgba(236, 72, 153, .28), transparent 25%), linear-gradient(135deg, var(--as-primary-dark) 0%, var(--as-primary) 42%, var(--as-secondary) 72%, var(--as-pink) 100%);
        box-shadow: 0 16px 42px rgba(15, 23, 42, .24);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
    }

        .swagger-ui .topbar .wrapper {
            display: flex;
            align-items: center;
            min-height: 70px;
            padding-top: 0;
            padding-bottom: 0;
        }

    .swagger-ui .topbar-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        width: 100%;
    }

        .swagger-ui .topbar-wrapper::before {
            content: "AS-Mart API Explorer";
            display: inline-flex;
            align-items: center;
            min-width: 0;
            color: #fff;
            font-size: clamp(.95rem, 1.4vw, 1.12rem);
            font-weight: 950;
            letter-spacing: -.02em;
            white-space: nowrap;
        }

        .swagger-ui .topbar-wrapper::after {
            content: "REST • JSON • HTTPS";
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            padding: .42rem .68rem;
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 999px;
            color: rgba(255, 255, 255, .92);
            background: rgba(255, 255, 255, .12);
            font-size: .68rem;
            font-weight: 900;
            letter-spacing: .06em;
            white-space: nowrap;
        }

        .swagger-ui .topbar-wrapper .link,
        .swagger-ui .topbar-wrapper svg,
        .swagger-ui .topbar .download-url-wrapper {
            display: none !important;
        }

    /* =========================================================
   API INFORMATION / HERO
   ========================================================= */

    .swagger-ui .information-container {
        margin: 32px 0 22px;
    }

    .swagger-ui .info {
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: clamp(24px, 4vw, 46px);
        border: 1px solid rgba(99, 102, 241, .15);
        border-radius: var(--as-radius-xl);
        background: radial-gradient(circle at 94% 8%, rgba(219, 39, 119, .18), transparent 29%), radial-gradient(circle at 80% 100%, rgba(37, 99, 235, .16), transparent 35%), linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(248,247,255,.97) 52%, rgba(239,246,255,.98) 100%);
        box-shadow: var(--as-shadow-xl);
        isolation: isolate;
    }

        .swagger-ui .info::before {
            content: "";
            position: absolute;
            top: -125px;
            right: -100px;
            z-index: -1;
            width: 340px;
            height: 340px;
            border: 46px solid rgba(255, 255, 255, .34);
            border-radius: 50%;
        }

        .swagger-ui .info::after {
            content: "Interactive API documentation";
            display: inline-flex;
            align-items: center;
            margin-top: 14px;
            padding: .45rem .72rem;
            border: 1px solid rgba(79, 70, 229, .14);
            border-radius: 999px;
            color: var(--as-primary);
            background: rgba(255, 255, 255, .78);
            font-size: .72rem;
            font-weight: 900;
            letter-spacing: .04em;
        }

        .swagger-ui .info .title {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
            max-width: 1050px;
            margin: 0 0 14px;
            color: var(--as-text);
            font-size: clamp(2.15rem, 5vw, 4.4rem);
            font-weight: 950;
            line-height: 1.01;
            letter-spacing: -.06em;
        }

            .swagger-ui .info .title small {
                top: 0;
                margin: 0;
            }

                .swagger-ui .info .title small pre {
                    padding: 5px 10px;
                    border: 1px solid #c7d2fe;
                    border-radius: 999px;
                    background: linear-gradient(135deg, #eef2ff, #f5f3ff);
                    color: #4338ca;
                    font-size: .7rem;
                    font-weight: 950;
                }

        .swagger-ui .info .base-url {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            margin: 6px 0 18px;
            padding: .45rem .7rem;
            border: 1px solid #dbeafe;
            border-radius: 10px;
            color: #1d4ed8;
            background: rgba(239, 246, 255, .82);
            font-family: "Cascadia Code", Consolas, monospace;
            font-size: .78rem;
            font-weight: 800;
            overflow-wrap: anywhere;
        }

        .swagger-ui .info p,
        .swagger-ui .info li,
        .swagger-ui .info table,
        .swagger-ui .info a {
            color: var(--as-muted);
        }

        .swagger-ui .info p,
        .swagger-ui .info li {
            max-width: 1000px;
            font-size: .98rem;
            line-height: 1.75;
        }

        .swagger-ui .info a {
            color: var(--as-primary);
            font-weight: 800;
            text-decoration: none;
        }

            .swagger-ui .info a:hover {
                color: var(--as-secondary);
                text-decoration: underline;
            }

    /* =========================================================
   AUTHORIZATION / SERVER / FILTER
   ========================================================= */

    .swagger-ui .scheme-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin: 0 0 24px;
        padding: 18px 20px;
        border: 1px solid var(--as-border);
        border-radius: var(--as-radius-lg);
        background: #fff;
        box-shadow: var(--as-shadow-md);
        position: relative;
        z-index: 1;
        overflow: visible !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

        .swagger-ui .scheme-container .schemes {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: .75rem;
        }

        .swagger-ui .scheme-container label {
            color: var(--as-muted);
            font-size: .76rem;
            font-weight: 900;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

    .swagger-ui .auth-wrapper {
        display: flex;
        justify-content: flex-end;
        width: auto;
        margin-left: auto;
        position: static !important;
        overflow: visible !important;
    }

    .swagger-ui .btn.authorize {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 190px;
        min-height: 48px;
        padding: 0 20px;
        border: 0;
        border-radius: 14px;
        color: #fff;
        background: linear-gradient(135deg, var(--as-primary), var(--as-secondary), var(--as-pink));
        box-shadow: 0 14px 30px rgba(79, 70, 229, .23);
        font-weight: 950;
        transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    }

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

        .swagger-ui .btn.authorize:hover,
        .swagger-ui .btn.authorize:focus {
            color: #fff;
            filter: brightness(.98);
            transform: translateY(-2px);
            box-shadow: 0 18px 38px rgba(79, 70, 229, .31);
        }

    .swagger-ui .filter-container {
        margin: 0 0 22px;
        padding: 0;
    }

    .swagger-ui .filter {
        position: relative;
    }

        .swagger-ui .filter::before {
            content: "Filter endpoints";
            display: block;
            margin-bottom: .45rem;
            color: #475569;
            font-size: .72rem;
            font-weight: 900;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

        .swagger-ui .filter .operation-filter-input {
            width: 100%;
            min-height: 50px;
            padding: 0 16px;
            border: 1px solid var(--as-border-strong);
            border-radius: 15px;
            background: rgba(255, 255, 255, .96);
            color: var(--as-text);
            box-shadow: var(--as-shadow-sm);
            font-size: .88rem;
            font-weight: 700;
        }

            .swagger-ui .filter .operation-filter-input:focus {
                border-color: #818cf8;
                outline: 4px solid rgba(99, 102, 241, .11);
            }

    /* =========================================================
   TAG GROUPS
   ========================================================= */

    .swagger-ui .opblock-tag-section {
        margin-bottom: 20px;
    }

    .swagger-ui .opblock-tag {
        position: relative;
        margin: 0 0 12px;
        padding: 19px 20px 19px 58px;
        border: 1px solid var(--as-border);
        border-radius: 19px;
        background: radial-gradient(circle at 92% 20%, rgba(124, 58, 237, .10), transparent 22%), var(--as-surface);
        color: var(--as-text);
        font-size: 1.08rem;
        font-weight: 950;
        box-shadow: var(--as-shadow-sm);
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

        .swagger-ui .opblock-tag::before {
            content: "API";
            position: absolute;
            left: 16px;
            top: 50%;
            display: grid;
            place-items: center;
            width: 30px;
            height: 30px;
            border-radius: 10px;
            color: #fff;
            background: linear-gradient(135deg, var(--as-primary), var(--as-secondary));
            font-size: .58rem;
            font-weight: 950;
            letter-spacing: .04em;
            transform: translateY(-50%);
        }

        .swagger-ui .opblock-tag:hover {
            border-color: rgba(79, 70, 229, .24);
            background: #fff;
            box-shadow: var(--as-shadow-md);
            transform: translateY(-2px);
        }

        .swagger-ui .opblock-tag svg {
            fill: var(--as-text);
        }

    /* =========================================================
   ENDPOINT BLOCKS
   ========================================================= */

    .swagger-ui .opblock {
        overflow: hidden;
        margin: 0 0 14px;
        border-width: 1px;
        border-radius: 19px;
        box-shadow: var(--as-shadow-sm);
        transition: transform .2s ease, box-shadow .2s ease;
    }

        .swagger-ui .opblock:hover {
            box-shadow: var(--as-shadow-md);
            transform: translateY(-1px);
        }

        .swagger-ui .opblock .opblock-summary {
            min-height: 62px;
            padding: 0 15px;
        }

        .swagger-ui .opblock .opblock-summary-method {
            min-width: 82px;
            border-radius: 11px;
            font-size: .8rem;
            font-weight: 950;
            letter-spacing: .03em;
            text-shadow: none;
            box-shadow: 0 5px 14px rgba(15, 23, 42, .10);
        }

        .swagger-ui .opblock .opblock-summary-path {
            min-width: 0;
            color: var(--as-text);
            font-family: "Cascadia Code", Consolas, monospace;
            font-size: .94rem;
            font-weight: 850;
            overflow-wrap: anywhere;
        }

        .swagger-ui .opblock .opblock-summary-description {
            color: var(--as-muted);
            font-size: .82rem;
            font-weight: 650;
        }

        .swagger-ui .opblock .opblock-summary-control:focus {
            outline: none;
        }

        .swagger-ui .opblock.is-open .opblock-summary {
            border-bottom: 1px solid rgba(148, 163, 184, .18);
        }

    .swagger-ui .opblock-body {
        background: rgba(255, 255, 255, .82);
    }

    .swagger-ui .opblock-description-wrapper,
    .swagger-ui .opblock-external-docs-wrapper,
    .swagger-ui .opblock-title_normal,
    .swagger-ui .parameter__name,
    .swagger-ui .response-col_description {
        color: var(--as-muted);
    }

    /* Method colors */
    .swagger-ui .opblock.opblock-get {
        border-color: rgba(14, 165, 233, .38);
        background: linear-gradient(135deg, rgba(224, 242, 254, .72), rgba(240, 249, 255, .62));
    }

    .swagger-ui .opblock.opblock-post {
        border-color: rgba(22, 163, 74, .36);
        background: linear-gradient(135deg, rgba(220, 252, 231, .72), rgba(240, 253, 244, .62));
    }

    .swagger-ui .opblock.opblock-put,
    .swagger-ui .opblock.opblock-patch {
        border-color: rgba(217, 119, 6, .36);
        background: linear-gradient(135deg, rgba(254, 243, 199, .74), rgba(255, 251, 235, .64));
    }

    .swagger-ui .opblock.opblock-delete {
        border-color: rgba(220, 38, 38, .36);
        background: linear-gradient(135deg, rgba(254, 226, 226, .74), rgba(255, 241, 242, .64));
    }

    /* =========================================================
   FORMS / INPUTS / BUTTONS
   ========================================================= */

    .swagger-ui input[type="text"],
    .swagger-ui input[type="password"],
    .swagger-ui input[type="search"],
    .swagger-ui input[type="email"],
    .swagger-ui input[type="number"],
    .swagger-ui textarea,
    .swagger-ui select {
        min-height: 44px;
        border: 1px solid var(--as-border-strong);
        border-radius: 11px;
        background: #fff;
        color: var(--as-text);
        box-shadow: none;
        font-family: inherit;
    }

    .swagger-ui textarea {
        min-height: 130px;
        padding: .75rem;
    }

        .swagger-ui input:focus,
        .swagger-ui textarea:focus,
        .swagger-ui select:focus {
            border-color: #818cf8;
            outline: 4px solid rgba(99, 102, 241, .11);
        }

    .swagger-ui .btn {
        border-radius: 11px;
        font-weight: 850;
        transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }

        .swagger-ui .btn:hover {
            transform: translateY(-1px);
        }

        .swagger-ui .btn.execute {
            min-height: 46px;
            border: 0;
            color: #fff;
            background: linear-gradient(135deg, var(--as-primary), var(--as-secondary), var(--as-pink));
            box-shadow: 0 12px 26px rgba(79, 70, 229, .22);
        }

            .swagger-ui .btn.execute:hover {
                color: #fff;
                filter: brightness(.97);
            }

        .swagger-ui .btn.cancel {
            border-color: #cbd5e1;
            color: #475569;
            background: #fff;
        }

        .swagger-ui .btn.try-out__btn {
            border-color: var(--as-primary);
            color: var(--as-primary);
            background: #fff;
        }

            .swagger-ui .btn.try-out__btn:hover {
                color: #fff;
                background: var(--as-primary);
            }

    /* =========================================================
   TABLES / RESPONSES / MODELS
   ========================================================= */

    .swagger-ui table {
        border-collapse: separate;
        border-spacing: 0;
    }

        .swagger-ui table thead tr th {
            color: #475569;
            font-size: .75rem;
            font-weight: 950;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

        .swagger-ui table tbody tr td {
            color: var(--as-text);
        }

    .swagger-ui .responses-wrapper,
    .swagger-ui .parameters-container {
        padding: 0 18px 18px;
    }

    .swagger-ui .responses-inner {
        padding: 16px;
        border: 1px solid rgba(148, 163, 184, .18);
        border-radius: 15px;
        background: rgba(248, 250, 252, .88);
    }

    .swagger-ui .response-col_status {
        color: var(--as-text);
        font-weight: 950;
    }

    .swagger-ui .highlight-code,
    .swagger-ui .microlight,
    .swagger-ui pre {
        border-radius: 12px !important;
        background: #0f172a !important;
        color: #e2e8f0 !important;
        font-family: "Cascadia Code", "Fira Code", Consolas, monospace !important;
        font-size: .82rem !important;
        line-height: 1.6 !important;
        text-align: left !important;
        white-space: pre !important;
        overflow-x: auto !important;
    }

    .swagger-ui .model-box,
    .swagger-ui section.models {
        border: 1px solid var(--as-border);
        border-radius: 17px;
        background: #fff;
    }

    .swagger-ui section.models {
        margin: 26px 0;
        box-shadow: var(--as-shadow-sm);
    }

        .swagger-ui section.models h4 {
            color: var(--as-text);
        }

    .swagger-ui .model-title {
        color: var(--as-text);
        font-weight: 850;
    }

    .swagger-ui .model-toggle::after {
        background: transparent;
    }

    /* =========================================================
   AUTH MODAL
   ========================================================= */

    .swagger-ui .dialog-ux .backdrop-ux {
        background: rgba(15, 23, 42, .62);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .swagger-ui .dialog-ux .modal-ux {
        overflow: hidden;
        border: 1px solid var(--as-border);
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 30px 90px rgba(15, 23, 42, .30);
    }

    .swagger-ui .dialog-ux .modal-ux-header {
        padding: 18px 22px;
        border-bottom: 1px solid var(--as-border);
        background: linear-gradient(135deg, #eef2ff, #f5f3ff, #fdf2f8);
    }

        .swagger-ui .dialog-ux .modal-ux-header h3 {
            color: var(--as-text);
            font-weight: 950;
        }

    .swagger-ui .dialog-ux .modal-ux-content {
        color: var(--as-muted);
    }

    /* =========================================================
   ACCESSIBILITY
   ========================================================= */

    .swagger-ui a:focus-visible,
    .swagger-ui button:focus-visible,
    .swagger-ui input:focus-visible,
    .swagger-ui select:focus-visible,
    .swagger-ui textarea:focus-visible {
        outline: 3px solid rgba(99, 102, 241, .28);
        outline-offset: 2px;
    }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199.98px) {
    .swagger-ui .wrapper {
        padding-inline: 16px;
    }

    .swagger-ui .opblock .opblock-summary {
        flex-wrap: wrap;
        gap: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .swagger-ui .opblock .opblock-summary-path {
        flex: 1 1 calc(100% - 105px);
        max-width: 100%;
    }

    .swagger-ui .opblock .opblock-summary-description {
        flex: 1 1 100%;
        padding-left: 98px;
    }
}

@media (max-width: 991.98px) {
    .swagger-ui .scheme-container {
        align-items: stretch;
        flex-direction: column;
    }

    .swagger-ui .auth-wrapper {
        width: 100%;
        margin-left: 0;
    }

    .swagger-ui .btn.authorize {
        width: 100%;
    }

    .swagger-ui .opblock .opblock-summary-description {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .swagger-ui .wrapper {
        padding: 0 9px 32px;
    }

    .swagger-ui .topbar .wrapper {
        min-height: 58px;
        padding-inline: 12px;
    }

    .swagger-ui .topbar-wrapper::after {
        display: none;
    }

    .swagger-ui .information-container {
        margin-top: 18px;
    }

    .swagger-ui .info {
        padding: 20px;
        border-radius: 22px;
    }

        .swagger-ui .info .title {
            display: block;
            font-size: clamp(1.85rem, 10vw, 2.85rem);
        }

            .swagger-ui .info .title small {
                display: inline-block;
                margin-top: 9px;
            }

    .swagger-ui .scheme-container {
        padding: 14px;
        border-radius: 18px;
    }

    .swagger-ui .opblock-tag {
        padding: 15px 14px 15px 52px;
        border-radius: 16px;
    }

        .swagger-ui .opblock-tag::before {
            left: 13px;
        }

    .swagger-ui .opblock {
        border-radius: 15px;
    }

        .swagger-ui .opblock .opblock-summary {
            align-items: flex-start;
            padding-inline: 10px;
        }

        .swagger-ui .opblock .opblock-summary-method {
            min-width: 70px;
        }

        .swagger-ui .opblock .opblock-summary-path {
            flex: 1 1 calc(100% - 82px);
            font-size: .84rem;
        }

        .swagger-ui .opblock .opblock-summary-description {
            flex: 1 1 100%;
            font-size: .76rem;
        }

    .swagger-ui .responses-wrapper,
    .swagger-ui .parameters-container {
        padding-inline: 10px;
    }

    .swagger-ui .table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .swagger-ui table {
        min-width: 680px;
    }

    .swagger-ui .btn.execute,
    .swagger-ui .btn.cancel,
    .swagger-ui .btn.try-out__btn {
        width: 100%;
    }

    .swagger-ui .highlight-code,
    .swagger-ui .microlight,
    .swagger-ui pre {
        font-size: .76rem !important;
    }
}

@media (max-width: 479.98px) {
    .swagger-ui .topbar-wrapper::before {
        font-size: .88rem;
    }

    .swagger-ui .info {
        padding: 16px;
        border-radius: 18px;
    }

        .swagger-ui .info .title {
            font-size: clamp(1.7rem, 11vw, 2.45rem);
        }

    .swagger-ui .opblock .opblock-summary-method {
        min-width: 62px;
        padding-inline: 7px;
        font-size: .72rem;
    }

    .swagger-ui .opblock .opblock-summary-path {
        flex-basis: calc(100% - 74px);
        font-size: .78rem;
    }

    .swagger-ui .btn.authorize {
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .swagger-ui .opblock,
    .swagger-ui .opblock-tag,
    .swagger-ui .btn,
    .swagger-ui .btn.authorize {
        transition: none;
    }
}



/* ===== FINAL AUTH DIALOG FIX ===== */

.swagger-ui .dialog-ux {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
}

    .swagger-ui .dialog-ux .backdrop-ux {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15,23,42,.65) !important;
        z-index: 2147483646 !important;
    }

    .swagger-ui .dialog-ux .modal-ux {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%) !important;
        width: min(760px,92vw) !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
    }

.swagger-ui .filter-container,
.swagger-ui .filter,
.swagger-ui .opblock-tag-section,
.swagger-ui .models {
    position: relative !important;
    z-index: 0 !important;
}