/* Zag Matches Gallery v2.0.5 - fixed strict dark palette */
.zmg-wrap,
.zmg-wrap *{box-sizing:border-box!important;text-shadow:none!important;box-shadow:none;}

html body .zmg-wrap,
html body div.zmg-wrap.zmg-full,
html body div.zmg-wrap.zmg-compact{
  --zmg-dark:#1F2024;
  --zmg-light:#27292D;
  --zmg-white:#FFFFFF;
  --zmg-border:rgba(255,255,255,.16);
  --zmg-border-2:rgba(255,255,255,.26);
  --zmg-muted:rgba(255,255,255,.78);
  direction:rtl;
  width:100%;
  padding:0px!important;
  margin:0 auto!important;
  border-radius:18px!important;
  background:#1F2024!important;
  border:0px solid var(--zmg-border)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-family:inherit;
}

html body .zmg-wrap a,
html body .zmg-wrap button,
html body .zmg-wrap span,
html body .zmg-wrap div,
html body .zmg-wrap strong,
html body .zmg-wrap b,
html body .zmg-wrap small,
html body .zmg-wrap i{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}

html body .zmg-tabs{
  display:flex!important;
  gap:8px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  margin:0 0 16px!important;
  padding:0 6px!important;
  border-bottom:1px solid var(--zmg-border)!important;
  background:#1F2024!important;
}

html body .zmg-tab,
html body button.zmg-tab{
  appearance:none!important;
  border:1px solid var(--zmg-border-2)!important;
  border-bottom:0!important;
  border-radius:18px 18px 0 0!important;
  background:#27292D!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  padding:11px 24px 12px!important;
  min-height:44px!important;
  cursor:pointer!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1!important;
  outline:none!important;
}

html body .zmg-tab.is-active,
html body button.zmg-tab.is-active{
  background:#1F2024!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  border-color:rgba(255,255,255,.36)!important;
  position:relative!important;
}

html body .zmg-tab.is-active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  transform:translateX(-50%);
  width:7px;
  height:7px;
  border-radius:50%;
  background:#FFFFFF!important;
  opacity:.9;
}

html body .zmg-panel{display:none!important;}
html body .zmg-panel.is-active{display:block!important;}

html body .zmg-full-list{display:grid!important;gap:14px!important;}
html body .zmg-compact-track{
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  padding:4px 2px 12px!important;
}

html body .zmg-card,
html body article.zmg-card,
html body a.zmg-card,
html body .zmg-empty,
html body .zmg-ad-box{
  background:#27292D!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  border:1px solid var(--zmg-border)!important;
  border-radius:18px!important;
  padding:14px!important;
  text-decoration:none!important;
  position:relative!important;
  overflow:hidden!important;
}

html body .zmg-compact .zmg-card{
  flex:0 0 330px!important;
  scroll-snap-align:start!important;
  min-height:142px!important;
}

html body .zmg-main-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}

html body .zmg-team{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  text-align:center!important;
}

html body .zmg-team strong{
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
  font-size:15px!important;
  font-weight:900!important;
}

html body .zmg-logo{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  border:1px solid var(--zmg-border-2)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#1F2024!important;
  flex:0 0 auto!important;
}
html body .zmg-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important;}

html body .zmg-mid{text-align:center!important;min-width:86px!important;}
html body .zmg-status{
  display:inline-block!important;
  font-size:12px!important;
  font-weight:300!important;
  border:1px solid var(--zmg-border)!important;
  border-radius:999px!important;
  padding:4px 10px!important;
  margin-bottom:7px!important;
  background:#1F2024!important;
  white-space:nowrap!important;
}
html body .zmg-time,
html body .zmg-score{
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.1!important;
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

html body .zmg-date{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;}
html body .zmg-comp{font-weight:900!important;text-align:center!important;margin-bottom:12px!important;}

html body .zmg-details{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid var(--zmg-border)!important;
  font-size:14px!important;
}
html body .zmg-details span{
  background:#1F2024!important;
  border:1px solid var(--zmg-border)!important;
  border-radius:12px!important;
  padding:8px 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
html body .zmg-detail-ico{font-style:normal!important;font-size:16px!important;line-height:1!important;}
html body .zmg-stream-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:12px!important;padding:8px 12px!important;background:#1F2024!important;border:1px solid var(--zmg-border)!important;font-weight:900!important;}
html body .zmg-embed{margin-top:14px!important;border-radius:14px!important;overflow:hidden!important;}
html body .zmg-embed iframe{width:100%!important;max-width:100%!important;aspect-ratio:16/9!important;height:auto!important;}

html body .zmg-empty{text-align:center!important;border-style:dashed!important;}
html body .zmg-ad-box{margin:14px auto 0!important;max-width:728px!important;min-height:90px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html body .zmg-ad-box img{display:block!important;width:100%!important;height:auto!important;}
html body .zmg-more-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;border-style:dashed!important;background:#27292D!important;}
html body .zmg-more-icon{width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:1px solid var(--zmg-border-2)!important;font-size:26px!important;line-height:1!important;background:#1F2024!important;}

@media (max-width:700px){
  html body .zmg-wrap{padding:12px!important;border-radius:14px!important;}
  html body .zmg-tabs{position:sticky!important;top:0!important;z-index:3!important;overflow-x:auto!important;justify-content:flex-start!important;padding:8px 6px 0!important;}
  html body .zmg-tab{flex:1!important;min-width:92px!important;padding-inline:14px!important;}
  html body .zmg-compact-track{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;gap:12px!important;}
  html body .zmg-compact .zmg-card{flex:auto!important;width:100%!important;min-height:auto!important;}
  html body .zmg-card{padding:12px!important;border-radius:14px!important;}
  html body .zmg-main-row{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)!important;gap:8px!important;}
  html body .zmg-logo{width:40px!important;height:40px!important;}
  html body .zmg-team strong{font-size:14px!important;}
  html body .zmg-time,html body .zmg-score{font-size:19px!important;}
  html body .zmg-details{display:grid!important;gap:8px!important;}
  html body .zmg-more-card{min-height:115px!important;}
}