/* Material Design 3 Dark Theme Variables */
:root {
    /* Base Colors */
    --md-sys-color-background: #0A1929;
    --md-sys-color-surface: #101F33;
    --md-sys-color-surface-variant: #132F4C;
    --md-sys-color-surface-bright: #1A3B5C;
    /* Primary Colors */
    --md-sys-color-primary: #2196F3;
    --md-sys-color-primary-variant: #64B5F6;
    --md-sys-color-secondary: #03A9F4;
    /* Method Colors */
    --md-method-get: #29B6F6;
    --md-method-post: #00E5FF;
    --md-method-put: #FFB74D;
    --md-method-delete: #FF5252;
    --md-method-patch: #B388FF;
    /* Text Colors */
    --md-sys-color-on-surface: #FFFFFF;
    --md-sys-color-on-surface-medium: rgba(255, 255, 255, 0.87);
    --md-sys-color-on-surface-dim: rgba(255, 255, 255, 0.65);
}

/* Global Styles */
body, html {
    background-color: var(--md-sys-color-background) !important;
    font-family: 'Poppins', sans-serif;
    color: var(--md-sys-color-on-surface);
}

.swagger-ui select,
.swagger-ui .parameter__name,
.swagger-ui .parameter__type,
.swagger-ui .parameter__deprecated,
.swagger-ui .parameter__in,
.swagger-ui table thead tr th,
.swagger-ui .response-col_status,
.swagger-ui .response-col_links,
.swagger-ui .responses-header td,
.swagger-ui .model-title,
.swagger-ui .model,
.swagger-ui .model-toggle::after,
.swagger-ui .tab li button.tablinks,
.swagger-ui .response-col_description__inner div {
    color: var(--md-sys-color-on-surface) !important;
}

/* Top Navigation Bar */
.swagger-ui .topbar {
    background-color: var(--md-sys-color-surface-variant);
    border-bottom: none);
    box-shadow: none;
}

/* Information Section */
.swagger-ui .info {
    margin: 32px 0;
}

    .swagger-ui .info .title {
        color: var(--md-sys-color-primary-variant);
    }

    .swagger-ui .info .description {
        color: var(--md-sys-color-on-surface);
    }

/* Operation Blocks */
.swagger-ui .opblock {
    background-color: var(--md-sys-color-surface-variant) !important;
}

    /* Operation Content */
    .swagger-ui .opblock .opblock-section-header {
        background-color: var(--md-sys-color-surface-variant) !important;
    }

        .swagger-ui .opblock .opblock-section-header h4 {
            color: var(--md-sys-color-on-surface);
        }

/* Parameters */
.swagger-ui .parameters-container {
    background-color: var(--md-sys-color-surface-variant) !important;
}

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

.swagger-ui .parameters-col_description {
    color: var(--md-sys-color-on-surface) !important;
}

