/* UltraKoora live scoreboard calm design — 2026-10-09
   Keep all match cards neutral; only a small dot and the match minute signal live status.
   Applies to SSR home / match-day cards and legacy AJAX cards. */
html body .uk-home-ssr-match.is-live,
html body .uk-gtd-match.is-live {
  background:linear-gradient(180deg,#fffefa 0%,#f9fbfc 100%)!important;
  border-color:#d7e0e9!important;
  box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
}
html body .uk-home-ssr-match.is-live:before,
html body .uk-home-ssr-match.is-live:after,
html body .uk-gtd-match.is-live:before,
html body .uk-gtd-match.is-live:after {
  content:none!important;display:none!important;
}
html body .uk-home-ssr-match.is-live .uk-home-ssr-center strong,
html body .uk-gtd-match.is-live .uk-gtd-score .uk-ssr-score{
  color:#0f172a!important;text-shadow:none!important;
}
html body .uk-home-ssr-match.is-live .uk-home-ssr-center .uk-ssr-status,
html body .uk-gtd-match.is-live .uk-gtd-score .uk-ssr-status {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;min-width:0!important;margin-top:7px!important;padding:1px 3px!important;
  color:#166534!important;background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;font-size:11px!important;font-weight:850!important;
  letter-spacing:0!important;line-height:1.5!important;
}
html body .uk-home-ssr-match.is-live .uk-home-ssr-center .uk-ssr-status:before,
html body .uk-gtd-match.is-live .uk-gtd-score .uk-ssr-status:before {
  content:""!important;display:inline-block!important;position:static!important;flex:none!important;
  width:7px!important;height:7px!important;border:0!important;border-radius:50%!important;
  background:#16a34a!important;box-shadow:0 0 0 3px rgba(22,163,74,.11)!important;
  animation:ukLiveCalmDot 1.8s ease-in-out infinite!important;
}
html body .uk-home-ssr-match.is-half-time .uk-ssr-status,
html body .uk-gtd-match.is-half-time .uk-ssr-status {color:#a16207!important}
html body .uk-home-ssr-match.is-half-time .uk-ssr-status:before,
html body .uk-gtd-match.is-half-time .uk-ssr-status:before,
html body .uk-home-ssr-match.is-time-unverified .uk-ssr-status:before,
html body .uk-gtd-match.is-time-unverified .uk-ssr-status:before{
  background:#d97706!important;box-shadow:0 0 0 3px rgba(217,119,6,.1)!important;
  animation:none!important
}
/* AJAX cards: neutral background, quiet score, no green ribbon, no "مباشر" text. */
html body #c1 .game-result-footer.uk-is-live,
html body #c2 .game-result-footer.uk-is-live,
html body #c1 .game-result-footer:has(.live-minute),
html body #c2 .game-result-footer:has(.live-minute){
  background:linear-gradient(180deg,#fffefa 0%,#f9fbfc 100%)!important;
  border-color:#d7e0e9!important;box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
}
html body #c1 .game-result-footer.uk-is-live:before,
html body #c2 .game-result-footer.uk-is-live:before,
html body #c1 .game-result-footer.uk-is-live:after,
html body #c2 .game-result-footer.uk-is-live:after,
html body #c1 .game-result-footer:has(.live-minute):before,
html body #c2 .game-result-footer:has(.live-minute):before {
  content:none!important;display:none!important;
}
html body #c1 .game-result-footer.uk-is-live .game-result-score,
html body #c2 .game-result-footer.uk-is-live .game-result-score {
  color:#0f172a!important;text-shadow:none!important;
}
html body #c1 .game-result-footer.uk-is-live .game-result-team-label-top,
html body #c2 .game-result-footer.uk-is-live .game-result-team-label-top,
html body #c1 .game-result-footer:has(.live-minute) .game-result-team-label-top,
html body #c2 .game-result-footer:has(.live-minute) .game-result-team-label-top {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-width:0!important;padding:2px 4px!important;
  color:#166534!important;background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;text-shadow:none!important;
}
html body #c1 .game-result-footer.uk-is-live .game-result-team-label-top:before,
html body #c2 .game-result-footer.uk-is-live .game-result-team-label-top:before,
html body #c1 .game-result-footer:has(.live-minute) .game-result-team-label-top:before,
html body #c2 .game-result-footer:has(.live-minute) .game-result-team-label-top:before {
  content:none!important;display:none!important;
}
html body #c1 .game-result-footer .live-minute,
html body #c2 .game-result-footer .live-minute {
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  min-width:0!important;padding:0!important;color:#166534!important;background:transparent!important;
  animation:none!important;line-height:1.35!important;font-size:11px!important;font-weight:850!important;
}
html body #c1 .game-result-footer .live-minute:before,
html body #c2 .game-result-footer .live-minute:before {
  content:""!important;display:inline-block!important;width:7px!important;height:7px!important;
  background:#16a34a!important;border-radius:50%!important;flex:none!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.12)!important;
  animation:ukLiveCalmDot 1.8s ease-in-out infinite!important;
}
html body #c1 .game-result-footer.is-half-time .live-minute,
html body #c2 .game-result-footer.is-half-time .live-minute {color:#a16207!important}
html body #c1 .game-result-footer.is-half-time .live-minute:before,
html body #c2 .game-result-footer.is-half-time .live-minute:before {
  background:#d97706!important;animation:none!important;
}
/* Information pending/older than live TTL: never mimic a current live result. */
html body .uk-home-ssr-match.is-status-pending .uk-ssr-status,
html body .uk-gtd-match.is-status-pending .uk-ssr-status,
html body .uk-home-ssr-match.is-last-known .uk-ssr-status,
html body .uk-gtd-match.is-last-known .uk-ssr-status {
  background:#fff7ed!important;color:#a16207!important;border:1px solid #fde68a!important;
  box-shadow:none!important;white-space:nowrap!important;font-size:9px!important;
}
html body .uk-home-ssr-match.is-last-known .uk-ssr-score,
html body .uk-gtd-match.is-last-known .uk-ssr-score {
  color:#334155!important;text-shadow:none!important;
}
html body .uk-home-ssr-match.is-status-pending,
html body .uk-gtd-match.is-status-pending,
html body .uk-home-ssr-match.is-last-known,
html body .uk-gtd-match.is-last-known {
  border-color:#d7e0e9!important;background:#fff!important;
}
@keyframes ukLiveCalmDot {0%,100%{opacity:1}50%{opacity:.5}}

