/* Swagger Custom Theme - Navy Indigo */
:root {
    --primary: #1E3D6E;
    --accent: #3B82F6;
    --bg: #F8FAFC;
}

body {
    background-color: var(--bg) !important;
    font-family: 'Inter', -apple-system, system-ui, sans-serif !important;
}

#header {
    background-color: var(--primary) !important;
    padding: 14px 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.swagger-section #header a#logo {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: none !important;
    padding-left: 0 !important;
}

.swagger-section #header a#logo:after {
    content: ' Gateway API';
    color: #60A5FA;
}

.swagger-section #header form#api_selector .input a#explore {
    background-color: var(--accent) !important;
    border-radius: 4px !important;
    color: #fff !important;
}

.swagger-ui-wrap .info_title {
    color: var(--primary) !important;
    font-weight: 800 !important;
}

/* Operation Blocks */
.swagger-section .operations .operation > .heading {
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    margin-bottom: 10px !important;
    background: #fff !important;
}

.swagger-section .operations .operation.get > .heading { background: #eff6ff !important; border-color: #bfdbfe !important; }
.swagger-section .operations .operation.post > .heading { background: #f0fdf4 !important; border-color: #bbf7d0 !important; }

.swagger-section .operations .operation > .heading h4 .http_method a {
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 4px 8px !important;
}

/* Auth Section */
.auth-container {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    margin-bottom: 20px !important;
}

input#input_apiKey {
    border: 1px solid #cbd5e1 !important;
    padding: 8px !important;
    border-radius: 4px !important;
}
