/* Dashboard Enhancement Styles */

/* Make brand logo clickable and redirect to home */
.fi-logo {
    cursor: pointer !important;
}

.fi-logo:hover {
    opacity: 0.8 !important;
    transition: opacity 0.3s ease !important;
}

/* Stats Cards Enhanced Styling */
.fi-stats-overview {
    gap: 1.5rem !important;
}

.fi-stat {
    border-radius: 16px !important;
    padding: 1.5rem !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Success Gradient (Active Jobs) */
.fi-stat.stat-card-gradient-success {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%) !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.2) !important;
}

.fi-stat.stat-card-gradient-success:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.3) !important;
}

/* Warning Gradient (Draft Jobs) */
.fi-stat.stat-card-gradient-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%) !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.2) !important;
}

.fi-stat.stat-card-gradient-warning:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(245, 158, 11, 0.3) !important;
}

/* Primary Gradient (Total Positions) */
.fi-stat.stat-card-gradient-primary {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%) !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2) !important;
}

.fi-stat.stat-card-gradient-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(59, 130, 246, 0.3) !important;
}

/* Danger Gradient (Expired Jobs) */
.fi-stat.stat-card-gradient-danger {
    background: linear-gradient(135deg, #ef4444 0%, #f87171 100%) !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(239, 68, 68, 0.2) !important;
}

.fi-stat.stat-card-gradient-danger:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(239, 68, 68, 0.3) !important;
}

/* Text Colors for Gradient Cards */
.fi-stat.stat-card-gradient-success .fi-stat-value,
.fi-stat.stat-card-gradient-warning .fi-stat-value,
.fi-stat.stat-card-gradient-primary .fi-stat-value,
.fi-stat.stat-card-gradient-danger .fi-stat-value {
    color: white !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
}

.fi-stat.stat-card-gradient-success .fi-stat-label,
.fi-stat.stat-card-gradient-warning .fi-stat-label,
.fi-stat.stat-card-gradient-primary .fi-stat-label,
.fi-stat.stat-card-gradient-danger .fi-stat-label {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

.fi-stat.stat-card-gradient-success .fi-stat-description,
.fi-stat.stat-card-gradient-warning .fi-stat-description,
.fi-stat.stat-card-gradient-primary .fi-stat-description,
.fi-stat.stat-card-gradient-danger .fi-stat-description {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500 !important;
}

.fi-stat.stat-card-gradient-success .fi-stat-icon,
.fi-stat.stat-card-gradient-warning .fi-stat-icon,
.fi-stat.stat-card-gradient-primary .fi-stat-icon,
.fi-stat.stat-card-gradient-danger .fi-stat-icon {
    color: rgba(255, 255, 255, 0.95) !important;
    width: 2rem !important;
    height: 2rem !important;
}

/* Chart Enhancements */
.fi-stat-chart {
    opacity: 0.8 !important;
    transition: opacity 0.3s ease !important;
}

.fi-stat:hover .fi-stat-chart {
    opacity: 1 !important;
}

/* Animation for stat cards */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fi-stat {
    animation: slideInUp 0.6s ease-out;
}

.fi-stat:nth-child(1) { animation-delay: 0.1s; }
.fi-stat:nth-child(2) { animation-delay: 0.2s; }
.fi-stat:nth-child(3) { animation-delay: 0.3s; }
.fi-stat:nth-child(4) { animation-delay: 0.4s; }

/* Responsive Design */
@media (max-width: 768px) {
    .fi-stats-overview {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .fi-stat.stat-card-gradient-success .fi-stat-value,
    .fi-stat.stat-card-gradient-warning .fi-stat-value,
    .fi-stat.stat-card-gradient-primary .fi-stat-value,
    .fi-stat.stat-card-gradient-danger .fi-stat-value {
        font-size: 2rem !important;
    }
}