/**
 * Scorecard Plugin - Modern UI Styles
 */

/* Brand Fonts - Fallback if theme doesn't provide them */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Poppins:wght@600;700;900&display=swap');

.scorecard-modern-ui {
    font-family: 'Inter', sans-serif;
    color: #1a1a1a;
}

.scorecard-modern-ui .brand-font {
    font-family: 'Poppins', sans-serif;
}

.scorecard-modern-ui .brand-gradient-text {
    background: linear-gradient(135deg, #8e44ad, #e67e22, #2980b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scorecard-modern-ui .brand-gradient-bg {
    background: linear-gradient(135deg, #8e44ad, #e67e22, #2980b9);
}

/* Animations */
.scorecard-modern-ui .slide-up {
    animation: scorecardSlideUp 0.6s ease-out forwards;
}

@keyframes scorecardSlideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tailwind-style overrides for standalone usage */
.scorecard-modern-ui .hidden {
    display: none;
}

.scorecard-modern-ui .bg-white\/70 {
    background-color: rgba(255, 255, 255, 0.7);
}

.scorecard-modern-ui .backdrop-blur-md {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}