/* Live time remains GREEN like the animated ball. The timestamp advances
   only when a real verified live snapshot is received. */
@keyframes ukLiveMinuteBreath {0%,100%{opacity:1}50%{opacity:.64}}
html body .uk-home-ssr-match.is-live:not(.is-half-time) .uk-ssr-status,
html body .uk-gtd-match.is-live:not(.is-half-time) .uk-ssr-status,
html body #c1 .game-result-footer.uk-is-live:not(.is-half-time) .live-minute,
html body #c2 .game-result-footer.uk-is-live:not(.is-half-time) .live-minute {
  color:#16a34a!important;
  animation:ukLiveMinuteBreath 2.1s ease-in-out infinite!important;
  font-variant-numeric:tabular-nums;
}
/* Only the dot stays green; don't give a scheduled fixture a live cue. */
html body .uk-gtd-match:not(.is-live) .uk-ssr-status,
html body .uk-home-ssr-match:not(.is-live) .uk-ssr-status {animation:none!important}
html body .uk-gtd-match.is-postponed .uk-ssr-status,
html body .uk-home-ssr-match.is-postponed .uk-ssr-status {color:#9a3412!important;background:#fff7ed!important}
@media(prefers-reduced-motion:reduce){
 html body .uk-home-ssr-match.is-live .uk-ssr-status,
 html body .uk-gtd-match.is-live .uk-ssr-status,
 html body #c1 .game-result-footer.uk-is-live .live-minute,
 html body #c2 .game-result-footer.uk-is-live .live-minute {animation:none!important}
}

@media(prefers-reduced-motion:reduce) {
 html body .uk-home-ssr-match.is-live .uk-ssr-status:before,
 html body .uk-gtd-match.is-live .uk-ssr-status:before,
 html body #c1 .game-result-footer .live-minute:before,
 html body #c2 .game-result-footer .live-minute:before {animation:none!important}
}

/* Consistent half-time badge when opening match details via in-page navigation. */
html body .match-hero-card .status-pill.status-half-time {
  background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important;
  box-shadow:none!important;text-shadow:none!important;animation:none!important;
}