body {
}
.Test{
    width: 90%;
    float:left;
    text-align: center;
}

.Bolder {
    font-weight:bold;
}
.DefaultDate{
    background-color: RGB(218,29,85) !important;
    border: 1px solid rgba(218, 29, 85, 0.00) !important;
    color: #FFF !important;
    font-weight: bolder;
}

.table-condensed select {
    padding: 0px 2px;
    margin-bottom: 0px;
    height: 22px;
    width:95%;
}

table td.tdCenter, th.tdCenter{
    text-align:center;
}

.pageTitle{
    margin-bottom: 20px;
}

.games-container-wrapper {
    position: relative;
}

.games-container-overlay {
    position: absolute;
    inset: 0;
    background: transparent;
    backdrop-filter: none;
    z-index: 8;
    pointer-events: auto;
    display: none !important;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}

.games-container-overlay.is-active {
    display: flex !important;
}

.games-container-local-loader {
    margin: 0;
    transform: scale(0.72);
    transform-origin: center;
}

.games-container-wrapper.wc-loading #GamesContainer {
    opacity: 0.35 !important;
}

html[data-theme='dark'] .games-container-overlay {
    background: transparent;
}

.divModal 
{
    /*padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;*/

    padding: 5px !important;
}

.BothSelected{
    background: rgba(218,29,85, 0.1) /*rgba(173, 226, 226, 0.4);*/
}
.BothSelected:hover{
    background: rgba(218,29,85, 0.15) !important;
}
td.BothPlayedSelected div button{
    text-decoration: underline;
}
td.BothPlayedSelected div button.NoUnderline{
    text-decoration: none !important;
}
.GameItem{
    /*width:80%;*/ 
    text-align:center;/**/
    background-color:red;
}
.TeamNotSelected{
    border-style:dotted;
}
.TeamSelected{
    border-color: rgba(0,106,184, 0.9);
}
.Space{
    float:left;
    clear:right;
}
.Info{
    /*float:left;*/
    cursor: pointer;
    clear:right;
}
.btnScore{
    background-color:window !important;
    /*border-left: thin solid #d4d1d1; 
    border-right: thin solid #d4d1d1;*/ 

    text-align:center !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
.Middle{
    vertical-align: middle;
}
.btnHigh{
    height:80%;
}
/* a wrapper for the paginatior */
.wrapper {
    width: 100%;/**/
    margin: 0 auto;/**/
    display:block;
    /*border: 1px solid red; /*used to test width*/
    /*text-align:center;*/
}

label.TeamClass{
    /*width:45%;*/ 
    max-width: 250px;
}
div.btn-group {
    /*margin: 0 auto; 
    text-align: center;
    width:80%;*/
    padding-left:0px !important;
    padding-right:0px !important;
    /*display: inline-block;*/
    /*background-color: green;/**/
}/**/

/*a {
    float: left;   
}*/
/*
    NBA
    Bleu = RGB(0,106,184) (#006AB8)
    Rouge = RGB(218,29,85) (#DA1D55)
    */
.modal .modal-body {
    max-height: 550px;
    overflow-y: auto;
}
.smallScore{
    font-size:0.7em;
}
.thumb{
    padding-top: 15px;
    padding-bottom: 15px;
}

a, span, button {
    outline: 0 !important;
}
/*button::-moz-focus-inner {
  border: 0;
}*/

/* override bootstrap 3 class to remove scrollbar from modal backdrop
   when not necessary */
.modal {
  overflow-y: auto;
  
}
/* custom class to override .modal-open */
.modal-noscrollbar {
    margin-right: 0 !important;
}
body, .navbar-fixed-top, .navbar-fixed-bottom {
  margin-right: 0 !important;
}
/*.modal-open, .modal-open .navbar-fixed-top {
    margin-right: 0 !important;
}*/
/*.modal-open, .modal-open .navbar-fixed-top {
    margin-right: auto !important;
}*/

body {
overflow-y: scroll;
}

body.modal-open {
overflow-y: scroll;
margin: 0;
}

.modal {
overflow: auto;
}

.InfoPane{
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;/**/
    }
.FriendPane{
     padding-left: 5px;
    padding-right: 5px;
    display: inline-block;/**/
}
.PlayOffPane{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    }
.PlayOffPaneTitelPane{
    padding: 20px;
}

.InputError {
    background-color: red !important;
}
.FilerNotConnected {
    /*background-color: rgba(0,0,0, 0.1);
    display:block!important; /* notice !important */

    opacity:initial 0.2 !important;
}
.spanGAverage{
    
    /*display:inline !important;*/
}
.NoHorPadding{
    padding: 0px 5px !important;
}
.Inline{
    display:inline !important;
}
.clearRight{
    clear: right;
}
.FloatLeft{
    float: left;
}
.TabError{
    color: red !important;
}

.table td, .table th {
    border: none;
}
.table th {
    /*border: 1px #ddd solid;*/
}

table.table.table-condensed {
    border: 1px #ddd solid ;
}

.table thead>tr>th.vert-align{
    vertical-align: middle;
}
.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

/*ul.image_picker_selector.thumbnails{
    width: 50%;
}
.image_picker_selector{
    text-align: center !important;
}*/
 ul.image_picker_selector.thumbnails li {
    margin-right: 0px !important;
}
 ul.image_picker_selector.thumbnails li .selected.thumbnail{
     color: white;
 }
.thumbnail{
    margin-bottom: 5px;
 }
.thumbnail > img{
    /*height: 40px;
    width: 60px;*/

    height: 40px;
    /*width: 30%;*/
    /*width: 10%;*/
    /*width: 60px; height: auto;*/
    /*height: 10*/
}

.ImagePicker{
    margin-top: 10px !important;
    float: left !important;
}

.image_picker_image {
    max-width: 60px;
    max-height: 40px;
    /*background-color: #FF0000;*/
}

@media (max-width: 400px) {
    .ShortTitle {
        display: none;
    }
}

.GroupSelect{
    position: relative;
    z-index:0;
}
.GroupSelectFilter{
    position: absolute;
    height: 100px;
    z-index:1;
    background-color:black; 
    opacity:0.3;
    filter:alpha(opacity=30);
    padding-bottom:0px;
}

@media (max-width: 384px) {
    .GroupSelectFilter {
       margin-left: 10px;
    }
}

#standingsGrid{
    margin-top: 30px;
}

