/* ==========================================================================
   ranking.css — Sıralama sayfası
   ========================================================================== */

.rank-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    background-color: var(--background-dark);
    border: 1px solid var(--border-color);
}

.rank-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rank-user__name {
    font-weight: 700;
}

/* İlk üç vurgusu */
.rank-row--gold .rank-cell {
    background-color: var(--gold-color);
    color: #2f2710;
    border-color: var(--gold-color);
}

.rank-row--silver .rank-cell {
    background-color: #c9ccd4;
    color: #23272f;
    border-color: #c9ccd4;
}

.rank-row--bronze .rank-cell {
    background-color: #cd8b5c;
    color: #2a1a0d;
    border-color: #cd8b5c;
}

/* Kullanıcının kendi satırı */
.rank-row--me {
    background-color: rgba(112, 191, 216, 0.14) !important;
}

.rank-row--me td {
    border-color: rgba(112, 191, 216, 0.4);
}

.data-table td.num,
.data-table th.num { text-align: right; }

.rank-panel .data-table {
    width: 100%;
    border-collapse: collapse;
}

.rank-panel .data-table th,
.rank-panel .data-table td {
    vertical-align: middle;
}

.rank-panel .data-table tbody tr:last-child td {
    border-bottom: none;
}

.rank-tabs { margin-bottom: 0; }

.rank-panel { margin-top: 0; }