body.et-tennis-theme {
  --tennis-lime: #d9f99d;
  --tennis-ball: #bef264;
  --tennis-green: #65a30d;
  --tennis-court: #0f766e;
  --tennis-blue: #0f3b57;
  background: #061316;
}

body.et-tennis-theme::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.12) 1px, transparent 1px) center / 96px 96px,
    linear-gradient(0deg, rgba(255,255,255,0.08) 1px, transparent 1px) center / 96px 96px,
    linear-gradient(90deg, rgba(15,118,110,0.42) 0 50%, rgba(15,59,87,0.42) 50% 100%),
    linear-gradient(135deg, #052e2b 0%, #0f766e 46%, #071923 100%);
  opacity: 0.82;
}

body.et-tennis-theme::after {
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255,255,255,0.18) calc(50% - 1px), rgba(255,255,255,0.18) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(0deg, transparent calc(36% - 1px), rgba(255,255,255,0.13) calc(36% - 1px), rgba(255,255,255,0.13) calc(36% + 1px), transparent calc(36% + 1px)),
    linear-gradient(0deg, transparent calc(64% - 1px), rgba(255,255,255,0.13) calc(64% - 1px), rgba(255,255,255,0.13) calc(64% + 1px), transparent calc(64% + 1px)),
    radial-gradient(ellipse 80% 90% at 50% 30%, rgba(6,78,59,0.24) 0%, rgba(4,13,18,0.78) 64%, rgba(2,8,12,0.95) 100%);
}

body.et-tennis-theme .header,
body.et-tennis-theme .pred-control-bar {
  background: rgba(4,20,24,0.94);
  border-color: rgba(190,242,100,0.28);
  box-shadow: 0 8px 30px rgba(15,118,110,0.22);
}

body.et-tennis-theme .page-hero {
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255,255,255,0.18) calc(50% - 1px), rgba(255,255,255,0.18) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(0deg, transparent calc(62% - 1px), rgba(255,255,255,0.14) calc(62% - 1px), rgba(255,255,255,0.14) calc(62% + 1px), transparent calc(62% + 1px)),
    linear-gradient(135deg, rgba(6,78,59,0.96), rgba(15,118,110,0.88) 48%, rgba(7,25,35,0.98));
}

body.et-tennis-theme .page-hero-glow {
  background: radial-gradient(ellipse, rgba(190,242,100,0.25) 0%, transparent 70%);
}

body.et-tennis-theme .badge,
body.et-tennis-theme .pred-sport-tab.active,
body.et-tennis-theme .finished-title,
body.et-tennis-theme .pred-hidden-title,
body.et-tennis-theme .pred-match-badge .badge-num {
  color: var(--tennis-lime);
}

body.et-tennis-theme .badge,
body.et-tennis-theme .pred-sport-tab.active,
body.et-tennis-theme .pred-date-btn.active,
body.et-tennis-theme .pred-view-btn.active {
  background: rgba(190,242,100,0.12) !important;
  border-color: rgba(190,242,100,0.48) !important;
  box-shadow: 0 0 18px rgba(190,242,100,0.16) !important;
}

body.et-tennis-theme .pred-sport-tab .tab-count,
body.et-tennis-theme .pred-hidden-count {
  background: rgba(190,242,100,0.20);
  color: var(--tennis-lime);
}

body.et-tennis-theme .pred-card {
  background:
    linear-gradient(135deg, rgba(6,78,59,0.84), rgba(7,25,35,0.96) 58%, rgba(2,10,12,0.98)),
    linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px) center / 74px 74px;
  border-color: rgba(190,242,100,0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 34px rgba(0,0,0,0.42);
}

body.et-tennis-theme .pred-card:hover {
  border-color: rgba(217,249,157,0.68) !important;
  box-shadow: 0 16px 44px rgba(15,118,110,0.30), 0 0 22px rgba(190,242,100,0.16);
}

body.et-tennis-theme .pred-league,
body.et-tennis-theme .pred-time,
body.et-tennis-theme .pred-tip-label,
body.et-tennis-theme .pred-odds-label {
  color: rgba(236,253,245,0.66) !important;
}