/* Inputs and Textareas */
.swagger-ui input[type=text],
.swagger-ui input[type=password],
.swagger-ui input[type=search],
.swagger-ui input[type=number],
.swagger-ui input[type=email],
.swagger-ui input[type=tel],
.swagger-ui input[type=url],
.swagger-ui input[type=date],
.swagger-ui input[type=file],
.swagger-ui textarea {
    background-color: var(--md-sys-color-surface-bright) !important;
    color: var(--md-sys-color-on-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Select Dropdowns */
.swagger-ui select {
    background-color: var(--md-sys-color-surface-bright) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Buttons */
.swagger-ui .btn {
    background-color: var(--md-sys-color-surface-variant);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--md-sys-color-on-surface);
}

    .swagger-ui .btn.execute {
        background-color: var(--md-sys-color-primary);
        color: white;
    }

        .swagger-ui .btn.execute:hover {
            background-color: var(--md-sys-color-primary-variant);
        }

/* Models */
.swagger-ui section.models {
    background-color: var(--md-sys-color-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .swagger-ui section.models.is-open h4 {
        background-color: var(--md-sys-color-surface-variant) !important;
        color: var(--md-sys-color-on-surface);
    }

/* Schema */
.swagger-ui .model-box {
    background-color: var(--md-sys-color-surface-variant) !important;
}

/* Response Section */
.swagger-ui .responses-wrapper {
    background-color: var(--md-sys-color-surface-variant) !important;
}

.swagger-ui .response-col_description {
    color: var(--md-sys-color-on-surface) !important;
}

/* Response Examples */
.swagger-ui .highlight-code {
    background-color: var(--md-sys-color-surface-bright) !important;
}

.swagger-ui .example {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Code Blocks */
.swagger-ui .microlight {
    background-color: var(--md-sys-color-surface-bright) !important;
    color: var(--md-sys-color-on-surface) !important;
}

/* Authorization Button */
.swagger-ui .authorization__btn {
    background-color: var(--md-sys-color-surface-variant);
    border: 1px solid var(--md-sys-color-primary);
    color: var(--md-sys-color-primary);
}

/* Scheme Container */
.swagger-ui .scheme-container {
    background-color: var(--md-sys-color-background) !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* Tables */
.swagger-ui table {
    background-color: var(--md-sys-color-surface-variant) !important;
}

    .swagger-ui table tbody tr td {
        background-color: transparent !important;
        color: var(--md-sys-color-on-surface) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

/* HTTP Method Labels */
.swagger-ui .opblock-summary-method {
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Try it out Section */
.swagger-ui .try-out {
    margin: 16px 0;
}

.swagger-ui .try-out__btn {
    background-color: var(--md-sys-color-primary) !important;
    color: white !important;
}

/* Operation Tags */
.swagger-ui .opblock-tag {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--md-sys-color-primary-variant);
}

/* Markdown Content */
.swagger-ui .markdown p,
.swagger-ui .markdown pre,
.swagger-ui .renderedMarkdown p {
    color: var(--md-sys-color-on-surface) !important;
}

/* Dialog/Modal */
.swagger-ui .dialog-ux .modal-ux {
    background-color: var(--md-sys-color-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.swagger-ui .dialog-ux .modal-ux-header h3 {
    color: var(--md-sys-color-on-surface);
}

.swagger-ui .dialog-ux .modal-ux-content {
    background-color: var(--md-sys-color-surface-variant) !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--md-sys-color-surface);
}

::-webkit-scrollbar-thumb {
    background: var(--md-sys-color-primary);
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--md-sys-color-primary-variant);
    }

/* Expand/Collapse Icons */
.swagger-ui .expand-operation svg,
.swagger-ui .model-toggle svg {
    fill: var(--md-sys-color-on-surface) !important;
}

/* Description Text */
.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-external-docs-wrapper p,
.swagger-ui .opblock-title_normal p {
    color: var(--md-sys-color-on-surface) !important;
}

/* JSON Schema */
.swagger-ui .json-schema-form-item {
    background-color: var(--md-sys-color-surface-variant) !important;
    color: var(--md-sys-color-on-surface) !important;
}

/* Copy to Clipboard Button */
.swagger-ui .copy-to-clipboard {
    background-color: var(--md-sys-color-surface-bright) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

    .swagger-ui .copy-to-clipboard button {
        background-color: var(--md-sys-color-primary) !important;
        color: white !important;
    }
.opblock-summary-description {
    color: var(--md-sys-color-on-surface-dim) !important;
}

span {
    color: var(--md-sys-color-on-surface) !important;
}
strong{
    color: var(--md-sys-color-on-surface-medium) !important;
}


.swagger-ui .opblock-description-wrapper p, .swagger-ui .opblock-external-docs-wrapper p, .swagger-ui .opblock-title_normal p span strong{
    color: var(--md-sys-color-on-surface-dim) !important;
}

.swagger-ui .dialog-ux .modal-ux-content h4 {
    color: var(--md-sys-color-on-surface-dim);
    font-family: sans-serif;
}
.swagger-ui .dialog-ux .modal-ux-content p {
    color: var(--md-sys-color-on-surface-dim);
    font-family: sans-serif;
   
}
.swagger-ui .dialog-ux .modal-ux-content label {
    color: var(--md-sys-color-on-surface-medium);
    font-family: sans-serif;
}


.swagger-ui .markdown code, .swagger-ui .renderedMarkdown code {
    background: rgba(0, 0, 0, .05);
    border-radius: 4px;
    color: palegreen;
    font-family: monospace;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 7px;
}

.swagger-ui .authorization__btn.unlocked {
    visibility:hidden !important;
}
.swagger-ui .parameter__name.required:after {
    color: orangered;

}
.swagger-ui .response-control-media-type__accept-message {
    color: greenyellow;
}



.swagger-ui .topbar .topbar-wrapper, .swagger-ui .topbar a {
    content: url('https://i.ibb.co/PzhrPBBN/Logotipo-Imaginasoft-site-250x45px.png') !important;
    width: 190px;
    height: auto;
    align-items: center;
    display: flex;
}


.swagger-ui .dialog-ux .modal-ux-content {
    background-color: var(--md-sys-color-surface-variant) !important;
}