/* /home/findppsz/public_html/mbti-backend/css/custom_styles.css */
/* Dashboard Specific Styles */
.mbti-badge {
    font-size: 2.5rem;
    font-weight: 800;
    color: #4361ee;
    background: #f8f9fa;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 1rem;
}

.assessment-history-item {
    transition: all 0.2s;
}
.assessment-history-item:hover {
    background-color: #f8f9fa;
}


/* You can move other common styles from your <style> blocks here as well */
.dashboard-card .card-body {
    text-align: center;
}
.dashboard-card .display-4 {
    font-size: 2.5rem;
    font-weight: 500;
}
/* ... etc. from your current <style> blocks ... */

/* Custom badge colors (from assessments.php and index.php) */
.badge-completed {
    background-color: #28a745; /* Green */
}
.badge-in_progress {
    background-color: #ffc107; /* Yellow */
}
.badge-cancelled {
    background-color: #dc3545; /* Red */
}