/* PUBLIC_RECENT_EXPAND_V2 */

.pr2-clickable{
 cursor:pointer !important;
}


/* caixa expandida */

.pr2-expand{
 width:100%;
 box-sizing:border-box;

 margin:7px 0 12px;
 padding:10px 12px;

 background:#071827;

 border:1px solid #23415d;
 border-radius:8px;
}


/* cabeçalho CASA / FORA */

.pr2-order{
 display:grid;

 grid-template-columns:
  minmax(0,1fr)
  43px
  17px
  43px;

 align-items:center;

 margin-bottom:4px;

 color:#607f9c;

 font-size:7px;
 font-weight:900;

 letter-spacing:.06em;
 text-transform:uppercase;
}

.pr2-order .casa{
 grid-column:2;
 text-align:center;
}

.pr2-order .fora{
 grid-column:4;
 text-align:center;
}


/* linha de cada mapa */

.pr2-map{
 display:grid;

 grid-template-columns:
  minmax(0,1fr)
  43px
  17px
  43px;

 align-items:center;

 min-height:33px;

 border-top:1px solid #173149;
}

.pr2-map:first-of-type{
 border-top:0;
}


.pr2-map-name{
 min-width:0;

 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;

 color:#bed2e4;

 font-size:9px;
 font-weight:800;
}


.pr2-map-name small{
 margin-right:5px;

 color:#5f809d;

 font-size:7px;
 font-weight:900;
}


/* resultado */

.pr2-score{
 text-align:center;

 color:#9fb5c9;

 font-size:13px;
 font-weight:800;
}


.pr2-score.win{
 color:#39df82;

 font-size:15px;
 font-weight:950;
}


.pr2-x{
 text-align:center;

 color:#55718b;

 font-size:9px;
 font-weight:900;
}


/* caso antigo sem placar */

.pr2-empty{
 padding:7px 4px;

 text-align:center;

 color:#718da6;

 font-size:9px;
 font-weight:700;
}


/* caso o resultado seja TR */

tr.pr2-expand-row > td{
 padding:0 !important;
 border:0 !important;
}


/* mobile */

@media(max-width:700px){

 .pr2-expand{
  padding:9px 10px;
 }

 .pr2-order,
 .pr2-map{
  grid-template-columns:
   minmax(0,1fr)
   38px
   15px
   38px;
 }

 .pr2-map-name{
  font-size:8px;
 }

 .pr2-score{
  font-size:12px;
 }

 .pr2-score.win{
  font-size:14px;
 }

}


/* PUBLIC_RECENT_EXPAND_V3 */

.pr2-clickable{
 cursor:pointer !important;
}

@media (hover:hover) and (pointer:fine){

 .pr2-clickable:hover{
  filter:brightness(1.06);
 }

}

/* RESULTADOS RECENTES - SCROLL */

#recent{
    max-height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

/* scrollbar discreta */
#recent::-webkit-scrollbar{
    width: 8px;
}

#recent::-webkit-scrollbar-track{
    background: transparent;
}

#recent::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.18);
    border-radius: 999px;
}

#recent::-webkit-scrollbar-thumb:hover{
    background: rgba(255,255,255,.28);
}