.sm-matches-container { margin: 20px 0; }
.sm-loading, .sm-empty { text-align: center; padding: 40px; color: #64748b; }
.sm-matches-grid { display: grid; gap: 16px; }
.sm-match-card {
    background: var(--sm-bg, #0b0f1a);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 20px;
    color: var(--sm-text, #fff);
}
.sm-match-teams { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.sm-team { display: flex; align-items: center; gap: 10px; flex: 1; }
.sm-team-away { justify-content: flex-end; }
.sm-team-logo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.sm-team-initials {
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--sm-primary, #f5c842); color: #000;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 14px;
}
.sm-team-name { font-weight: 600; font-size: 15px; }
.sm-match-center { text-align: center; min-width: 120px; }
.sm-score, .sm-vs { font-size: 24px; font-weight: 700; color: var(--sm-primary, #f5c842); }
.sm-match-time { font-size: 12px; color: #94a3b8; margin-top: 4px; }
.sm-status-badge {
    display: inline-block; padding: 2px 8px; border-radius: 4px;
    font-size: 10px; font-weight: 700; margin-top: 4px;
}
.sm-status-scheduled { background: #3b82f6; }
.sm-status-live { background: #ef4444; animation: pulse 2s infinite; }
.sm-status-ended { background: #64748b; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.5} }
.sm-countdown { text-align: center; margin-top: 12px; font-size: 13px; }
.sm-cd-item b { color: var(--sm-primary, #f5c842); font-size: 16px; }
.sm-live-now { color: #ef4444; font-weight: 700; }
.sm-watch-btn {
    display: block; text-align: center; margin-top: 12px;
    background: var(--sm-primary, #f5c842); color: #000;
    padding: 10px; border-radius: 8px; text-decoration: none;
    font-weight: 600; transition: all 0.2s;
}
.sm-watch-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(245,200,66,0.3); }