﻿/*html {
    box-sizing: border-box;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: #fafafa;
}*/

/* Modern Swagger UI Theme - Light Mode */
/* Paste this into your Swagger UI customization */

.swagger-ui {
    font-family: 'Inter', system-ui, sans-serif;
}

    .swagger-ui .topbar {
        background-color: #fff;
        border-bottom: 1px solid hsl(220 13% 91%);
    }

    .swagger-ui .info {
        margin: 30px 0;
    }

        .swagger-ui .info .title {
            font-size: 1.75rem;
            font-weight: 600;
            color: hsl(222 47% 11%);
        }

    .swagger-ui .opblock {
        border-radius: 0.5rem;
        border: 1px solid hsl(220 13% 91%);
        background: #fff;
        box-shadow: none;
        margin-bottom: 0.75rem;
    }

        .swagger-ui .opblock:hover {
            border-color: hsl(217 91% 50% / 0.5);
            box-shadow: 0 4px 12px hsl(217 91% 50% / 0.08);
        }

        .swagger-ui .opblock.opblock-get {
            border-color: hsl(142 71% 35% / 0.3);
            background: #fff;
        }

            .swagger-ui .opblock.opblock-get:hover {
                border-color: hsl(142 71% 35% / 0.6);
                box-shadow: 0 4px 12px hsl(142 71% 35% / 0.12);
            }

            .swagger-ui .opblock.opblock-get .opblock-summary-method {
                background: hsl(142 71% 35% / 0.1);
                color: white;
                border: 1px solid hsl(142 71% 35% / 0.3);
                border-radius: 0.375rem;
                font-family: 'JetBrains Mono', monospace;
                font-size: 0.75rem;
                font-weight: 600;
            }

        .swagger-ui .opblock.opblock-post {
            border-color: hsl(217 91% 50% / 0.3);
        }

            .swagger-ui .opblock.opblock-post:hover {
                border-color: hsl(217 91% 50% / 0.6);
                box-shadow: 0 4px 12px hsl(217 91% 50% / 0.12);
            }

            .swagger-ui .opblock.opblock-post .opblock-summary-method {
                background: hsl(217 91% 50% / 0.1);
                color: white;
                border: 1px solid hsl(217 91% 50% / 0.3);
                border-radius: 0.375rem;
                font-family: 'JetBrains Mono', monospace;
                font-size: 0.75rem;
                font-weight: 600;
            }

        .swagger-ui .opblock.opblock-put {
            border-color: hsl(38 92% 45% / 0.3);
        }

            .swagger-ui .opblock.opblock-put:hover {
                border-color: hsl(38 92% 45% / 0.6);
                box-shadow: 0 4px 12px hsl(38 92% 45% / 0.12);
            }

            .swagger-ui .opblock.opblock-put .opblock-summary-method {
                background: hsl(38 92% 45% / 0.1);
                color: hsl(38 92% 45%);
                border: 1px solid hsl(38 92% 45% / 0.3);
                border-radius: 0.375rem;
                font-family: 'JetBrains Mono', monospace;
                font-size: 0.75rem;
                font-weight: 600;
            }

        .swagger-ui .opblock.opblock-delete {
            border-color: hsl(0 84% 50% / 0.3);
        }

            .swagger-ui .opblock.opblock-delete:hover {
                border-color: hsl(0 84% 50% / 0.6);
                box-shadow: 0 4px 12px hsl(0 84% 50% / 0.12);
            }

            .swagger-ui .opblock.opblock-delete .opblock-summary-method {
                background: hsl(0 84% 50% / 0.1);
                color: hsl(0 84% 50%);
                border: 1px solid hsl(0 84% 50% / 0.3);
                border-radius: 0.375rem;
                font-family: 'JetBrains Mono', monospace;
                font-size: 0.75rem;
                font-weight: 600;
            }

        .swagger-ui .opblock .opblock-summary-path {
            font-family: 'JetBrains Mono', monospace;
            font-size: 0.875rem;
            color: hsl(222 47% 11%);
        }

        .swagger-ui .opblock .opblock-summary-description {
            font-size: 0.875rem;
            color: hsl(220 9% 46%);
        }

    .swagger-ui .opblock-body pre {
        background: hsl(220 14% 96%);
        border: 1px solid hsl(220 13% 91%);
        border-radius: 0.5rem;
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.75rem;
    }

    .swagger-ui .btn {
        border-radius: 0.375rem;
        font-weight: 500;
        transition: all 0.2s;
    }

        .swagger-ui .btn.execute {
            background: hsl(217 91% 50%);
            border-color: hsl(217 91% 50%);
            color: #fff;
        }

            .swagger-ui .btn.execute:hover {
                box-shadow: 0 4px 12px hsl(217 91% 50% / 0.25);
            }

    .swagger-ui .parameter__name {
        font-family: 'JetBrains Mono', monospace;
        color: hsl(222 47% 11%);
    }

    .swagger-ui .parameter__type {
        font-family: 'JetBrains Mono', monospace;
        color: hsl(280 68% 45%);
        font-size: 0.75rem;
    }

    .swagger-ui .parameter__in {
        color: hsl(220 9% 46%);
        font-size: 0.75rem;
    }

    .swagger-ui table.model {
        font-family: 'JetBrains Mono', monospace;
    }

    .swagger-ui .model-box {
        background: hsl(220 14% 98%);
        border-radius: 0.5rem;
    }

    .swagger-ui section.models {
        border: 1px solid hsl(220 13% 91%);
        border-radius: 0.5rem;
    }

        .swagger-ui section.models h4 {
            font-size: 1rem;
            font-weight: 600;
            color: hsl(222 47% 11%);
        }