@media (max-width: 350px) {
    #standingsGrid {
            margin-top: 10px;
    }
}


@media (max-width: 350px) {
    .titleH2 {
        display: none;
    }
}

@media (min-width: 479px) and (max-width: 737px) {
    .titleH2 {
        display: none;
    }
    #standingsGrid {
            margin-top: 0px;
    }
}

.columnNum{
    text-align: right; 
    padding-right: 30px; 
    font-size: 14px
}

@media (max-width: 475px) {
    .columnNum{
        padding-right: 10px; 
        text-align: right; 
        font-size: 14px;
    }
}

ul.image_picker_selector.thumbnails li .thumbnail p {
    width: 100%;
    text-align:center;
    margin: 0px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.thumbnails.image_picker_selector li .thumbnail:hover{
    cursor: pointer;
}

ul.thumbnails.image_picker_selector li .thumbnail.selectedDisabled {
    background: #ecf5fd;
    border: 2px solid #8bb8d8;
    color: #24455f;
    box-shadow: 0 4px 12px rgba(36, 69, 95, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}
ul.thumbnails.image_picker_selector li .thumbnail.selectedRightDisabled{
    background: #e9f7ef;
    border: 2px solid #69b887;
    font-weight: bold;
    color: #1f5f3d;
    box-shadow: 0 4px 12px rgba(31, 95, 61, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
ul.thumbnails.image_picker_selector li .thumbnail.selectedWrongDisabled{
    background: #fdeeee;
    border: 2px solid #da7f7a;
    font-weight: bold;
    color: #8f3c36;
    box-shadow: 0 4px 12px rgba(143, 60, 54, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

ul.thumbnails.image_picker_selector li .thumbnail.notSelectedRightDisabled{
    background: #ecf5fd;
    border: 2px solid #8bb8d8;
    font-weight: bold;
    color: #24455f;
    box-shadow: 0 4px 12px rgba(36, 69, 95, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled{
    background: #f3f7fb;
    border: 1px solid #cfdbe7;
    color: #5f7285;
    box-shadow: 0 3px 10px rgba(95, 114, 133, 0.06);
}

/*ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled{
}*/

ul.thumbnails.image_picker_selector li .thumbnail.selectedRightDisabled,
ul.thumbnails.image_picker_selector li .thumbnail.selectedWrongDisabled,
ul.thumbnails.image_picker_selector li .thumbnail.notSelectedRightDisabled,
ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
ul.thumbnails.image_picker_selector li .thumbnail.selectedDisabled:hover,
ul.thumbnails.image_picker_selector li .thumbnail.selectedRightDisabled:hover,
ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled:hover,
ul.thumbnails.image_picker_selector li .thumbnail.notSelectedRightDisabled:hover,
ul.thumbnails.image_picker_selector li .thumbnail.notSelectedDisabled:hover {
    cursor: default;
}
.StandCol{
    text-align: center;
}
.inputScore{
    /*height: 30px;*/
    margin-top: 5px;
    padding: 5px 3px;
    text-align: center;
    /*width: 50px !important;*/ 
    height: 40px; 
    font-size: 20px;
}
.ScoreDefault {
    float: left;
    color: #000000;
    height: 21px;
    font-weight: normal;
    text-align: center;
    top: 25px;/**/
}
h4.Score {
    font-size: 24px;
    width:100%;
}
.Win {
    color: #056ab1 !important;
    font-weight: bold;
}

.UpHome, .DownHome, .UpAway, .DownAway{
       padding: 3px 12px !important;
   }

.spanScore {
    font-size: 26px; 
    margin-top: 25px;
}
@media (max-width: 413px) {
   .ScorePart {
        /*padding-left: 5px !important;
        padding-right: 5px !important;*/
    } 
   .dropScore{
       padding-left: 7px !important;
       padding-right: 7px !important;
   }
   .UpHome, .DownHome, .UpAway, .DownAway{
       padding: 3px 6px !important;
   }
   .spanScore {
        font-size: 18px; 
        margin-top: 12px;
    }
   .inputScore{
        /*height: 30px;*/
        margin-top: 6px;
        padding-top: 7px;
    }
}
@media (min-width: 414px) and (max-width: 570px) { /* Iphone 4 */ 
   .dropScore{
       padding-right: 0px !important;
       padding-left: 0px !important;
   }
   .UpHome, .DownHome, .UpAway, .DownAway{
       padding: 3px 8px !important;
   }
   .spanScore {
        font-size: 22px; 
        margin-top: 16px;
    }
   .inputScore{
        /*height: 30px;*/
        margin-top: 6px;
        padding-top: 7px;

        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .GroupSelect, .ScorePart {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    ul.thumbnails.image_picker_selector {
        padding: 0px !important;
    }
}

@media (max-width: 384px) {
    h4.Score{
       font-size: 18px;
       width:100%;
    }
    .ScoreDefault {
        padding-left: 0px !important;
        padding-right: 0px !important; 
    }
    .row{
        margin-top: 6px !important;
        margin-left: -24px !important;
        margin-right: -24px !important; /* for standing col right*/
    }

    /* Exception: Don't collapse #standingsGrid on mobile */
    #standingsGrid .row,
    #standingsGrid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Exception: Keep standings header/filter aligned with standings grid */
    .row.standings-header-row {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
    }

    /* Exception: Don't collapse auth/wizard pages on mobile compact */
    .login-shell .row,
    .register-shell .row,
    .forgot-shell .row,
    .mailflow-shell .row,
    .username-page .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .GroupSelect{
        padding: 0px !important;
    }
    .StandCol{
        padding-right: 5px !important;
        padding-left: 10px !important;
    }
    .ImagePicker{
        margin-top: 10px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media (min-width: 385px) and (max-width: 767px) {
    h4.Score{
       font-size: 20px;
       width:100%;
    }
    .ScoreDefault {
        padding-left: 0px !important;
        padding-right: 0px !important; 
    }
    .row{
        margin-top: 6px !important;
        margin-left: -12px !important;
    }

    /* Exception: Keep standings header/filter aligned with standings grid */
    .row.standings-header-row {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
    }

    /* Exception: Don't collapse auth/wizard pages on mobile */
    .login-shell .row,
    .register-shell .row,
    .forgot-shell .row,
    .mailflow-shell .row,
    .username-page .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .InfoPart {
        padding-left: 5px !important;
        padding-right: 5px !important; 
    }
}

.WinnerClass, .WinnerClass:hover{
    /*border: solid 1px red;*/
    /*border-color: red;*/
    font-weight:bold;
    font-style:italic;
    color: navy; /* RGB(0,106,184); */
}
.WinnerFalseClass, .WinnerFalseClass:hover{
    /*font-weight:bold;
    font-style:italic;*/
    color: RGB(218,29,85);
}

.WonClass, .WonClass:hover{
    /*border: solid 1px red;*/
    /*border-color: red;*/
    font-weight:bold;
    /*font-style:italic;*/
    color:  RGB(0,106,184); /* white; /**/
}
.LostClass, .LostClass:hover{
    font-weight:bold;
    /*font-style:italic;*/
    color: RGB(218,29,85);
}
/*.carousel-inner > .ItemMod {
    margin: 0 auto;
}*/

.ItemMod {
    cursor:pointer !important;
}
.ltMod {
    width: 122px;/**/
    /*max-width: 100%;*/
    height: 43px;
    background: url(../Images/FlmStrImg.jpg) no-repeat; /*url('http://i.cdn.turner.com/nba/nba/.element/img/2.0/sect/gameline/FlmStrImg.jpg')*/
    float: left;
}
.ltMod:hover {
    width:122px;
    height:43px;  
    background: url(../Images/FlmStrImg.jpg) no-repeat;
    float:left; 
    background-position:-246px 0px;
}
.fsDate {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #666666;
    margin: 0px auto;
    padding-top: 2px;
}
.fsGame {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin: 4px auto;
    padding-top: 0px;
    color: #626262;
}
.dkModArTodHl {
    width: 122px;
    height: 52px;
    background: url(../Images/FlmStrImg.jpg)  no-repeat;
    float: left;
    background-position: -123px -159px;
}
.dkModTodHl {
    width: 122px;
    height: 43px;
    background: url(../Images/FlmStrImg.jpg) no-repeat;
    float: left;
    background-position: 0px -159px;
}
.dkModAr {
    width: 122px;
    height: 52px;
    background: url(../Images/FlmStrImg.jpg)  no-repeat;
    float: left;
    background-position: -123px -106px;
}
.dkModAr:hover {
    width:122px;
    height:52px; 
    background: url(../Images/FlmStrImg.jpg)  no-repeat;
    float:left; 
    background-position:-246px -159px;
}
.nbaPreStatTx {
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    margin: 10px 2px 0 2px;
    width: 100%;
}
.nbaPreStatTxSm {
    font-size: 11px;
    /*width: 35px;*/
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    margin: 29px 0 0 0;
}
/*.dkMod {
    width: 122px;
    height: 43px;
    background: url(../Images/FlmStrImg.jpg) no-repeat;
    float: left;
    background-position: 0px -106px;
    font-weight:bold;
}*/
/*.nbaCalDay a{
    font-size:10px;
    font-weight:bold;
    color:#177BC7 !important;
    text-align:center;
    text-decoration:none;
}*/
/*.ltModAr {
    width: 122px;
    height: 52px;
    background: url(../Images/FlmStrImg.jpg) no-repeat; 
    float: left;
    background-position: -123px 0;
    cursor:pointer;
}
.ltModAr.Highlight {
	width:122px; 
	height:52px; 
	background: url(../Images/FlmStrImg.jpg) no-repeat;
	float:left; 
	background-position:-246px -53px;
	}*/

/*      BOOTSTRAP COL XXS                       */
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 384px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}    

.hidden-xxs {
    display: block !important;
}

tr.hidden-xxs {
    display: table-row !important;
}

th.hidden-xxs,
td.hidden-xxs {
    display: table-cell !important;
}

@media (max-width: 384px) {

    .hidden-xxs {
        display: none !important;
    }

    tr.hidden-xxs {
        display: none !important;
    }

    th.hidden-xxs,
    td.hidden-xxs {
        display: none !important;
    }

}

@media (min-width: 385px) and (max-width: 767px) {

    .hidden-xxs.hidden-xs {
        display: none !important;
    }

    tr.hidden-xxs.hidden-xs {
        display: none !important;
    }

    th.hidden-xxs.hidden-xs,
    td.hidden-xxs.hidden-xs {
        display: none !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .hidden-xxs.hidden-sm {
        display: none !important;
    }

    tr.hidden-xxs.hidden-sm {
        display: none !important;
    }

    th.hidden-xxs.hidden-sm,
    td.hidden-xxs.hidden-sm {
        display: none !important;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-xxs.hidden-md {
        display: none !important;
    }

    tr.hidden-xxs.hidden-md {
        display: none !important;
    }

    th.hidden-xxs.hidden-md,
    td.hidden-xxs.hidden-md {
        display: none !important;
    }

}

@media (min-width: 1200px) {

    .hidden-xxs.hidden-lg {
        display: none !important;
    }

    tr.hidden-xxs.hidden-lg {
        display: none !important;
    }

    th.hidden-xxs.hidden-lg,
    td.hidden-xxs.hidden-lg {
        display: none !important;
    }

}

@media (max-width: 384px) {

    .hidden-xs.hidden-xxs {
        display: none !important;
    }

    tr.hidden-xs.hidden-xxs {
        display: none !important;
    }

    th.hidden-xs.hidden-xxs,
    td.hidden-xs.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 384px) {

    .hidden-sm.hidden-xxs {
        display: none !important;
    }

    tr.hidden-sm.hidden-xxs {
        display: none !important;
    }

    th.hidden-sm.hidden-xxs,
    td.hidden-sm.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 384px) {

    .hidden-md.hidden-xxs {
        display: none !important;
    }

    tr.hidden-md.hidden-xxs {
        display: none !important;
    }

    th.hidden-md.hidden-xxs,
    td.hidden-md.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 384px) {

    .hidden-lg.hidden-xxs {
        display: none !important;
    }

    tr.hidden-lg.hidden-xxs {
        display: none !important;
    }

    th.hidden-lg.hidden-xxs,
    td.hidden-lg.hidden-xxs {
        display: none !important;
    }
}

ul.thumbnails.image_picker_selector li .thumbnail{
    border-radius: 45px;
}

@media (max-width: 480px) {
    ul.thumbnails.image_picker_selector li .thumbnail{
        border-radius: 20px;
    }
}

.group-card--closed,
.group-standings-card--closed {
    position: relative;
    isolation: isolate;
}

.group-card--closed {
    border-color: rgba(70, 139, 224, 0.55) !important;
    background:
        linear-gradient(180deg, rgba(241, 248, 255, 0.98) 0%, rgba(248, 252, 255, 0.92) 100%) !important;
    box-shadow: 0 18px 42px rgba(20, 64, 120, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.78) !important;
}

.group-standings-card--closed {
    padding: 10px 12px 14px;
    border: 1px solid rgba(70, 139, 224, 0.48);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(241, 248, 255, 0.98) 0%, rgba(248, 252, 255, 0.92) 100%) !important;
    box-shadow: 0 16px 34px rgba(20, 64, 120, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.74);
}

.group-card--closed::before,
.group-standings-card--closed::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(90deg, #1d4ed8 0%, #2dd4bf 58%, #7dd3fc 100%);
    z-index: 1;
    pointer-events: none;
}

.group-card .group-standings-card--closed {
    padding: 0;
    border: 0;
    background: transparent !important;
    box-shadow: none;
}

.group-card .group-standings-card--closed::before {
    display: none;
}

.group-card table.dataTable tbody tr.group-qualified-lock > td,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td,
table.dataTable tbody tr.group-qualified-lock > td {
    background:
        linear-gradient(90deg, rgba(37, 99, 235, 0.20) 0%, rgba(14, 165, 233, 0.14) 46%, rgba(45, 212, 191, 0.08) 100%) !important;
    color: #143a66 !important;
    border-top: 1px solid rgba(96, 165, 250, 0.34) !important;
    border-bottom: 1px solid rgba(45, 212, 191, 0.20) !important;
}

.group-card table.dataTable tbody tr.group-qualified-lock:hover > td,
.group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock:hover > td,
table.dataTable tbody tr.group-qualified-lock:hover > td {
    background:
        linear-gradient(90deg, rgba(37, 99, 235, 0.26) 0%, rgba(14, 165, 233, 0.18) 46%, rgba(45, 212, 191, 0.12) 100%) !important;
}

.group-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
table.dataTable tbody tr.group-qualified-lock > td:first-child {
    box-shadow: inset 5px 0 0 #38bdf8;
}

.group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
.group-card table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
.group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
.group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited {
    color: #123a66 !important;
}

.group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after,
table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-radius: 999px;
    background: #38bdf8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.20);
    vertical-align: middle;
}

.group-card table.dataTable tbody tr.group-eliminated-lock > td,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td,
table.dataTable tbody tr.group-eliminated-lock > td {
    background: rgba(226, 232, 240, 0.58) !important;
    color: #7b8796 !important;
}

.group-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock:hover > td,
table.dataTable tbody tr.group-eliminated-lock:hover > td {
    background: rgba(203, 213, 225, 0.64) !important;
}

.group-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
.group-card table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
.group-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
.group-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited {
    color: #7b8796 !important;
}

.group-card table.dataTable tbody tr.group-eliminated-lock .FlagRank,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock .FlagRank,
table.dataTable tbody tr.group-eliminated-lock .FlagRank {
    filter: grayscale(0.55) saturate(0.7);
    opacity: 0.72;
}

table.dataTable tr.group-fixed-position td {
    background: #e6f0fa !important;
    color: #244f78 !important;
}

table.dataTable tr.group-fixed-position:hover td {
    background: #d8e8f7 !important;
}

table.dataTable tr.group-fixed-position td.cellLeft,
table.dataTable tr.group-fixed-position td.cellPoints,
table.dataTable tr.group-fixed-position td.cellLeft a,
table.dataTable tr.group-fixed-position td.cellLeft a:visited {
    color: #244f78 !important;
}

table.dataTable tr.group-live-impact td,
tr.group-live-impact td {
    background: #ddf7fb !important;
    color: #075766 !important;
}

table.dataTable tr.group-live-impact:hover td,
tr.group-live-impact:hover td {
    background: #c9f1f7 !important;
}

table.dataTable tr.group-live-impact td.cellLeft,
table.dataTable tr.group-live-impact td.cellPoints,
table.dataTable tr.group-live-impact td.cellLeft a,
table.dataTable tr.group-live-impact td.cellLeft a:visited {
    color: #075766 !important;
}

.group-live-rank-delta,
.group-live-points-delta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px solid #13a4ba;
    background: #e9fbfe;
    color: #075766;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
}

.group-live-rank-official {
    color: #6b7280;
    font-weight: 600;
}

html[data-theme='dark'] .group-card--closed {
    border-color: rgba(96, 165, 250, 0.48) !important;
    background:
        linear-gradient(180deg, rgba(19, 43, 72, 0.98) 0%, rgba(15, 30, 50, 0.96) 100%) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(125, 211, 252, 0.08) !important;
}

html[data-theme='dark'] .group-standings-card--closed {
    border-color: rgba(96, 165, 250, 0.38);
    background:
        linear-gradient(180deg, rgba(19, 43, 72, 0.98) 0%, rgba(15, 30, 50, 0.96) 100%) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(125, 211, 252, 0.08);
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.36) 0%, rgba(14, 165, 233, 0.24) 46%, rgba(45, 212, 191, 0.14) 100%) !important;
    color: #f4f9ff !important;
    border-top: 1px solid rgba(119, 182, 255, 0.32) !important;
    border-bottom: 1px solid rgba(45, 212, 191, 0.20) !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.42) 0%, rgba(14, 165, 233, 0.28) 46%, rgba(45, 212, 191, 0.18) 100%) !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited {
    color: #f4f9ff !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td {
    background: rgba(17, 28, 44, 0.72) !important;
    color: #8190a4 !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock:hover > td,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock:hover > td {
    background: rgba(26, 40, 60, 0.82) !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td.cellPoints,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited {
    color: #93a4ba !important;
}

html[data-theme='dark'] table.dataTable tr.group-fixed-position td {
    background: #243f59 !important;
    color: #d7e8ff !important;
}

html[data-theme='dark'] table.dataTable tr.group-fixed-position:hover td {
    background: #2d4e6d !important;
}

html[data-theme='dark'] table.dataTable tr.group-fixed-position td.cellLeft,
html[data-theme='dark'] table.dataTable tr.group-fixed-position td.cellPoints,
html[data-theme='dark'] table.dataTable tr.group-fixed-position td.cellLeft a,
html[data-theme='dark'] table.dataTable tr.group-fixed-position td.cellLeft a:visited {
    color: #d7e8ff !important;
}

html[data-theme='dark'] table.dataTable tr.group-live-impact td,
html[data-theme='dark'] tr.group-live-impact td {
    background: #123c49 !important;
    color: #d9fbff !important;
}

html[data-theme='dark'] table.dataTable tr.group-live-impact:hover td,
html[data-theme='dark'] tr.group-live-impact:hover td {
    background: #164b59 !important;
}

html[data-theme='dark'] table.dataTable tr.group-live-impact td.cellLeft,
html[data-theme='dark'] table.dataTable tr.group-live-impact td.cellPoints,
html[data-theme='dark'] table.dataTable tr.group-live-impact td.cellLeft a,
html[data-theme='dark'] table.dataTable tr.group-live-impact td.cellLeft a:visited {
    color: #d9fbff !important;
}

html[data-theme='dark'] .group-live-rank-delta,
html[data-theme='dark'] .group-live-points-delta {
    border-color: #34c6df;
    background: #0f3440;
    color: #d9fbff;
}

html[data-theme='dark'] .group-live-rank-official {
    color: #cbd5e1;
}

/* Refined group states: the card carries the closed-group state, rows carry only team state. */
.group-card--closed {
    border-color: rgba(74, 144, 226, 0.30) !important;
    background:
        linear-gradient(180deg, rgba(247, 251, 255, 0.94) 0%, rgba(239, 247, 255, 0.86) 100%) !important;
    box-shadow: 0 16px 32px rgba(28, 74, 128, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

.group-standings-card--closed {
    border-color: rgba(74, 144, 226, 0.26);
    background:
        linear-gradient(180deg, rgba(247, 251, 255, 0.94) 0%, rgba(239, 247, 255, 0.86) 100%) !important;
    box-shadow: 0 14px 26px rgba(28, 74, 128, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.70);
}

.group-card--closed::before,
.group-standings-card--closed::before {
    height: 2px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.82), rgba(45, 212, 191, 0.64), rgba(125, 211, 252, 0));
}

.group-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td,
.group-standings-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td {
    background: transparent !important;
    color: inherit !important;
}

.group-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft,
.group-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellPoints,
.group-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft a,
.group-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft a:visited,
.group-standings-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft,
.group-standings-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellPoints,
.group-standings-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft a,
.group-standings-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft a:visited,
.groups-panel.prono-mode table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft,
.groups-panel.prono-mode table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellPoints,
.groups-panel.prono-mode table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft a,
.groups-panel.prono-mode table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td.cellLeft a:visited {
    color: inherit !important;
}

.group-card table.dataTable tbody tr.group-qualified-lock > td,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td,
table.dataTable tbody tr.group-qualified-lock > td {
    background: rgba(37, 99, 235, 0.075) !important;
    border-top: 1px solid rgba(96, 165, 250, 0.18) !important;
    border-bottom: 1px solid rgba(15, 118, 110, 0.10) !important;
}

.group-card table.dataTable tbody tr.group-qualified-lock:hover > td,
.group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock:hover > td,
table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: rgba(37, 99, 235, 0.105) !important;
}

.group-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
table.dataTable tbody tr.group-qualified-lock > td:first-child {
    box-shadow: inset 3px 0 0 rgba(56, 189, 248, 0.95);
}

.group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after,
.group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after,
table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after {
    width: 6px;
    height: 6px;
    margin-left: 7px;
    background: #38bdf8;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.18);
}

.group-card table.dataTable tbody tr.group-eliminated-lock > td,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td,
table.dataTable tbody tr.group-eliminated-lock > td {
    background: rgba(148, 163, 184, 0.08) !important;
    color: #8a97a8 !important;
}

.group-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
.group-standings-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock:hover > td,
table.dataTable tbody tr.group-eliminated-lock:hover > td {
    background: rgba(148, 163, 184, 0.12) !important;
}

html[data-theme='dark'] .group-card--closed {
    border-color: rgba(77, 133, 198, 0.34) !important;
    background:
        linear-gradient(180deg, rgba(20, 36, 57, 0.96) 0%, rgba(15, 27, 44, 0.98) 100%) !important;
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.28), inset 0 0 0 1px rgba(148, 190, 236, 0.07) !important;
}

html[data-theme='dark'] .group-standings-card--closed {
    border-color: rgba(77, 133, 198, 0.28);
    background:
        linear-gradient(180deg, rgba(20, 36, 57, 0.96) 0%, rgba(15, 27, 44, 0.98) 100%) !important;
    box-shadow: 0 16px 30px rgba(2, 6, 23, 0.24), inset 0 0 0 1px rgba(148, 190, 236, 0.07);
}

html[data-theme='dark'] .group-card--closed::before,
html[data-theme='dark'] .group-standings-card--closed::before {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.86), rgba(45, 212, 191, 0.62), rgba(125, 211, 252, 0));
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-fixed-position:not(.group-qualified-lock):not(.group-eliminated-lock) > td {
    background: transparent !important;
    color: inherit !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td {
    background: rgba(59, 130, 246, 0.115) !important;
    color: #e7f2ff !important;
    border-top: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-bottom: 1px solid rgba(45, 212, 191, 0.10) !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: rgba(59, 130, 246, 0.15) !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited {
    color: #e7f2ff !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td {
    background: rgba(15, 23, 42, 0.34) !important;
    color: #8b98aa !important;
}

html[data-theme='dark'] .group-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-eliminated-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-eliminated-lock:hover > td,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock:hover > td {
    background: rgba(15, 23, 42, 0.44) !important;
}

/* 3D group state treatment. Keep neutral teams plain; only confirmed states get depth. */
.group-card--closed,
.group-standings-card--closed {
    border-color: rgba(52, 132, 216, 0.42) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(56, 189, 248, 0.14), rgba(56, 189, 248, 0) 34%),
        linear-gradient(180deg, rgba(249, 252, 255, 0.98) 0%, rgba(235, 244, 255, 0.90) 100%) !important;
    box-shadow:
        0 22px 44px rgba(22, 74, 130, 0.16),
        0 2px 0 rgba(255, 255, 255, 0.76) inset,
        0 -1px 0 rgba(15, 76, 129, 0.08) inset !important;
}

.group-card--closed::before,
.group-standings-card--closed::before {
    height: 4px;
    background: linear-gradient(90deg, #2563eb 0%, #38bdf8 44%, #2dd4bf 74%, rgba(45, 212, 191, 0) 100%);
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.30);
}

.group-card--closed table.dataTable,
.group-standings-card--closed table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
table.dataTable tbody tr.group-qualified-lock > td {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.62) 0%, rgba(214, 237, 255, 0.48) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.44) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.14) !important;
    color: #123a66 !important;
    box-shadow:
        0 12px 22px rgba(17, 94, 163, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.86) inset,
        0 -1px 0 rgba(37, 99, 235, 0.08) inset;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
table.dataTable tbody tr.group-qualified-lock > td:first-child {
    border-radius: 9px 0 0 9px;
    box-shadow:
        inset 4px 0 0 #38bdf8,
        0 12px 22px rgba(17, 94, 163, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td:last-child,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:last-child,
table.dataTable tbody tr.group-qualified-lock > td:last-child {
    border-radius: 0 9px 9px 0;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
table.dataTable tbody tr.group-qualified-lock:hover > td {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(205, 233, 255, 0.56) 100%) !important;
    box-shadow:
        0 16px 26px rgba(17, 94, 163, 0.16),
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 -1px 0 rgba(37, 99, 235, 0.10) inset;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after,
table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label::after {
    width: 7px;
    height: 7px;
    background: linear-gradient(180deg, #7dd3fc, #0ea5e9);
    box-shadow:
        0 0 0 3px rgba(56, 189, 248, 0.18),
        0 3px 7px rgba(14, 165, 233, 0.34);
}

.group-card--closed table.dataTable tbody tr.group-eliminated-lock > td,
.group-standings-card--closed table.dataTable tbody tr.group-eliminated-lock > td,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-eliminated-lock > td,
table.dataTable tbody tr.group-eliminated-lock > td {
    background: rgba(148, 163, 184, 0.075) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.36) inset;
}

.group-card--closed table.dataTable tbody tr.group-eliminated-lock > td:first-child,
.group-standings-card--closed table.dataTable tbody tr.group-eliminated-lock > td:first-child,
table.dataTable tbody tr.group-eliminated-lock > td:first-child {
    border-radius: 8px 0 0 8px;
}

.group-card--closed table.dataTable tbody tr.group-eliminated-lock > td:last-child,
.group-standings-card--closed table.dataTable tbody tr.group-eliminated-lock > td:last-child,
table.dataTable tbody tr.group-eliminated-lock > td:last-child {
    border-radius: 0 8px 8px 0;
}

html[data-theme='dark'] .group-card--closed,
html[data-theme='dark'] .group-standings-card--closed {
    border-color: rgba(96, 165, 250, 0.42) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0) 34%),
        linear-gradient(180deg, rgba(18, 34, 55, 0.98) 0%, rgba(12, 23, 38, 0.98) 100%) !important;
    box-shadow:
        0 24px 46px rgba(0, 0, 0, 0.36),
        0 2px 0 rgba(148, 190, 236, 0.08) inset,
        0 -1px 0 rgba(0, 0, 0, 0.30) inset !important;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td {
    background:
        linear-gradient(180deg, rgba(37, 99, 235, 0.30) 0%, rgba(14, 116, 144, 0.18) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.22) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.62) !important;
    color: #edf7ff !important;
    box-shadow:
        0 14px 24px rgba(0, 0, 0, 0.26),
        0 1px 0 rgba(148, 190, 236, 0.12) inset,
        0 -1px 0 rgba(0, 0, 0, 0.28) inset;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock:hover > td {
    background:
        linear-gradient(180deg, rgba(59, 130, 246, 0.36) 0%, rgba(14, 116, 144, 0.22) 100%) !important;
    box-shadow:
        0 18px 28px rgba(0, 0, 0, 0.32),
        0 1px 0 rgba(148, 190, 236, 0.14) inset,
        0 -1px 0 rgba(0, 0, 0, 0.30) inset;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-eliminated-lock > td,
html[data-theme='dark'] table.dataTable tbody tr.group-eliminated-lock > td {
    background: rgba(15, 23, 42, 0.42) !important;
    color: #8997aa !important;
    box-shadow: 0 1px 0 rgba(148, 190, 236, 0.06) inset;
}

/* Final polish: closed groups keep the 3D depth, open groups keep stable qualified rows. */
.group-card--closed table.dataTable tbody tr.group-qualified-lock,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock {
    filter: drop-shadow(0 12px 16px rgba(17, 94, 163, 0.14));
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock:hover,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover {
    filter: drop-shadow(0 15px 20px rgba(17, 94, 163, 0.18));
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.66) 0%, rgba(214, 237, 255, 0.50) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.42) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.13) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08) !important;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child {
    border-radius: 9px 0 0 9px !important;
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08) !important;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock > td:last-child,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:last-child,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td:last-child {
    border-radius: 0 9px 9px 0 !important;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(37, 99, 235, 0.10) !important;
}

.group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(37, 99, 235, 0.10) !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock {
    filter: none !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td {
    background: rgba(56, 189, 248, 0.07) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: rgba(56, 189, 248, 0.10) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    box-shadow: inset 4px 0 0 #38bdf8 !important;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock {
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.30));
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover {
    filter: drop-shadow(0 17px 22px rgba(0, 0, 0, 0.36));
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.30) 0%, rgba(14, 116, 144, 0.18) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.20) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.60) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(148, 190, 236, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28) !important;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child {
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(148, 190, 236, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28) !important;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td {
    box-shadow:
        inset 0 1px 0 rgba(148, 190, 236, 0.14),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30) !important;
}

html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(148, 190, 236, 0.14),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30) !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock {
    filter: none !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td {
    background: rgba(56, 189, 248, 0.08) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: rgba(56, 189, 248, 0.12) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    box-shadow: inset 4px 0 0 #38bdf8 !important;
}

/* Keep live point badges beside the value without shifting the Points column. */
table.dataTable tbody td.cellPoints {
    position: relative;
}

table.dataTable tbody td.cellPoints > strong {
    position: relative;
    z-index: 1;
}

table.dataTable tbody td.cellPoints .group-live-points-delta {
    position: absolute;
    top: 50%;
    right: calc(50% + 12px);
    transform: translateY(-50%);
    margin-left: 0 !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    border-radius: 9px 0 0 9px !important;
    overflow: hidden;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child {
    border-radius: 0 9px 9px 0 !important;
    overflow: hidden;
}

.group-card:not(.group-card--closed) table.dataTable,
.group-standings-card:not(.group-standings-card--closed) table.dataTable,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.66) 0%, rgba(214, 237, 255, 0.50) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.42) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.13) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08) !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(205, 233, 255, 0.56) 100%) !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    border-radius: 9px 0 0 9px !important;
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08) !important;
}

