/* ==========================================================================
   1. VARIABLES & RESET (WebMoney Events Theme)
   ========================================================================== */
:root {
    --wm-bg-body: #e9ebee; /* WebMoney Feed Grey */
    --wm-bg-card: #ffffff; /* White Content Cards */
    --wm-header-bg: #3e5b76; /* Dark Slate Header */
    --wm-border: #dfe2e5; /* Subtle Card Borders */
    --wm-text-main: #1c1e21;
    --wm-text-muted: #606770;
    --wm-link: #365899; /* Social Link Blue */
    --wm-btn-primary: #035a9b; /* WebMoney Button Blue */
    --wm-btn-hover: #024679;
    --radius: 3px;
}

/* Local Fonts - No Remote Downloads */
body,
.swagger-ui {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--wm-text-main);
    background-color: var(--wm-bg-body);
    font-size: 13px;
    line-height: 1.4;
}

    /* ==========================================================================
   2. LAYOUT & CONTAINERS
   ========================================================================== */
    .swagger-ui .topbar {
        background-color: var(--wm-header-bg);
        border-bottom: 1px solid #293e50;
        padding: 10px 0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }

    .swagger-ui .wrapper {
        max-width: 1000px;
        margin: 0 auto;
    }

    /* Alignment for the Server/Scheme dropdown block */
    .swagger-ui .scheme-container {
        max-width: 960px;
        margin: 0 auto;
        background: transparent;
        box-shadow: none;
        padding: 0;
        margin-bottom: 15px;
    }

    .swagger-ui .info{
        min-width: 400px;
    }
    /* Card Styling */
    .swagger-ui .info,
    .swagger-ui .opblock,
    .swagger-ui section.models,
    .swagger-ui .schemes {
        background: var(--wm-bg-card);
        border: 1px solid var(--wm-border);
        border-radius: var(--radius);
        margin-bottom: 15px;
        padding: 15px 20px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }

        /* ==========================================================================
   3. TYPOGRAPHY & LINKS
   ========================================================================== */
        .swagger-ui .info .title {
            font-size: 24px;
            font-weight: 400;
            color: #333;
            font-family: inherit;
        }

    .swagger-ui a {
        color: var(--wm-link);
        text-decoration: none;
        font-weight: 600;
    }

        .swagger-ui a:hover {
            text-decoration: underline;
        }

    /* ==========================================================================
   4. OPERATIONS (Endpoints)
   ========================================================================== */
    .swagger-ui .opblock {
        padding: 0;
    }

    .swagger-ui .opblock-summary {
        padding: 10px 15px;
    }

    /* Badges */
    .swagger-ui .opblock-summary-method {
        font-size: 11px;
        border-radius: var(--radius);
        padding: 4px 10px;
        font-weight: 700;
        text-shadow: none;
    }

    /* Clean White backgrounds */
    .swagger-ui .opblock.opblock-get,
    .swagger-ui .opblock.opblock-post,
    .swagger-ui .opblock.opblock-put,
    .swagger-ui .opblock.opblock-delete {
        background: #fff;
        border-color: var(--wm-border);
    }

    .swagger-ui .opblock-summary:hover {
        background-color: #f5f6f7;
    }

    /* ==========================================================================
   5. SCHEMA / MODELS (Compact & No Gap)
   ========================================================================== */

    /* 5.1. Remove Background Boxes */
    .swagger-ui .model-box {
        background-color: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
    }

    /* 5.2. FIX GAP & STRETCH */
    .swagger-ui table.model {
        /* Don't stretch to 100% */
        width: auto !important;
        /* Keep a small visual thread line */
        margin-left: 10px !important;
        border-left: 1px solid #e0e0e0;
    }

        /* 5.3. Shrink the Property Name Column (Left Column) */
        .swagger-ui table.model tbody tr td:first-of-type {
            /* This trick forces the column to only be as wide as the text */
            width: 1% !important;
            white-space: nowrap !important;
            padding: 2px 20px 2px 5px !important; /* 20px gap to the right */
            vertical-align: top;
        }

        /* 5.4. Regular Cells */
        .swagger-ui table.model tbody tr td {
            padding: 2px 0 !important;
            vertical-align: top;
        }

    /* 5.5. Remove Vertical Borders/Margins on Nested Objects */
    .swagger-ui section.models .model-container,
    .swagger-ui .model-box .model {
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        padding-left: 0 !important;
    }

    /* 5.6. Text Styles */
    .swagger-ui .prop-name {
        font-weight: 600;
        color: #4b4f56;
    }

    .swagger-ui .prop-type {
        color: #90949c;
        font-size: 0.9em;
    }

    /* 5.7. REMOVE ARROW BUTTON BORDERS */
    .swagger-ui .model-box button,
    .swagger-ui .model-box .model-toggle,
    .swagger-ui .model-box .model-box-control,
    .swagger-ui .model-box .expand-operation {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

        .swagger-ui .model-box button:focus,
        .swagger-ui .model-box .model-toggle:focus {
            outline: none !important;
            box-shadow: none !important;
        }

    /* 5.8. Hide Scrollbars */
    .swagger-ui .model-example {
        overflow-x: hidden !important;
    }

    /* ==========================================================================
   6. INPUTS & BUTTONS
   ========================================================================== */
    .swagger-ui input[type=text], .swagger-ui textarea {
        background: #f5f6f7;
        border: 1px solid #ccd0d5;
        padding: 8px;
        border-radius: 0;
    }

    .swagger-ui .btn.execute {
        background-color: var(--wm-btn-primary);
        border-color: var(--wm-btn-primary);
        color: #fff;
        width: 100%;
        box-shadow: none;
        border-radius: var(--radius);
        font-weight: 600;
    }

        .swagger-ui .btn.execute:hover {
            background-color: var(--wm-btn-hover);
        }

    .swagger-ui .btn.authorize {
        color: var(--wm-btn-primary);
        border-color: var(--wm-btn-primary);
        background: transparent;
    }

        .swagger-ui .btn.authorize svg {
            fill: var(--wm-btn-primary);
        }