/* =========================================
   TABELA PREMIUM REWRD
========================================= */

.table-wrapper{

    width:100%;

    background:rgba(255,255,255,.025);

    border:1px solid rgba(255,255,255,.05);

    border-radius:22px;

    overflow:hidden;

    backdrop-filter:blur(20px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.18);

}

/* =========================================
   HEADER
========================================= */

.table-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:26px 28px;

    border-bottom:1px solid rgba(255,255,255,.05);

}

.table-title{

    color:white;

    font-size:28px;

    font-weight:700;

}

/* =========================================
   PESQUISA
========================================= */

.table-search{

    width:320px;

    height:46px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:0 18px;

    border-radius:16px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.06);

    backdrop-filter:blur(18px);

    transition:.25s;

}

.table-search:hover{

    background:rgba(255,255,255,.045);

    border-color:rgba(48,183,255,.25);

}

.table-search i{

    color:#6aaeff;

    font-size:14px;

}

.table-search input{

    flex:1;

    background:transparent;

    border:none;

    outline:none;

    color:white;

    font-size:14px;

}

.table-search input::placeholder{

    color:#7d94aa;

}

/* =========================================
   TABELA
========================================= */

table{

    width:100%;

    border-collapse:collapse;

}

thead{

    background:rgba(255,255,255,.025);

}

thead th{

    padding:18px 26px;

    text-align:left;

    font-size:12px;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#7f96aa;

    font-weight:600;

}

tbody td{

    padding:18px 26px;

    color:white;

    border-top:1px solid rgba(255,255,255,.04);

    vertical-align:middle;

}

tbody tr{

    transition:.25s;

}

tbody tr:hover{

    background:rgba(255,255,255,.03);

}

/* =========================================
   NOME DO ATLETA
========================================= */

.player{

    display:flex;

    align-items:center;

    gap:15px;

}

.player-avatar{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:white;

    font-weight:700;

    background:linear-gradient(
        135deg,
        #2d83ff,
        #29b8ff
    );

    box-shadow:
        0 10px 25px rgba(41,185,255,.30);

}

.player-name{

    display:flex;

    flex-direction:column;

}

.player-name strong{

    color:white;

    font-size:15px;

    font-weight:600;

}

.player-name span{

    color:#7f95a9;

    font-size:13px;

}

/* =========================================
   TAG POSIÇÃO
========================================= */

.position-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:7px 14px;

    border-radius:999px;

    background:rgba(41,185,255,.14);

    color:#6ebcff;

    font-size:12px;

    font-weight:600;

}

/* =========================================
   BOTÃO PERFIL
========================================= */

.btn-profile{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:12px;

    text-decoration:none;

    background:linear-gradient(
        135deg,
        #1f84ff,
        #2fb8ff
    );

    color:white;

    font-size:13px;

    font-weight:600;

    transition:.25s;

    box-shadow:
        0 10px 24px rgba(41,185,255,.25);

}

.btn-profile:hover{

    transform:translateY(-2px);

    box-shadow:
        0 15px 30px rgba(41,185,255,.40);

}