/* -----------------------------
TABLE BASE
----------------------------- */

.table{width:100%;border-collapse:separate;border-spacing:0 2px;font-size:13px;}

/* -----------------------------
HEADER
----------------------------- */

.table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#fff;background:rgba(0,0,0,.65);border-bottom:1px solid rgba(255,255,255,.2);}

.table th.tableheader{padding:14px 16px;font-size:14px;font-weight:800;letter-spacing:1px;color:#fff;border:none;}

/* -----------------------------
ROWS (CARD STYLE)
----------------------------- */

.table tr{transition:.2s;}

.table td{
    padding:4px 2px;
    border:none;

    background:linear-gradient(to bottom,rgba(40,40,40,.95),rgba(20,20,20,.95));

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 0 1px rgba(255,255,255,.04),
        0 6px 14px rgba(0,0,0,.6);
}

/* rounded row edges */
.table td.center{text-align:center;}
.table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}

/* hover */
/*
.table tr:hover td{
    transform:translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 10px 22px rgba(0,0,0,.8);
}
*/
/* -----------------------------
PLAYER CELL
----------------------------- */

.table .player-cell{display:flex;align-items:center;gap:10px;font-variant: small-caps;}
.table .player-cell a{text-decoration: none;color:#fff;}
.table .player-cell a:hover{text-decoration: underline;}
.table .player-cell img{
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:cover;

    border:2px solid rgba(255,255,255,.25);

    box-shadow:0 0 6px rgba(0,0,0,.6);
}
.table .logo-cell img{
    height:30px;
    object-fit:cover;
    display:block;
    margin:0px auto;
    

    
}
.table td.player{color:#fff;font-weight:700;}

.table .player-cell span{white-space:nowrap;}

/* -----------------------------
NUMBERS
----------------------------- */

.table td.number{text-align:center;font-weight:600;color:#ddd;}

/* -----------------------------
HIGHLIGHT COLUMN
----------------------------- */

.table .highlight{
    position:relative;
    font-weight:800;
    color:#fff;

    background:linear-gradient(to bottom,rgba(255,255,255,.25),rgba(255,255,255,.05));

    box-shadow:
        inset 0 0 12px rgba(255,255,255,.25),
        0 0 10px rgba(255,255,255,.1);
}

/* -----------------------------
TOP PLAYER
----------------------------- */

.table tr:first-child td{
    background:linear-gradient(to bottom,rgba(255,215,0,.25),rgba(40,40,40,.95));
}

.table tr:first-child td.player{color:#ffd700;font-weight:800;}

/* -----------------------------
ROW COLOR THEMES (SOFTENED)
----------------------------- */

/* RED */

.table-card.red .table td{background:rgba(255,0,0,.06);}
.table-card.red .table tr:nth-child(even) td{background:rgba(255,0,0,.09);}

/* GREEN */

.table-card.green .table td{background:rgba(60,180,100,.06);}
.table-card.green .table tr:nth-child(even) td{background:rgba(60,180,100,.09);}

/* BLUE */

.table-card.blue .table td{background:rgba(40,80,160,.08);}
.table-card.blue .table tr:nth-child(even) td{background:rgba(40,80,160,.12);}

/* PURPLE */

.table-card.purple .table td{background:rgba(168,85,247,.08);}
.table-card.purple .table tr:nth-child(even) td{background:rgba(168,85,247,.12);}

/* ORANGE */

.table-card.orange .table td{background:rgba(255,140,66,.08);}
.table-card.orange .table tr:nth-child(even) td{background:rgba(255,140,66,.12);}

/* -----------------------------
TABLE HEADER COLORS (FIX)
----------------------------- */

.table-card.red .table th.tableheader{
    background:linear-gradient(to bottom,#ff4a4a,#8b0000);
    box-shadow:0 0 12px rgba(255,0,0,.5);
}

.table-card.green .table th.tableheader{
    background:linear-gradient(to bottom,#66bb6a,#1b5e20);
    box-shadow:0 0 12px rgba(60,180,100,.5);
}

.table-card.blue .table th.tableheader{
    background:linear-gradient(to bottom,#1a2f66,#0d1b3d);
    box-shadow:0 0 12px rgba(13,27,61,.7);
}

.table-card.purple .table th.tableheader{
    background:linear-gradient(to bottom,#ba68c8,#4a148c);
    box-shadow:0 0 12px rgba(168,85,247,.6);
}

.table-card.orange .table th.tableheader{
    background:linear-gradient(to bottom,#ffb74d,#e65100);
    box-shadow:0 0 12px rgba(255,140,0,.6);
}
/* -----------------------------
COLUMN HEADERS (TH) - STRONG
----------------------------- */

.table th{text-align:center;padding:10px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;background:linear-gradient(to bottom,rgba(60,60,60,.9),rgba(25,25,25,.95));border-bottom:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 6px rgba(0,0,0,.6);position:relative;}

/* top shine */

.table th::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);}

/* bottom depth */

.table th::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(0,0,0,.6);}

/* number alignment */

.table th.number{text-align:center;}

/* -----------------------------
TH LINKS FIX
----------------------------- */

.table th a{color:#fff;text-decoration:none;font-weight:700;text-decoration:underline;}

.table th a:hover{color:#ddd;}

td.Organization{white-space: nowrap;}
td.DCon{text-align:center;}
.table td.Organization img{float:left;width:16px;height:auto;margin:2px 5px 0px 0px}