/* ═══════════════════════════════════════════════════════════════════
   Dashboard / Homepage
   ═══════════════════════════════════════════════════════════════════ */

/* Live Strip */
.live-strip {
    background: linear-gradient(135deg, #1a1a2e, #2d2d44);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    overflow: hidden;
}
.live-strip-inner {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.6rem 1.25rem;
}
.live-strip-badge {
    background: #c41e2a; color: white; padding: 0.2rem 0.6rem;
    border-radius: 4px; font-size: 0.7rem; font-weight: 800;
    letter-spacing: 0.08em; animation: stripPulse 1.5s infinite;
    white-space: nowrap;
}
@keyframes stripPulse { 0%,100%{opacity:1}50%{opacity:0.7} }
.live-strip-text { flex: 1; color: #e8edf2; font-size: 0.85rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-strip-link { color: var(--accent); font-size: 0.8rem; font-weight: 600; white-space: nowrap; }
.live-strip-link:hover { color: var(--accent-light); }

/* Enhanced League Cards */
.league-card-enhanced {
    background: var(--white); border: 1px solid var(--gray-200);
    border-radius: var(--radius-xl); overflow: hidden;
    cursor: pointer; transition: all 0.3s;
}
.league-card-enhanced:hover {
    transform: translateY(-2px); box-shadow: var(--shadow-lg); border-color: var(--primary);
}
.lce-header {
    display: flex; align-items: center; gap: 1rem;
    padding: 1.25rem 1.5rem;
}
.lce-info { flex: 1; min-width: 0; }
.lce-preview { border-top: 1px solid var(--gray-100); }
.preview-loading { text-align: center; padding: 0.75rem; color: var(--text-muted); font-size: 0.8rem; }

.mini-table { width: 100%; font-size: 0.8rem; border-collapse: collapse; }
.mini-table td { padding: 0.35rem 0.75rem; border-bottom: 1px solid var(--gray-50); }
.mini-table tr:last-child td { border-bottom: none; }
.mini-pos { width: 30px; font-weight: 800; color: var(--primary); }
.mini-name { font-weight: 600; }
.mini-pts { text-align: right; font-weight: 800; color: var(--primary); }
.mini-avg { text-align: right; color: var(--text-muted); font-size: 0.75rem; }
.mini-more { text-align: center; padding: 0.5rem; font-size: 0.75rem; color: var(--text-muted); font-weight: 600; }

@media (max-width: 640px) {
    .lce-header { padding: 1rem; gap: 0.75rem; }
    .mini-table td { padding: 0.3rem 0.5rem; }
    .live-strip-inner { padding: 0.5rem 0.75rem; font-size: 0.8rem; }
}