/*
 * Dashboard Feature Styles
 * Styles for the main dashboard page
 */

/* ===========================================
   EMAIL GROUP BADGES
   =========================================== */

.email-group-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0.2rem;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.email-group-badge.badge-primary {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
}

.email-group-badge.badge-success {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    color: white;
}

.email-group-badge.badge-danger {
    background: linear-gradient(135deg, #dc3545, #bd2130);
    color: white;
}

.email-group-badge.badge-warning {
    background: linear-gradient(135deg, #ffc107, #d39e00);
    color: #212529;
}

.email-group-badge.badge-secondary {
    background: linear-gradient(135deg, #6c757d, #545b62);
    color: white;
}

.email-group-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-decoration: none;
}

.email-group-badge.badge-primary:hover {
    background: linear-gradient(135deg, #0056b3, #004085);
    color: white;
}

.email-group-badge.badge-success:hover {
    background: linear-gradient(135deg, #1e7e34, #155724);
    color: white;
}

.email-group-badge.badge-danger:hover {
    background: linear-gradient(135deg, #bd2130, #a71c2a);
    color: white;
}

.email-group-badge.badge-warning:hover {
    background: linear-gradient(135deg, #d39e00, #b8860b);
    color: #212529;
}

.email-group-badge.badge-secondary:hover {
    background: linear-gradient(135deg, #545b62, #3d4142);
    color: white;
}

/* ===========================================
   STUDENT STATISTICS BADGES
   =========================================== */

.student-stat-badge {
    display: inline-block;
    padding: 0.75rem 1.25rem;
    margin: 0.2rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    min-width: 120px;
}

.student-stat-badge.badge-primary {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
}

.student-stat-badge.badge-danger {
    background: linear-gradient(135deg, #dc3545, #bd2130);
    color: white;
}

.student-stat-badge.badge-success {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    color: white;
}

.student-stat-badge.badge-warning {
    background: linear-gradient(135deg, #ffc107, #d39e00);
    color: #212529;
}

.student-stat-badge.badge-info {
    background: linear-gradient(135deg, #17a2b8, #117a8b);
    color: white;
}

.student-stat-badge.badge-secondary {
    background: linear-gradient(135deg, #6c757d, #545b62);
    color: white;
}

.student-stat-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-decoration: none;
}

.student-stat-badge.badge-primary:hover {
    background: linear-gradient(135deg, #0056b3, #004085);
    color: white;
}

.student-stat-badge.badge-danger:hover {
    background: linear-gradient(135deg, #bd2130, #a71c2a);
    color: white;
}

.student-stat-badge.badge-success:hover {
    background: linear-gradient(135deg, #1e7e34, #155724);
    color: white;
}

.student-stat-badge.badge-warning:hover {
    background: linear-gradient(135deg, #d39e00, #b8860b);
    color: #212529;
}

.student-stat-badge.badge-info:hover {
    background: linear-gradient(135deg, #117a8b, #0c5460);
    color: white;
}

.student-stat-badge.badge-secondary:hover {
    background: linear-gradient(135deg, #545b62, #3d4142);
    color: white;
}