.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
.group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
.group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
.groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child {
    border-radius: 0 9px 9px 0 !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td {
    background: linear-gradient(180deg, rgba(26, 64, 106, 0.82) 0%, rgba(18, 47, 80, 0.86) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.30) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.24) !important;
    box-shadow:
        inset 0 1px 0 rgba(191, 226, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td {
    background: linear-gradient(180deg, rgba(32, 76, 124, 0.90) 0%, rgba(22, 56, 94, 0.92) 100%) !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child {
    border-radius: 9px 0 0 9px !important;
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(191, 226, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:last-child,
html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:last-child {
    border-radius: 0 9px 9px 0 !important;
}

@media (max-width: 767px) {
    table.dataTable tbody td.cellPoints .group-live-points-delta {
        right: calc(50% + 10px);
        padding-inline: 5px;
        font-size: 10px;
    }
}

/* In prono mode, closed groups are official: neutral rows must not keep prono colors. */
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellPoints {
    background: transparent !important;
    color: #1a1a1a !important;
}

.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellLeft,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellLeft a,
.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellLeft a:visited {
    color: #5f9fe7 !important;
}

.groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact):hover > td {
    background: rgba(96, 165, 250, 0.07) !important;
}

html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellPoints {
    background: transparent !important;
    color: #d7e8ff !important;
}

html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellLeft,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellLeft a,
html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact) > td.cellLeft a:visited {
    color: #6fb6ff !important;
}

html[data-theme='dark'] .groups-panel.prono-mode .group-card--closed table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.group-live-impact):hover > td {
    background: rgba(96, 165, 250, 0.08) !important;
}

/* Live-qualified rows use the qualified emphasis without the official lock dot. */
table.dataTable tbody tr.group-live-qualified > td,
.group-card table.dataTable tbody tr.group-live-qualified > td,
.group-standings-card table.dataTable tbody tr.group-live-qualified > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.66) 0%, rgba(214, 237, 255, 0.50) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.42) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.13) !important;
    color: #123a66 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08) !important;
}

