/* Match Views - Dark Theme */
.section-mviews{margin-bottom:25px;}

.mviews-h1{
    background:#0f2341;font-family:"Prompt",Tahoma,Arial;font-weight:500;font-size:1.1rem;color:#e8edf3;
    text-align:left;padding:6px 10px;border-bottom:2px solid #00a651;
    border-top-left-radius:6px;border-top-right-radius:6px;
}
.mviews-h2{font-family:"Prompt",Tahoma,Arial;font-weight:600;font-size:1rem;margin-bottom:2px;color:#e8edf3;}
.mviews-h2 img{max-height:18px;}

.mviews-header{display:flex;margin-top:10px;padding:10px 0;font-family:"Prompt",Tahoma,Arial;}
.mviews-header .mviews-hcol{width:30%;text-align:center;padding:5px 10px;}
.mviews-header .mviews-hcol.center{width:40%;}
.mviews-header .mviews-hlogo{
    display:inline-block;vertical-align:middle;height:100px;width:100px;margin-bottom:6px;padding:8px;
    overflow:hidden;border:1px solid #1a2a44;background:#0f2341;
    border-radius:6px;
}
.mviews-header .mviews-hlogo img{display:inline-block;width:100%;vertical-align:top;}
.mviews-header .mviews-hname{font-size:1.1rem;font-weight:600;color:#e8edf3;}
.mviews-header .mviews-hnote{font-size:0.75rem;color:#6b7280;}
.mviews-header .hcol-score{font-size:1.8rem;font-weight:600;color:#e74c3c;margin-top:15px;}
.mviews-header .hcol-schalf{font-size:0.9rem;color:#6b7280;}
.mviews-header .hcol-scnote{font-size:0.7rem;color:#9ca3af;text-align:center;}
.mviews-header .hcol-pg{font-weight:500;color:#9ca3af;}
.mviews-header .hcol-tv{padding:5px 0;}
.mviews-header .hcol-tv img{display:inline-block;max-height:24px;margin:0 5px 5px 0;}

.mviews-naver{
    display:flex;background:#0f2341;font-family:"Prompt",Tahoma,Arial;overflow:hidden;
    margin:0 auto 3px auto;padding:2px 6px;border-radius:4px;
}
.mviews-naver .naver-col{width:50%;padding:4px 0 4px 5px;font-size:0.55rem;text-align:left;}
.mviews-naver .naver-col.right{text-align:right;}
.mviews-naver .naver-col .btn-navbar{
    display:inline-block;background:none;color:#9ca3af;
    padding:1px 8px;margin-left:1px;cursor:pointer;text-transform:uppercase;
    border-radius:4px;
}
.mviews-naver .naver-col .btn-navbar.first{margin-left:0;}
.mviews-naver .naver-col .btn-navbar.disable{background:none;cursor:default;color:#374151;}
.mviews-naver .naver-col .btn-navbar.unactive{background:none;color:#9ca3af;cursor:pointer;}
.mviews-naver .naver-col .btn-navbar.active{background:#162d50;color:#e8edf3;cursor:default;}


.mviews-box{padding:8px 0px;}
.mviews-box.box-half{display:flex;justify-content:space-between;}
.mviews-box .half-col{width:49%;}

.stats-list{display:flex;padding:5px 0;border-bottom:1px solid #1a2a44;color:#e8edf3;}
.stats-list .bg-score{
    display:inline-block;width:43px;font-size:0.7rem;line-height:16px;padding:1px 0;
    background:#0f2341;color:#fff;text-align:center;border:1px solid #1a2a44;
    border-radius:12px;
}
.stats-list .sc-note{color:#e74c3c;font-size:0.6rem;}
.stats-list .i-result{
    display:inline-block;vertical-align:middle;width:16px;height:16px;
    font-family:"Prompt",Tahoma,Arial;font-weight:400;font-size:0.65rem;color:#fff;line-height:17px;
    border-radius:3px;
}
.stats-list .i-result.win{background:#00a651;}
.stats-list .i-result.draw{background:#1a2a44;}
.stats-list .i-result.lost{background:#e74c3c;}

.stats-list .list-mcol{text-align:center;}
.stats-list .list-mcol.date{width:10%;text-align:left;padding-left:4px;color:#6b7280;}
.stats-list .list-mcol.program{
    width:32%;text-align:left;white-space:nowrap;overflow:hidden;padding:0 5px;color:#9ca3af;
}
.stats-list .list-mcol.score{width:6%;}
.stats-list .list-mcol.team{width:20%;padding-right:6px;text-align:right;}
.stats-list .list-mcol.team.away{padding-left:6px;padding-right:0px;text-align:left;}
.stats-list .list-mcol.scnote{width:10%;}

.stats-list.last-match .list-mcol{font-size:13px;}
.stats-list.last-match .list-mcol.date{width:16%;}
.stats-list.last-match .list-mcol.program{width:14%;}
.stats-list.last-match .list-mcol.score{width:10%;}
.stats-list.last-match .list-mcol.team{width:26%;padding-right:3px;}
.stats-list.last-match .list-mcol.team.away{padding-left:3px;padding-right:0px;}
.stats-list.last-match .list-mcol.scnote{width:6%;}

@media screen and (min-width: 590px) and (max-width: 799px){
    
    .mviews-header .mviews-hcol .mviews-hlogo{height:80px;width:80px;}
    .mviews-header .mviews-hcol .mviews-hlogo img{max-height:none;max-width:none;height:auto;}
    .stats-list .list-mcol{font-size:0.8rem;}
    .stats-list .list-mcol.date{width:15%;}
    .stats-list .list-mcol.program{width:27%;}
    .stats-list .list-mcol.score{width:10%;}
    .stats-list .list-mcol.team{width:18%;}

    .stats-list.last-match .list-mcol{font-size:0.7rem;}
    .stats-list.last-match .list-mcol.score{width:14%;}
    .stats-list.last-match .list-mcol.team{width:24%;}
}

@media screen and (min-width:280px) and (max-width:589px){
    .mviews-h1{font-size:1rem;}

    .mviews-box.box-half{flex-wrap:wrap;}
    .mviews-box .half-col{width:100%;margin-bottom:20px;}

    .mviews-header .mviews-hcol{width:28%;text-align:center;}
    .mviews-header .mviews-hcol.center{width:44%;}
    .mviews-header .mviews-hlogo{height:60px;width:60px;}
    .mviews-header .mviews-hlogo img{max-height:none;max-width:none;height:auto;}
    .mviews-header .mviews-hname{font-size:0.85rem;}
    .mviews-header .mviews-hnote{font-size:0.7rem;}
    .mviews-header .hcol-score{font-size:18px;}
    .mviews-header .hcol-tv img{max-height:18px;}
    
    .stats-list{padding:6px 0;font-size:0.85rem;flex-wrap:wrap;}
    .stats-list .list-mcol.date{
        width:25%;font-size:0.8rem;line-height:20px;font-weight:500;
        order:1;margin-bottom:3px;
    }
    .stats-list .list-mcol.program{
        width:65%;text-align:left;font-weight:500;
        order:2;margin-bottom:3px;font-size:0.8rem;
    }
    .stats-list .list-mcol.score{width:20%;text-align:center;order:5;}
    .stats-list .list-mcol.team{width:35%;order:6;font-size:0.83rem;}
    .stats-list .list-mcol.team.home{clear:both;order:4;}
    .stats-list .list-mcol.scnote{width:10%;order:3;margin-bottom:3px;}

    .stats-list.last-match .list-mcol.date{width:25%;font-size:0.8rem;}
    .stats-list.last-match .list-mcol.program{width:65%;text-align:left;font-size:0.8rem;line-height:20px;}
    .stats-list.last-match .list-mcol.score{width:20%;text-align:center;}
    .stats-list.last-match .list-mcol.team{width:40%;}
    .stats-list.last-match .list-mcol.scnote{width:10%;}
}