body.et-tennis-theme .pred-vs,
body.et-tennis-theme .pred-tip-type,
body.et-tennis-theme .pred-odds-val,
body.et-tennis-theme .pred-conf-text {
  color: var(--tennis-lime) !important;
}

body.et-tennis-theme .pred-tip-box {
  background: rgba(190,242,100,0.11) !important;
  border-color: rgba(190,242,100,0.34) !important;
}

body.et-tennis-theme .pred-odds-box {
  background: rgba(15,118,110,0.34) !important;
  border-color: rgba(217,249,157,0.24) !important;
}

body.et-tennis-theme .pred-conf-svg circle:nth-child(2) {
  stroke: var(--tennis-lime) !important;
}

body.et-tennis-theme .pred-team-logo {
  border-radius: 50%;
  background: radial-gradient(circle, rgba(236,253,245,0.10), rgba(190,242,100,0.10));
  box-shadow: 0 0 0 2px rgba(190,242,100,0.19), 0 8px 20px rgba(0,0,0,0.32);
}

body.et-tennis-theme .pred-logo-img {
  object-fit: contain !important;
  padding: 5px !important;
  background: rgba(236,253,245,0.08) !important;
}

body.et-tennis-theme .pred-logo-fallback {
  background: rgba(190,242,100,0.15) !important;
  border-color: rgba(217,249,157,0.50) !important;
  color: var(--tennis-lime) !important;
}

body.et-tennis-theme .pred-analysis-btn {
  background: linear-gradient(135deg, #064e3b 0%, #0f766e 48%, #84cc16 100%) !important;
  border-color: rgba(217,249,157,0.56) !important;
  color: #ecfccb !important;
  box-shadow: 0 0 16px rgba(190,242,100,0.22), inset 0 1px 0 rgba(236,253,245,0.14) !important;
}

body.et-tennis-theme .pred-analysis-btn:hover {
  background: linear-gradient(135deg, #0f766e 0%, #65a30d 54%, #d9f99d 100%) !important;
  border-color: rgba(236,253,245,0.74) !important;
  box-shadow: 0 0 28px rgba(190,242,100,0.36), 0 6px 18px rgba(0,0,0,0.38) !important;
}

body.et-tennis-theme .pred-compare-btn::before {
  background: radial-gradient(circle, rgba(190,242,100,0.50), rgba(190,242,100,0) 66%) !important;
}

body.et-tennis-theme .pred-compare-btn .gold-football {
  background:
    radial-gradient(circle at 34% 25%, rgba(255,255,255,0.95) 0 7%, transparent 8%),
    radial-gradient(circle at center, transparent 0 48%, rgba(255,255,255,0.75) 49% 52%, transparent 53%),
    radial-gradient(circle at center, #d9f99d 0%, #bef264 58%, #65a30d 100%) !important;
  border: 2px solid rgba(236,253,245,0.55);
  box-shadow:
    0 12px 26px rgba(0,0,0,0.46),
    0 0 24px rgba(190,242,100,0.45),
    0 0 0 1px rgba(236,253,245,0.24) !important;
}

body.et-tennis-theme .pred-view-btn,
body.et-tennis-theme .pred-quick-search,
body.et-tennis-theme .pred-match-badge,
body.et-tennis-theme .pred-hidden-btn,
body.et-tennis-theme .pred-sound-btn,
body.et-tennis-theme .pred-cart-btn,
body.et-tennis-theme .pred-focus-clear-btn {
  border-color: rgba(190,242,100,0.22) !important;
  background: rgba(6,78,59,0.40) !important;
}

body.et-tennis-theme .pred-view-title,
body.et-tennis-theme .pred-view-icon,
body.et-tennis-theme .pred-view-arrow {
  color: var(--tennis-lime) !important;
}

body.et-tennis-theme .finished-divider-line {
  background: linear-gradient(90deg, transparent, rgba(190,242,100,0.42), transparent);
}