table.dataTable tbody tr.group-live-qualified:hover > td,
.group-card table.dataTable tbody tr.group-live-qualified:hover > td,
.group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(205, 233, 255, 0.56) 100%) !important;
}

table.dataTable tbody tr.group-live-qualified > td:first-child,
table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
.group-card table.dataTable tbody tr.group-live-qualified > td:first-child,
.group-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
.group-standings-card table.dataTable tbody tr.group-live-qualified > td:first-child,
.group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td:first-child,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td:first-child {
    border-radius: 9px 0 0 9px !important;
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08) !important;
}

table.dataTable tbody tr.group-live-qualified > td:last-child,
table.dataTable tbody tr.group-live-qualified:hover > td:last-child,
.group-card table.dataTable tbody tr.group-live-qualified > td:last-child,
.group-card table.dataTable tbody tr.group-live-qualified:hover > td:last-child,
.group-standings-card table.dataTable tbody tr.group-live-qualified > td:last-child,
.group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td:last-child,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td:last-child,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td:last-child {
    border-radius: 0 9px 9px 0 !important;
}

table.dataTable tbody tr.group-live-qualified > td.cellLeft,
table.dataTable tbody tr.group-live-qualified > td.cellPoints,
table.dataTable tbody tr.group-live-qualified > td.cellLeft a,
table.dataTable tbody tr.group-live-qualified > td.cellLeft a:visited,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellLeft,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellPoints,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellLeft a,
.groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellLeft a:visited {
    color: #123a66 !important;
}

