/* Customizações específicas para o Swagger UI */

/* Garantir fundo branco para o Swagger UI */
.swagger-ui {
    background: white !important;
}

/* Melhorar a aparência dos botões */
.swagger-ui .btn.authorize {
    background-color: #667eea;
    border-color: #667eea;
}

.swagger-ui .btn.authorize:hover {
    background-color: #5a6fd8;
    border-color: #5a6fd8;
}

/* Melhorar a aparência dos métodos HTTP */
.swagger-ui .opblock.opblock-post {
    border-color: #49cc90;
    background: rgba(73, 204, 144, 0.1);
}

.swagger-ui .opblock.opblock-get {
    border-color: #61affe;
    background: rgba(97, 175, 254, 0.1);
}

/* Melhorar a aparência dos parâmetros */
.swagger-ui .parameters-col_description p {
    margin: 0;
    color: #3b4151;
}

/* Melhorar a aparência das respostas */
.swagger-ui .responses-inner h4 {
    font-size: 14px;
    margin: 10px 0 5px 0;
    color: #3b4151;
}

/* Melhorar a aparência do código */
.swagger-ui .highlight-code {
    background: #f7f7f7;
}

/* Customizar scrollbar */
.swagger-ui ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.swagger-ui ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.swagger-ui ::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.swagger-ui ::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Melhorar espaçamento */
.swagger-ui .wrapper {
    padding: 0 20px 40px 20px;
}

/* Melhorar a aparência dos títulos das seções */
.swagger-ui .opblock-tag {
    font-size: 18px;
    font-weight: 600;
    color: #3b4151;
    margin: 20px 0 10px 0;
    border-bottom: 2px solid #667eea;
    padding-bottom: 5px;
}

/* Melhorar a aparência dos modelos */
.swagger-ui .model-box {
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

/* Responsividade */
@media (max-width: 768px) {
    .custom-header h1 {
        font-size: 2em;
    }
    
    .info-section {
        padding: 20px;
    }
    
    .swagger-ui .wrapper {
        padding: 0 10px 20px 10px;
    }
}