/* ============================================================
   8. BADGES & ROLE UNIFORMITY (ADMIN, GURU, SISWA)
   ============================================================ */
.badge { 
    padding: 4px 12px; 
    border-radius: 20px; 
    font-size: 11px; 
    font-weight: 700; 
    letter-spacing: 0.3px; 
    display: inline-flex; 
    align-items: center; 
    gap: 4px; 
}

/* Role Badges */
.badge-admin { background: var(--primary-soft); color: var(--role-admin); }
.badge-guru { background: #ccfbf1; color: var(--role-guru); }
.badge-siswa { background: #ede9fe; color: var(--role-siswa); }

/* Status Badges */
.badge-kelas-card { background: var(--primary-light); color: var(--primary-hover); }
.badge-aktif-card, .badge-hadir { background: #dcfce7; color: #10b981; }
.badge-nonaktif-card, .badge-alfa { background: #fee2e2; color: #ef4444; }
.badge-sakit, .badge-izin { background: #fef3c7; color: #d97706; }
.badge-online { background-color: #e0f2fe; color: #0284c7; }
.badge-zoom { background-color: #f3e8ff; color: #7e22ce; }