table.dataTable tbody tr.group-live-qualified > td.cellLeft .team-label::after {
    content: none !important;
    display: none !important;
}

html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td {
    background: linear-gradient(180deg, rgba(26, 64, 106, 0.82) 0%, rgba(18, 47, 80, 0.86) 100%) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.30) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.24) !important;
    color: #e7f2ff !important;
    box-shadow:
        inset 0 1px 0 rgba(191, 226, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified:hover > td,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified:hover > td,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td {
    background: linear-gradient(180deg, rgba(32, 76, 124, 0.90) 0%, rgba(22, 56, 94, 0.92) 100%) !important;
}

html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td:first-child,
html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified > td:first-child,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified > td:first-child,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td:first-child,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td:first-child {
    border-radius: 9px 0 0 9px !important;
    box-shadow:
        inset 4px 0 0 #38bdf8,
        inset 0 1px 0 rgba(191, 226, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td:last-child,
html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified:hover > td:last-child,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified > td:last-child,
html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified:hover > td:last-child,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified > td:last-child,
html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td:last-child,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td:last-child,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td:last-child {
    border-radius: 0 9px 9px 0 !important;
}

html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td.cellLeft,
html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td.cellPoints,
html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td.cellLeft a,
html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td.cellLeft a:visited,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellLeft,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellPoints,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellLeft a,
html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td.cellLeft a:visited {
    color: #e7f2ff !important;
}

@media (max-width: 600px) {
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before,
    table.dataTable tbody tr > td.dtr-control::before,
    table.dataTable tbody tr > td.dtr-control::after,
    table.dataTable tbody tr > td:first-child::before,
    table.dataTable tbody tr > td:first-child::after,
    table.dataTable tbody tr > td.cellLeft::before,
    table.dataTable tbody tr > td.cellLeft::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control,
    table.dataTable tbody tr > td.dtr-control {
        padding-left: 0 !important;
    }

    table.dataTable tbody tr.group-qualified-lock > td,
    table.dataTable tbody tr.group-qualified-lock:hover > td,
    table.dataTable tbody tr.group-live-qualified > td,
    table.dataTable tbody tr.group-live-qualified:hover > td,
    .group-card table.dataTable tbody tr.group-qualified-lock > td,
    .group-card table.dataTable tbody tr.group-qualified-lock:hover > td,
    .group-card table.dataTable tbody tr.group-live-qualified > td,
    .group-card table.dataTable tbody tr.group-live-qualified:hover > td,
    .group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
    .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
    .group-standings-card table.dataTable tbody tr.group-qualified-lock > td,
    .group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td,
    .group-standings-card table.dataTable tbody tr.group-live-qualified > td,
    .group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td,
    .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td,
    .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
    .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td,
    .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock:hover > td,
    .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td,
    .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .group-card table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] .group-card table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] .group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] .groups-panel.prono-mode table.dataTable tbody tr.group-live-qualified:hover > td {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #eef8ff !important;
    }

    table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
    table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
    table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label,
    table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    table.dataTable tbody tr.group-live-qualified > td.cellLeft a,
    table.dataTable tbody tr.group-live-qualified > td.cellLeft a:visited,
    table.dataTable tbody tr.group-live-qualified > td.cellLeft .team-label {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        color: #eef8ff !important;
    }
}

