﻿/* =========================================
   1. RENK VE TASARIM (Makyaj Kısmı)
   ========================================= */

/* GÖVDE RENGİ: Sayfanın tamamını hafif gri yap (Modern Görünüm) */
body {
    background-color: #f4f5f7 !important; /* Göz yormayan kurumsal gri */
}

.swagger-ui {
    background-color: transparent !important;
}

    /* ÜST BAR: Beyaz ve Yeşil Çizgili */
    .swagger-ui .topbar {
        background-color: #ffffff !important;
        border-bottom: 3px solid #54E56B; 
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        padding: 10px 0;
    }

/* =========================================
   2. "SELECT A DEFINITION" DÜZELTMESİ
========================================= */

        /* "Select a definition" yazısının rengi (Artık Koyu Gri) */
        .swagger-ui .topbar .download-url-wrapper .select-label {
            color: #374151 !important;
            font-weight: 600;
        }

            /* Açılır Kutunun (Dropdown) Kendisi */
            .swagger-ui .topbar .download-url-wrapper .select-label select {
                color: #111827 !important; /* Yazı siyah */
                border: 2px solid #e5e7eb; /* İnce gri çerçeve */
                border-radius: 6px; /* Köşeleri yuvarla */
                background-color: #ffffff; /* İçi beyaz olsun */
                font-weight: bold;
                cursor: pointer;
            }

/* =========================================
  3. EKSTRA GÜZELLİKLER (Opsiyonel)
========================================= */

/* Ana başlıkların (Controller isimleri) rengini biraz daha koyu yap */
    .swagger-ui .opblock-tag {
        color: #1f2937 !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

/* Bilgi kutusunun (En üstteki açıklama) arka planını beyaz yapıp kutu içine al */
    .swagger-ui .info {
        background-color: #ffffff;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        margin-top: 20px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
