/* VN LIVE: player-side realtime chat/data panel. */
.vnmatch-live-side{min-width:0;background:#fff;color:#17211d;border-left:1px solid #e6eaee;display:flex;flex-direction:column}.vnmatch-live-side .vnmatch-side-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e6eaee;background:#fff}.vnmatch-side-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#69737d;padding:12px 5px;margin:0!important;font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.vnmatch-side-tab.is-active{color:var(--vn-accent,#138a5b);border-bottom-color:var(--vn-accent,#138a5b)}.vnmatch-side-panels{min-height:0;flex:1;position:relative}.vnmatch-side-panel{display:none;height:100%;min-height:330px}.vnmatch-side-panel.is-active{display:block}.vnmatch-chat-panel{position:relative;height:100%;min-height:330px;background:#fff}.vnmatch-chat-state{padding:9px 12px;border-bottom:1px solid #eef1f3;color:#7a858f;font-size:11px}.vnmatch-chat-panel .chat-panel{height:calc(100% - 34px);min-height:290px}.vnmatch-chat-panel #chat-list{list-style:none;margin:0;padding:10px 12px;height:100%;max-height:410px;overflow-y:auto;background:#fff;scrollbar-width:thin}.vnmatch-chat-panel #chat-list li{margin:0 0 8px;padding:0;color:#3f4a54;font-size:12px;line-height:1.55}.vnmatch-chat-panel #chat-list li.notice{color:#89939c;text-align:center;padding:18px 8px}.vnmatch-chat-panel #chat-list .message-container{display:block;overflow-wrap:anywhere}.vnmatch-chat-panel #chat-list .nickname{color:var(--vn-accent,#137a54);font-weight:800}.vnmatch-chat-panel #chat-list .nickname.other{color:#2e70c8}.vnmatch-chat-panel #chat-list .nickname.notice{color:#d78b12}.vnmatch-chat-panel #chat-list .comment{color:#3f4a54}.vnmatch-chat-panel .newMsg-tips{position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:20px;background:#17211d;color:#fff;font-size:11px;cursor:pointer;z-index:3}.vnmatch-sdk-spacer{display:block!important;height:0!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important}.vnmatch-data-panel{padding:14px;height:100%;max-height:445px;overflow:auto;background:#fff}.vnmatch-data-empty{display:flex;align-items:center;justify-content:center;min-height:220px;color:#8a949d;font-size:12px;text-align:center}.vnmatch-stat-list{display:grid;gap:10px}.vnmatch-stat-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;font-size:11px}.vnmatch-stat-row>strong{text-align:center;font-size:11px}.vnmatch-stat-bar{height:7px;border-radius:999px;background:#edf0f2;overflow:hidden;display:flex}.vnmatch-stat-home,.vnmatch-stat-away{height:100%}.vnmatch-stat-home{background:#138a5b}.vnmatch-stat-away{background:#e2a62c}.vnmatch-lineup-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vnmatch-lineup-mini h4{margin:0 0 8px;font-size:12px}.vnmatch-lineup-mini ul{list-style:none;margin:0;padding:0}.vnmatch-lineup-mini li{margin:0 0 5px;padding:6px 7px;border:1px solid #edf0f2;border-radius:7px;font-size:11px;overflow-wrap:anywhere}.vnmatch-generic-mini{display:grid;gap:7px}.vnmatch-generic-mini-row{padding:8px;border:1px solid #edf0f2;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.vnmatch-generic-mini-row strong{display:block;margin-bottom:3px;color:#69737d}.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-live-side{background:#142029;color:#eef7f7;border-left-color:#26363e}.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-side-tabs,.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-chat-panel,.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-data-panel,.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-chat-panel #chat-list{background:#142029;color:#eef7f7}.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-side-tab{color:#9eb0b5}.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-side-tab.is-active{color:#19a8a0;border-bottom-color:#19a8a0}.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-chat-panel #chat-list .comment{color:#dce7ea}
@media(max-width:900px){.vnmatch-live-side{border-left:0;border-top:1px solid #e6eaee}.vnmatch-side-panel,.vnmatch-chat-panel{min-height:300px}.vnmatch-chat-panel #chat-list{max-height:330px}.vnmatch-data-panel{max-height:360px}}
@media(max-width:520px){.vnmatch-side-tab{font-size:9px;padding:10px 2px}.vnmatch-lineup-mini{grid-template-columns:1fr}.vnmatch-chat-panel #chat-list{padding:9px}.vnmatch-data-panel{padding:10px}}

/* v1.2.4 fixed CTA at the bottom of the live side panel */
.vnmatch-live-side .chat-center{display:flex;flex:1;min-height:0;flex-direction:column}.vnmatch-live-side .vnmatch-side-panels{flex:1}.vnmatch-side-cta{flex:0 0 auto;padding:12px;border-top:1px solid #e6eaee;background:#fff}.vnmatch-side-cta-link{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 18px;overflow:hidden;border-radius:9px;background:linear-gradient(135deg,#0d875e,#10a36e);box-shadow:0 8px 22px rgba(13,135,94,.20);color:#fff!important;text-align:center;text-decoration:none!important;font-size:16px;font-weight:900;line-height:1.2;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.vnmatch-side-cta-link span{position:relative;z-index:2;color:#fff!important}.vnmatch-side-cta-link:before{content:"";position:absolute;z-index:1;top:-65%;left:-55%;width:35%;height:230%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.15),rgba(255,255,255,.72),rgba(255,255,255,.15),rgba(255,255,255,0));transform:skewX(-22deg);animation:vnmatchCtaShine 2.8s ease-in-out infinite}.vnmatch-side-cta-link:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 10px 26px rgba(13,135,94,.30);filter:brightness(1.04)}.vnmatch-side-cta-link:focus-visible{outline:3px solid rgba(250,203,70,.75);outline-offset:2px}@keyframes vnmatchCtaShine{0%,18%{left:-55%}62%,100%{left:125%}}.vnmatch-style-s5 .vnmatch-live-stage .vnmatch-side-cta{background:#142029;border-top-color:#26363e}@media(max-width:900px){.vnmatch-side-cta{padding:10px}.vnmatch-side-cta-link{min-height:48px;font-size:15px}}@media(prefers-reduced-motion:reduce){.vnmatch-side-cta-link:before{animation:none}.vnmatch-side-cta-link{transition:none}}

/* v1.2.8: keep side tabs clickable/pointer on Flatsome front page too */
.vnmatch-live-stage .vnmatch-side-tabs .vnmatch-side-tab,.vnmatch-featured-slot .vnmatch-side-tabs .vnmatch-side-tab{cursor:pointer!important;pointer-events:auto!important;user-select:none;-webkit-user-select:none}