@media (max-width: 600px) {
    html:not([data-theme='dark']) .group-card,
    html:not([data-theme='dark']) .group-standings-card {
        background: linear-gradient(180deg, rgba(244, 250, 255, 0.96) 0%, rgba(226, 240, 253, 0.96) 100%) !important;
    }

    html:not([data-theme='dark']) table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock):not(.responsive-detail-row) {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(232, 242, 253, 0.92) 100%) !important;
        box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08), 0 8px 18px rgba(30, 64, 115, 0.06) !important;
        color: #123a66 !important;
    }

    html:not([data-theme='dark']) table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock) > td,
    html:not([data-theme='dark']) table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock) > td.cellLeft,
    html:not([data-theme='dark']) table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock) > td.cellLeft a,
    html:not([data-theme='dark']) table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock) > td.cellLeft a:visited,
    html:not([data-theme='dark']) table.dataTable tbody tr:not(.group-qualified-lock):not(.group-live-qualified):not(.group-eliminated-lock) > td.cellPoints {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #123a66 !important;
    }

    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified {
        background: linear-gradient(180deg, rgba(232, 247, 255, 0.98) 0%, rgba(196, 228, 250, 0.96) 100%) !important;
        box-shadow: inset 4px 0 0 #38bdf8, inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 0 0 1px rgba(56, 189, 248, 0.24), 0 10px 20px rgba(37, 99, 235, 0.10) !important;
        color: #123a66 !important;
    }

    html:not([data-theme='dark']) table.dataTable tbody tr.group-eliminated-lock {
        background: linear-gradient(180deg, rgba(226, 232, 240, 0.92) 0%, rgba(203, 213, 225, 0.92) 100%) !important;
        box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.10), 0 6px 14px rgba(30, 41, 59, 0.05) !important;
        opacity: 0.72;
    }

    html:not([data-theme='dark']) table.dataTable tbody tr.group-eliminated-lock > td,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-eliminated-lock > td.cellLeft,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-eliminated-lock > td.cellLeft a:visited,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-eliminated-lock > td.cellPoints {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #64748b !important;
    }
}

