.status.connected i { background: #24e49e; box-shadow: 0 0 15px #24e49e; }
.status.stale i { background: #ffbd45; box-shadow: 0 0 15px #ffbd45; }
.status.error i { background: #ff526b; box-shadow: 0 0 15px #ff526b; }
.match-card.phase-live i { color: #30e9ad; }
.match-card.phase-break i,
.match-card.phase-scheduled i { color: #ffbd45; }
.match-card.phase-final i { color: #91a0b8; }
.match-card.phase-cancelled i { color: #ff7186; }

.topbar .brand-mark,
.auth-card .brand-mark {
  background: linear-gradient(145deg, #4cf0d2 0%, #28b9e7 45%, #5271ff 100%);
}
.panel {
  background:
    linear-gradient(145deg, rgba(15, 27, 47, .94), rgba(7, 14, 27, .96)),
    radial-gradient(circle at 0 0, rgba(56, 214, 207, .11), transparent 35%);
}
.preview-panel {
  background:
    linear-gradient(145deg, rgba(13, 25, 45, .96), rgba(6, 13, 25, .98)),
    radial-gradient(circle at 100% 0, rgba(70, 120, 255, .14), transparent 42%);
}
.primary {
  background: linear-gradient(120deg, #45e9cf, #25b4e1 52%, #5577ff);
  box-shadow: 0 10px 30px rgba(35, 177, 211, .18);
}
.auto-badge {
  background: linear-gradient(135deg, rgba(22, 106, 88, .48), rgba(17, 57, 88, .5));
}
.score-summary {
  background: linear-gradient(110deg, rgba(27, 57, 86, .34), rgba(11, 20, 36, .22));
}