/* ================= BU YIL EN FAZLA (MOBİL, < 992px) =================
     Masaüstünde eski DVASStats... class'ları aynen kullanılıyor; bu blok sadece mobil içindir.
*/

.StMobil {
    padding-bottom: 10px;
}

/* ---------- Başlık ---------- */
.StBaslik {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #444;
}

    .StBaslik h2 {
        margin: 0;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 700;
    }

.StKare {
    width: 20px;
    height: 20px;
    background: #eaad14;
    flex-shrink: 0;
}

/* ---------- Sekmeler (sığmazsa yatay kayar) ---------- */
.StSekmeler {
    flex-wrap: nowrap;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

    .StSekmeler::-webkit-scrollbar {
        display: none;
    }

.StSekme {
    flex-shrink: 0;
    padding: 7px 14px;
    border: 1px solid #555;
    border-radius: 22px;
    background: transparent;
    color: #cfd3d8;
    font-size: .85rem;
    white-space: nowrap;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

    .StSekme:hover {
        border-color: #888;
        color: #fff;
    }

    .StSekme.active {
        background: #eaad14;
        border-color: #eaad14;
        color: #222;
        font-weight: 700;
    }

/* ---------- Liste ---------- */
.StListe {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .StListe li {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 4px;
        border-bottom: 1px solid #3a3a3a;
    }

.StSira {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaad14;
    color: #222;
    font-size: .85rem;
    font-weight: 700;
}

.StAd {
    flex: 1 1 auto;
    min-width: 0;
    color: #fff;
    font-size: .98rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.StSayi {
    flex-shrink: 0;
    color: #bbb;
    font-size: .95rem;
}

.StTumu {
    margin-top: 10px;
    text-align: right;
}

    .StTumu a {
        color: #eaad14;
        font-size: .9rem;
        text-decoration: none;
    }

        .StTumu a:hover {
            color: #fff;
        }