/* CSS KHỐI "PHÂN TÍCH" trang trận — tách từ /ng-lineup/lineup.css của site kqbd (8081).
   Chỉ giữ luật có selector thuộc HOÀN TOÀN các class/id của mảnh ?tabid=2 và ?tabid=3 (So sánh TL) (271 luật),
   để không đè CSS sân đội hình bongdanet. Dùng UI kqbd cho tab này: người dùng cho phép
   23/09/2026 vì tab Phân tích bản gốc bongdanet đang lỗi. */
.bar-l{border-radius: 3px 0 0 3px;}
.bar-r{border-radius: 0 3px 3px 0;}
.bar-l i{right: 0; background: #de682f; border-radius: 3px 0 0 3px;}
.bar-r i{left: 0; background: #2495da; border-radius: 0 3px 3px 0;}
.stg-wrap{width: 100%; font-size: 12px;}
.stg-head{display: flex; justify-content: space-between; border-bottom: 2px solid #e5e5e5; padding-bottom: 4px; margin-bottom: 10px;}
.stg-head .stg-name{font-weight: bold; font-size: 13px;}
.stg-h{color: #de682f;}
.stg-a{color: #2495da;}
.stg-body{display: flex; gap: 16px; align-items: flex-start;}
.stg-chart{flex: 0 0 300px; display: flex; align-items: center; justify-content: center; gap: 4px;}
.stg-side{flex: 1 1 0; min-width: 0;}
.stg-tabs{display: flex; background: #f0f0f0; border-radius: 18px; padding: 2px; margin-bottom: 10px;}
.stg-tabs span{flex: 1 1 0; text-align: center; line-height: 26px; border-radius: 16px; cursor: pointer; color: #666;}
.stg-tabs span.on{background: #fff; color: #333; font-weight: bold;}
.stg-sum{display: flex; justify-content: space-between; align-items: center; line-height: 22px;}
.stg-sum b{color: #333;}
.stg-sumbar, .stg-bar{display: flex; height: 4px; background: #eaeaea; border-radius: 2px; overflow: hidden;}
.stg-sumbar{margin-bottom: 12px;}
.stg-bh{background: #de682f; display: block; height: 100%;}
.stg-ba{background: #2495da; display: block; height: 100%;}
.stg-row{display: flex; align-items: center; line-height: 22px; margin-bottom: 6px;}
.stg-row .stg-v{flex: 0 0 62px; font-weight: bold;}
.stg-row .stg-v:first-child{text-align: left;}
.stg-row .stg-v:last-child{text-align: right;}
.stg-row .stg-bar{flex: 1 1 0; min-width: 0; height: 8px; border-radius: 0;}
.stg-row .bar-l{justify-content: flex-end; border-radius: 4px 0 0 4px;}
.stg-row .bar-r{border-radius: 0 4px 4px 0;}
.stg-chip{flex: 0 0 132px; text-align: center; font-size: 11px; line-height: 20px; color: #555; background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; margin: 0 -2px; position: relative; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.stg-badge{flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; color: #fff; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.stg-bh-bg{background: #de682f;}
.stg-ba-bg{background: #2495da;}
@media (max-width: 760px){
.stg-body{flex-direction: column;}
.stg-chart{flex: none; width: 100%;}
.stg-row .stg-v{flex: 0 0 48px;}
.stg-chip{flex: 0 0 96px;}
}
.vote-box{background: #fafafa; border: 1px solid #eee; border-radius: 6px; padding: 14px 16px; margin-top: 8px;}
.vote-top{display: flex; align-items: center; gap: 12px;}
.vote-btn{flex: 1 1 0; min-width: 0; border: 0; border-radius: 18px; line-height: 34px; font-size: 13px; color: #fff; cursor: pointer; padding: 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vote-btn b{margin-left: 6px; font-weight: bold;}
.vote-btn.vote-h{background: #de682f;}
.vote-btn.vote-a{background: #2495da;}
.vote-btn:hover{opacity: .88;}
.vote-line{flex: 0 0 auto; font-weight: bold; color: #333; font-size: 13px;}
.vote-num{display: flex; justify-content: space-between; align-items: center; margin: 12px 0 4px; font-size: 12px; font-weight: bold;}
.vote-num small{font-weight: normal; color: #999;}
.vote-num .vote-h{color: #de682f;}
.vote-num .vote-a{color: #2495da;}
.vote-num .vote-mid{color: #999; font-weight: normal;}
.vote-bar{display: flex; height: 8px; border-radius: 4px; overflow: hidden; background: #eaeaea;}
.vote-bh{background: #de682f; display: block; transition: width .25s;}
.vote-ba{background: #2495da; display: block; transition: width .25s;}
@media (max-width: 760px){
.vote-top{flex-wrap: wrap;}
.vote-line{order: -1; flex: 1 0 100%; text-align: center; margin-bottom: 6px;}
}
.stg-head-row{text-align: center; margin: 10px 0 4px;}
.stg-head-row .stg-chip{display: inline-block; background: #f0f0f0; color: #666;}
.tt-wrap{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    text-align: center;}
.tt-team{border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;}
.tt-name{display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    color: #fff;}
.tt-name img{flex: none; border-radius: 2px;}
.tt-tname{font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #fff;}
.tt-lg{flex: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    padding: 1px 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .22);
    color: #fff;
    white-space: nowrap;}
.tt-row{display: grid;
    grid-template-columns: 74px repeat(9, 1fr);
    align-items: center;
    padding: 0 10px;
    font-size: 12px;
    line-height: 30px;
    color: #333;
    border-top: 1px solid #f2f2f2;}
.tt-row > span{min-width: 0;}
.tt-head{background: #f7f8fa;
    color: #888;
    font-weight: 600;
    border-top: 1px solid #e8e8e8;
    text-transform: none;}
.tt-head .tt-lb{color: #555; font-weight: 700;}
.tt-row + .tt-head{margin-top: 6px;
    border-top: 1px solid #e0e0e0;}
.tt-lb{text-align: left;}
.tt-row:nth-child(even){background: #fcfcfd;}
.tt-head + .tt-row{background: transparent;}
.tt-pts{font-weight: 700; color: #333;}
.tt-rank{color: #eb5757; font-weight: 600;}
.tt-rate{color: #999;}
.tt-last{background: #fafbfc;
    border-top: 1px dashed #e0e0e0;}
.tt-last .tt-lb{color: #888; font-style: italic;}
.tt-last span{color: #666;}
.tt-last .tt-pts{color: #444;}
.tt-last .tt-rate{color: #aaa;}
@media (max-width: 760px){
.tt-wrap{grid-template-columns: 1fr;}
.tt-row{grid-template-columns: 66px repeat(9, 1fr); padding: 0 6px; font-size: 11px;}
}
.h2s-box{border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 12px 14px 14px;
    background: #fff;}
.h2s-line{display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;}
.h2s-w{color: #52a447; font-weight: 600;}
.h2s-d{color: #e8912a; font-weight: 600;}
.h2s-l{color: #d9534f; font-weight: 600;}
.h2s-mid{color: #888;}
.h2s-bar{display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: #f0f0f0;
    font-size: 0;
    margin-top: 4px;}
.h2s-bar i{display: block; height: 100%;}
.h2s-bw{background: #6aab5f;}
.h2s-bd{background: #f0ad4e;}
.h2s-bl{background: #e07b76;}
.h2s-odds{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f0f0f0;}
.h2s-odd + .h2s-odd{border-left: 1px solid #f0f0f0; padding-left: 14px;}
.h2s-odd-name{text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    padding: 5px 0;
    background: #f7f8fa;
    border-radius: 4px;}
.h2s-odd-name span{font-weight: 400; color: #999;}
.h2s-cols{display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 10px;}
.h2s-col{text-align: center;}
.h2s-num{font-size: 12px; font-weight: 600; color: #666; line-height: 18px;}
.h2s-lbl{font-size: 12px; color: #777; margin-top: 5px;}
.h2s-stick{display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 72px;
    margin-top: 3px;}
.h2s-stick i{display: block;
    width: 26px;
    border-radius: 3px 3px 0 0;}
.h2s-sw{background: #6aab5f;}
.h2s-sd{background: #f0ad4e;}
.h2s-sl{background: #e07b76;}
@media (max-width: 760px){
.h2s-odds{grid-template-columns: 1fr;}
.h2s-odd + .h2s-odd{border-left: 0;
        padding-left: 0;
        border-top: 1px solid #f0f0f0;
        padding-top: 12px;}
.h2s-line{font-size: 11px;}
}
.h2t .h2h-row-data{grid-template-columns:
        58px 62px minmax(88px, 1.5fr) 52px 56px minmax(88px, 1.5fr)
        repeat(3, 52px) repeat(3, 48px) repeat(3, 34px);
    gap: 0;
    padding: 0 8px;
    align-items: center;}
.h2t .h2h-title{grid-template-columns:
        58px 62px minmax(88px, 1.5fr) 52px 56px minmax(88px, 1.5fr)
        156px 144px repeat(3, 34px);
    gap: 0;
    padding: 6px 8px;
    align-items: center;}
.h2t .h2h-title{background: #f7f8fa;
    color: #777;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #e8e8e8;
    border-bottom: 0;}
.h2t .h2h-title-text{margin-top: 0;          
    color: #555;
    font-weight: 700;}
.h2t .h2h-title-top{gap: 4px;}
.h2t .h2h-title-top .h2h-select{font-size: 11px;
    padding: 2px 4px;
    height: 22px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff;
    color: #666;}
.h2t .h2h-title-bottom{margin-top: 3px;}
.h2t .h2h-title-bottom span{font-size: 11px; color: #777; font-weight: 600;}
.h2t .h2h-row-data{line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0 1px 1px 1px;
    border-color: #ececec;
    font-size: 12px;}
.h2t .h2h-row-data:nth-child(odd){background: #fcfcfd;}
.h2t .h2h-row-data > div{min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.h2t .h2h-data-text{max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.h2t .h2h-win,
.h2t .h2h-draw,
.h2t .h2h-lose{height: auto;
    min-width: 20px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 18px;
    border-radius: 3px;}
.h2t .match-h2h-header{display: flex;
    align-items: center;
    gap: 12px;
    background: #f7f8fa;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    padding: 8px 12px;}
.h2t .h2h-team{margin-top: 0; flex: none;}
.h2t .h2h-team-name{font-weight: 700; font-size: 14px; color: #333; margin-left: 6px;}
.h2t .h2h-checkbox-wrap{margin-top: 0;
    text-align: center;
    font-size: 12px;
    color: #666;}
.h2t .match-h2h-header .h2h-checkbox-wrap{display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4px 10px;
    white-space: nowrap;}
.h2t .match-h2h-header .h2h-checkbox-wrap > label{margin: 0 0 0 3px;
    white-space: nowrap;
    display: inline-block;}
.h2t .match-h2h-header .h2h-checkbox-wrap > input{margin: 0;
    flex: none;
    vertical-align: middle;}
.h2t .form-h2h-html > div:last-child{border-radius: 0 0 6px 6px;
    border-color: #ececec !important;
    background: #fafbfc;}
@media (max-width: 980px){
.h2t{overflow-x: auto;}
.h2t .h2h-title,
    .h2t .h2h-row-data,
    .h2t .match-h2h-header{min-width: 900px;}
}
.h2s-group + .h2s-group{margin-top: 20px;}
.h2s-group .h2s-box{border-radius: 6px 6px 0 0; border-bottom: 0;}
.h2s-group .h2t{margin-top: 0;}
.pt-box{margin-top: 16px;}
.pt-head{display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 4px;
    border-bottom: 2px solid transparent;
    
    border-image: linear-gradient(to right, #de682f 50%, #2495da 50%) 1;}
.pt-h{color: #de682f; font-weight: 700; font-size: 13px;}
.pt-a{color: #2495da; font-weight: 700; font-size: 13px;}
.pt-t{font-weight: 700; font-size: 15px; color: #333; text-align: center; flex: 1;}
.pt-body{background: #f7f8fa; padding: 14px;}
.pt-tabs{display: flex;
    justify-content: center;
    background: #ececec;
    border-radius: 18px;
    padding: 3px;
    width: fit-content;
    margin: 0 auto 10px;}
.pt-tab{border: 0;
    background: transparent;
    padding: 5px 22px;
    border-radius: 16px;
    font-size: 13px;
    color: #666;
    cursor: pointer;}
.pt-tab.on{background: #fff; color: #333; font-weight: 600;}
.pt-line{text-align: center; font-size: 12px; color: #888; margin-bottom: 10px;}
.pt-line b{color: #2495da; font-weight: 600;}
.pt-groups{display: grid; grid-template-columns: repeat(3, 1fr);}
.pt-group + .pt-group{border-left: 1px solid #e2e2e2;}
.pt-group{padding: 0 10px;}
.pt-gname{text-align: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 16px;
    padding: 5px 10px;
    font-size: 12px;
    color: #555;
    margin-top: 8px;}
.pt-gname span{color: #999; font-weight: 400;}
.pt-cols, .pt-pairs{display: flex; justify-content: space-around; align-items: flex-end;}
.pt-col{text-align: center;}
.pt-num{font-size: 12px; font-weight: 700; line-height: 18px;}
.pt-lbl{font-size: 12px; color: #555; margin-top: 6px; text-align: center;}
.pt-stick{display: flex; align-items: flex-end; justify-content: center;}
.pt-stick i{display: block; width: 30px; border-radius: 2px;}
.pt-h{color: #de682f;}
.pt-a{color: #2495da;}
.pt-d{color: #999;}
.pt-bh{background: #de682f;}
.pt-ba{background: #2495da;}
.pt-bd{background: #bbb;}
.pt-pair{text-align: center;}
.pt-two{display: flex; gap: 4px; align-items: flex-end;}
.pt-pairs{gap: 6px;}
.pt-gd .pt-pair{flex: 1;}
.pt-halves{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.pt-half + .pt-half{border-left: 1px solid #e2e2e2; padding-left: 16px;}
.pt-note{display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 12px;
    font-size: 12px;
    color: #666;}
.pt-key{display: inline-flex; align-items: center; gap: 5px;}
.pt-key i{display: inline-block; width: 10px; height: 10px; border-radius: 2px;}
.pt-hint{color: #999;}
.pt-next{width: 100%; border-collapse: collapse; font-size: 12px;}
.pt-next th{background: transparent;
    color: #888;
    font-weight: 600;
    padding: 6px 4px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;}
.pt-next td{padding: 7px 4px; text-align: center; border-bottom: 1px solid #eee; color: #444;}
.pt-next .pt-lg{color: #666;}
.pt-next .pt-vs{color: #333; font-weight: 500;}
.pt-side{font-weight: 600;}
.pt-th{color: #de682f;}
.pt-ta{color: #2495da;}
.pt-empty{text-align: center; color: #999; padding: 20px 0; font-size: 12px;}
@media (max-width: 760px){
.pt-groups{grid-template-columns: 1fr;}
.pt-group + .pt-group{border-left: 0; border-top: 1px solid #e2e2e2; padding-top: 12px; margin-top: 12px;}
.pt-halves{grid-template-columns: 1fr;}
.pt-half + .pt-half{border-left: 0; padding-left: 0; border-top: 1px solid #e2e2e2; padding-top: 14px;}
.pt-stick i{width: 22px;}
.pt-t{font-size: 13px;}
}
.pt-body-flat{background: #fff; padding: 0;}
.ms-halves{display: grid; grid-template-columns: 1fr 1fr;}
.ms-half{min-width: 0;}
.ms-half + .ms-half{border-left: 1px solid #eee;}
.ms-cap{display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    border-bottom: 1px solid #f0f0f0;}
.ms-cap::before{content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: none;}
.ms-cap-h{background: #fdf9e7;}
.ms-cap-h::before{background: #e8c33a;}
.ms-cap-a{background: #eef5fb;}
.ms-cap-a::before{background: #7fb2dd;}
.ms-cap-sus{background: #f5f5f5;}
.ms-cap-sus::before{background: #bbb;}
.ms-list{display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 6px 0;}
.ms-row{display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    font-size: 12px;
    min-width: 0;}
.ms-pos{flex: none;
    width: 26px;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    color: #2495da;}
.ms-no{flex: none;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #de682f;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;}
.ms-name{color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;}
.ms-updated{text-align: center;
    padding: 9px 0;
    font-size: 12px;
    color: #777;
    border-top: 1px solid #f0f0f0;
    font-weight: 600;}
@media (max-width: 760px){
.ms-halves{grid-template-columns: 1fr;}
.ms-half + .ms-half{border-left: 0; border-top: 1px solid #eee;}
.ms-list{grid-template-columns: 1fr;}
}
.ngc-tabs{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 4px 0 12px;}
.ngc-tab{padding: 6px 15px;
    border-radius: 4px;
    background: #f2f4f6;
    color: #55606b;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: background .12s, color .12s;}
.ngc-tab:hover{background: #e6eaee; color: #333;}
.ngc-tab.on{background: #307b06;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(48, 123, 6, .3);}
.ngc .ngc-tb{width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;
    table-layout: fixed;
    border: 1px solid #e4e8ec;
    border-radius: 4px;
    overflow: hidden;}
.ngc .ngc-tb tbody tr:hover td{background: #f5f9ff;}
.ngc .ngc-th th{background: #f4f6f8;
    color: #5a6b7a;
    font-weight: 600;
    padding: 7px 2px;
    border: 1px solid #e4e8ec;
    line-height: 18px;
    font-size: 12px;
    text-align: center;}
.ngc .ngc-th:first-child th[colspan]{background: #eef1f4;
    color: #47566a;
    font-weight: 700;}
.ngc .ngc-tb td{border: 1px solid #f0f0f0;
    padding: 3px 2px;
    color: #333;
    vertical-align: middle;
    
    line-height: 19px;
    font-size: 12px;}
.ngc .ngc-alt td{background: #fafbfc;}
.ngc .ngc-cn{text-align: center;
    font-weight: 600;
    color: #2c3e50;
    white-space: nowrap;}
.ngc .ngc-moc{color: #bcc3c9;
    letter-spacing: .1px;
    
    padding-right: 8px;
    border-right: 1px solid #e8ecef;}
.ngc .ngc-moc .ngc-run{color: #dda19d;}
.ngc .ngc-tb td > span{display: block;
    position: relative;
    line-height: 19px;
    white-space: nowrap;}
.ngc .ngc-tb .rb,
.ngc .ngc-th th.rb{border-right: 1px solid #dfe4e8;}
/* Mũi tên đứng ngay sau số nhưng KHÔNG chiếm chỗ (absolute, giữ vị trí tĩnh):
   số luôn căn giữa thẳng hàng với số không có mũi tên ở trên/dưới. */
.ngc .ngc-tb .text-up::after,
.ngc .ngc-tb .text-down::after{position: absolute; margin-left: 3px;}
@media (max-width: 900px){
.ngc .odds-type-box{overflow-x: auto;}
.ngc .ngc-tb{min-width: 860px;}
.ngc-tabs{justify-content: flex-start; overflow-x: auto;}
}
.ngc .oddsTable{width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;}
.ngc .oddsTable th{background: #f4f6f8 !important;
    color: #5a6b7a !important;
    font-weight: 600;
    padding: 7px 2px;
    border: 1px solid #e4e8ec;
    line-height: 18px;
    font-size: 12px;}
.ngc .oddsTable td{border: 1px solid #f0f0f0;
    padding: 6px 2px;
    color: #333;
    line-height: 20px;}
.ngc .oddsTable .bg-gray td{background: #fafbfc;}
.ngc .oddsTable tbody tr:hover td{background: #f5f9ff;}
.ngc .oddsTable td:first-child{color: #2c3e50 !important;
    font-weight: 600 !important;
    white-space: nowrap;}
.ngc .oddsTable .border-none{border-right: 0;}
.ngc .oddsTable .border-right{border-right: 1px solid #ddd;}
.ngc .oddsTable .odds-run td{color: #666;}
.ngc-ftht{display: inline-flex;
    margin-left: auto;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e0e0e0;}
.ngc-ft{padding: 5px 16px;
    font-size: 13px;
    color: #666;
    background: #f7f8fa;
    cursor: pointer;
    user-select: none;}
.ngc-ft + .ngc-ft{border-left: 1px solid #e0e0e0;}
.ngc-ft.on{background: #307b06; color: #fff;}
@media (max-width: 760px){
.ngc-ftht{margin-left: 0;}
}
.ngc-det{color: #2495da;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;}
.ngc-det:hover{text-decoration: underline;}
.ngc-pop{position: fixed; inset: 0; z-index: 9999;}
.ngc-pop-bg{position: absolute; inset: 0; background: rgba(0, 0, 0, .45);}
.ngc-pop-box{position: relative;
    margin: 5vh auto;
    max-width: 1000px;
    width: 94%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 6px 30px rgba(0, 0, 0, .25);}
.ngc-pop-head{display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #f7f8fa;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 700;
    font-size: 14px;
    color: #333;}
.ngc-pop-x{cursor: pointer;
    font-size: 22px;
    line-height: 1;
    color: #999;
    padding: 0 4px;}
.ngc-pop-x:hover{color: #333;}
.ngc-pop-body{overflow: auto; padding: 12px;}
.ngc-pop-load{text-align: center; color: #999; padding: 30px 0; font-size: 13px;}
@media (max-width: 760px){
.ngc-pop-box{margin: 2vh auto; max-height: 96vh;}
}
.ngc .odds-asia-detail thead th{background: #f4f6f8 !important;
    color: #5a6b7a !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 7px 0 !important;
    border: 1px solid #e4e8ec;}
.ngc .odds-asia-detail tbody td{border-color: #f0f0f0 !important;
    padding: 6px 0 !important;
    line-height: 18px !important;}
.ngc .odds-asia-detail tbody tr:hover td{background: #f5f9ff;}
.ngc .odds-data-type-desc{font-size: 12px !important; color: #666 !important;}
.h2s-bar-top{display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: -12px -14px 12px;
    padding: 7px 12px;
    background: #6b7076;
    color: #fff;
    font-size: 12px;
    border-radius: 6px 6px 0 0;}
.h2s-bar-top .h2s-team{font-weight: 700;}
.h2s-cb{display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;}
.h2s-cb input{cursor: pointer; margin: 0;}
.h2s-sel{flex: 0 0 auto;
    width: auto;
    min-width: 92px;
    font-size: 12px;
    padding: 1px 4px;
    border: 1px solid #cfd4d9;
    border-radius: 3px;
    background: #fff;
    color: #333;
    cursor: pointer;
    box-shadow: none;}
@media (max-width: 480px){
.h2s-bar-top{gap: 8px; font-size: 11px; padding: 6px 8px;}
}
.h2h-row-data{animation: h2tIn .22s ease-out;}
@keyframes h2tIn{
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: none; }
}
.h2s-bar i{transition: width .25s ease;}
.h2s-stick i{transition: height .25s ease;}
@keyframes h2sFlash{
    0%   { background: #fff6cc; }
    100% { background: transparent; }
}
@media (prefers-reduced-motion: reduce){
.h2s-bar i, .h2s-stick i{transition: none;}
}
.ngc-pop-tabs{display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px 0;
    border-bottom: 1px solid #e8ecef;}
.ngc-pop-tab{padding: 5px 12px;
    font-size: 12px;
    line-height: 18px;
    color: #4a5560;
    background: #f4f6f8;
    border: 1px solid #e2e7ec;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    user-select: none;
    transition: background .12s, color .12s;}
.ngc-pop-tab:hover{background: #e9eef3;}
.ngc-pop-tab.on{background: #2f8fd8;
    border-color: #2f8fd8;
    color: #fff;
    font-weight: 600;}

/* ===== So sánh sức mạnh trên khung bongdanet =====
   CSS chung của bongdanet ép chữ 14px vào mọi div/span trong trang trận — mảnh
   kqbd dựng cho 12px: "6 bàn/6 trận" không vừa ô 62px nên rớt dòng, còn nhãn
   radar (thuộc tính font-size="11" bị CSS đè) to ra. Trả lại cỡ thiết kế. */
.stg-wrap .stg-body, .stg-wrap .stg-side, .stg-wrap .stg-sum, .stg-wrap .stg-row{font-size: 12px;}
.stg-wrap .stg-row .stg-v{flex: 0 0 auto; min-width: 62px; white-space: nowrap;}
.stg-wrap .stg-chart{flex: 0 0 auto;}
.stg-wrap .stg-chart svg text{font-size: 11px;}
.stg-wrap .stg-tabs span{font-size: 13px;}