body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #f8f9fa;
}

.card {
    border-radius: 10px;
}

#sonuclar-wrapper {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    background-color: #ffffff;
}

.table-responsive {
    overflow-x: auto;
    max-height: 500px;
    margin-top: 20px; /* Responsive tablonun üstünde biraz boşluk */
}

.table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.table th, .table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.table thead th {
    position: sticky;
    top: 0;
    background-color: #4d8b6e; /* Başlık kısmına belirgin bir renk ekledik */
    color: white; /* Başlık metni beyaz */
    z-index: 10; /* Başlık her zaman içerikten önce gelsin */
}

/* Tablo satırlarının üzerine geldiğinde renk değişimi */
.table tbody tr:hover {
    background-color: #f8f9fa;
}

/* Alternatif satır renkleri ile daha okunabilir tablo */
.table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Başlık kısmını göz alıcı yapmak için biraz daha stil */
.table thead th {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}