/* Kleur voor POST endpoints */
.opblock.opblock-post {
    border: 3px solid #28a745; /* groen randje */
    border-radius: 8px;
}

/* Kleur voor GET endpoints */
.opblock.opblock-get {
    border: 3px solid #007bff; /* blauw randje */
    border-radius: 8px;
}

/* Voor gewijzigde endpoints (oranje rand) */
.opblock.opblock-put {
    border: 3px solid #fd7e14;
    border-radius: 8px;
}

/* Voor verouderde endpoints (rood rand) */
.opblock.deprecated {
    border: 3px solid #dc3545;
    border-radius: 8px;
    background: #fff0f0 !important; /* lichte rode achtergrond */
}
/* Nieuw endpoint (groen rand + achtergrond) */
.opblock.api-nieuw {
    border: 3px solid #28a745 !important;
    border-radius: 8px;
    background: #f0fff5 !important; /* lichtgroene achtergrond */
}

/* Gewijzigd endpoint (oranje rand + achtergrond) */
.opblock.api-gewijzigd {
    border: 3px solid #fd7e14 !important;
    border-radius: 8px;
    background: #fff8f0 !important; /* lichtoranje achtergrond */
}
/* Authorization modal: tab-weergave via custom-auth-tabs.js; verwijder 2‑koloms grid */
/* Behoud compacter uiterlijk en iets bredere modal */
.swagger-ui .dialog-ux .modal-ux-content .auth-container h4,
.swagger-ui .dialog-ux .modal-ux-content .auth-container h5 {
    margin: 0 0 6px 0;
}
.swagger-ui .dialog-ux .modal-ux-content .auth-container label {
    margin-bottom: 4px;
}
.swagger-ui .dialog-ux .modal-dialog-ux {
    max-width: 900px; /* tabs zijn compacter; 900px is voldoende */
}