@media (max-width: 600px) {
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td:first-child,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified > td,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified > td:first-child,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td:first-child,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td:first-child,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html[data-theme='dark'] .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified > td:first-child,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html[data-theme='dark'] .group-standings-card:not(.group-standings-card--closed) table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td:first-child,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html[data-theme='dark'] .groups-panel.prono-mode .group-card:not(.group-card--closed) table.dataTable tbody tr.group-live-qualified > td.cellLeft {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #eef8ff !important;
    }

    .group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
    .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    .group-card--closed table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    .group-card--closed table.dataTable tbody tr.group-live-qualified > td:first-child,
    .group-card--closed table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    .group-card--closed table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
    .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    .group-standings-card--closed table.dataTable tbody tr.group-live-qualified > td:first-child,
    .group-standings-card--closed table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    .group-standings-card--closed table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-live-qualified > td:first-child,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html[data-theme='dark'] .group-card--closed table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-live-qualified > td:first-child,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html[data-theme='dark'] .group-standings-card--closed table.dataTable tbody tr.group-live-qualified > td.cellLeft {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #eef8ff !important;
    }

    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock:hover > td,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified:hover > td,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td.cellLeft,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td.cellLeft a,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td.cellLeft a:visited,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td.cellLeft .team-label,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td.cellPoints,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td.cellPoints > strong,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-qualified-lock > td:nth-child(10),
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td.cellLeft,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td.cellLeft a,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td.cellLeft a:visited,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td.cellLeft .team-label,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td.cellPoints,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td.cellPoints > strong,
    html:not([data-theme='dark']) table.dataTable tbody tr.group-live-qualified > td:nth-child(10) {
        color: #123a66 !important;
        text-shadow: none !important;
    }

    html:not([data-theme='dark']) .group-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html:not([data-theme='dark']) .group-card table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html:not([data-theme='dark']) .group-card table.dataTable tbody tr.group-live-qualified > td:first-child,
    html:not([data-theme='dark']) .group-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html:not([data-theme='dark']) .group-standings-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html:not([data-theme='dark']) .group-standings-card table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html:not([data-theme='dark']) .group-standings-card table.dataTable tbody tr.group-live-qualified > td:first-child,
    html:not([data-theme='dark']) .group-standings-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child,
    html:not([data-theme='dark']) .groups-panel.prono-mode .group-card table.dataTable tbody tr.group-qualified-lock > td:first-child,
    html:not([data-theme='dark']) .groups-panel.prono-mode .group-card table.dataTable tbody tr.group-qualified-lock:hover > td:first-child,
    html:not([data-theme='dark']) .groups-panel.prono-mode .group-card table.dataTable tbody tr.group-live-qualified > td:first-child,
    html:not([data-theme='dark']) .groups-panel.prono-mode .group-card table.dataTable tbody tr.group-live-qualified:hover > td:first-child {
        color: #123a66 !important;
        text-shadow: none !important;
    }

    .group-live-rank-official {
        display: none !important;
    }
}