/* Ball Teng - Dark Theme (based on original hotscore layout) */
.section-zteng{margin-bottom:25px;}

.zteng-box{display:flex;justify-content:space-between;margin-top:15px;}
.zteng-column{
    width:49%;padding:12px;padding-top:0;background:#0f2341;
    font-family:"Prompt",Tahoma,Arial;
    border-radius:8px;
}
.zteng-zean{margin-top:-3px;}
.zteng-zean .z-logo{
    overflow:hidden;border:2px solid #1a2a44;display:inline-block;position:relative;z-index:1;
    vertical-align:middle;margin-left:-20px;margin-top:-10px;
    border-radius:5px;
}
.zteng-zean .z-logo img{max-height:50px;}
.zteng-zean .z-name{
    padding:2px 25px 2px 26px;text-align:center;margin-left:-20px;
    font-weight:500;font-size:1rem;color:#e8edf3;
    border-radius:15px;
}
.zteng-zean a{color:#e8edf3;text-decoration:none;}
.zteng-zean a:hover{color:#00a651;}

.zteng-program{
    display:flex;flex-wrap:wrap;padding:15px 10px 10px 10px;margin-top:-8px;
    text-align:center;background:#0a1628;
    border-radius:5px;
    box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.zteng-program .program-col{width:28%;}
.zteng-program .program-col.pg-match{width:44%;}
.zteng-program .program-col.preview{width:100%;margin-top:10px;margin-bottom:10px;}
.zteng-program .t-logo{
    display:inline-block;vertical-align:middle;width:90px;height:90px;overflow:hidden;
    background:none;text-align:center;padding:5px;margin:0;
    border-radius:50%;
}
.zteng-program .t-logo img{vertical-align:top;width:100%;}
.zteng-program .t-name{
    font-weight:500;margin-top:0;color:#e8edf3;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.zteng-program .pg-vs{font-size:1.4rem;color:#fff;font-weight:700;margin-top:25px;}
.zteng-program .pg-name{font-size:0.8rem;color:#6b7280;margin-top:4px;}
.zteng-program .pg-rate{font-size:0.8rem;color:#fff;font-weight:600;}
.zteng-program .bg-preview{
    background:#00a651;font-family:"Prompt",Tahoma,Arial;color:#fff;
    padding:3px 15px;border-radius:15px;
}
.zteng-program .bg-preview a{margin-left:8px;}
.zteng-program .bg-preview img{max-height:16px;filter:brightness(0) invert(1);}

@media screen and (min-width:590px) and (max-width:799px){
    .zteng-column{padding:5px;font-size:0.8rem;margin-bottom:5px;}
    .zteng-program .t-logo{width:65px;height:65px;}
    .zteng-program .pg-rate{font-size:0.7rem;}
    .zteng-program .bg-preview img{max-height:14px;}
}

@media screen and (min-width:280px) and (max-width:589px){
    .zteng-box{flex-wrap:wrap;}
    .zteng-column{width:100%;padding:5px;font-size:0.8rem;margin-bottom:5px;}
    .zteng-zean .z-logo{margin-left:-5px;}
    .zteng-zean .z-logo img{max-height:40px;}
    .zteng-program .t-logo{width:65px;height:65px;}
    .zteng-program .pg-rate{font-size:0.7rem;}
    .zteng-program .bg-preview img{max-height:14px;}
}