/**
 * Extracted from pages/friends/invites.php
 */

/* Friend Requests Tab Styling - Dark/Light Mode Compatible */
	#requestTabs .nav-link {
		font-weight: 500;
		border-bottom: 2px solid transparent;
		transition: all 0.3s ease;
		color: var(--bs-body-color);
	}
	
	#requestTabs .nav-link.active {
		border-bottom-color: var(--bs-primary);
		background-color: transparent;
		color: var(--bs-primary);
	}
	
	#requestTabs .nav-link:hover {
		border-bottom-color: var(--bs-primary);
		background-color: var(--bs-primary-bg-subtle);
		color: var(--bs-primary);
	}
	
	/* Badge styling for request counts */
	#requestTabs .badge {
		font-size: 0.75rem;
		min-width: 1.5rem;
	}
	
	/* Empty state styling - uses CSS variables for dark/light mode */
	.text-center.py-5 {
		background: var(--bs-body-bg);
		border: 1px solid var(--bs-border-color);
		border-radius: 1rem;
		margin: 2rem 0;
	}
	
	/* Tab content transitions */
	.tab-pane {
		animation: fadeIn 0.3s ease-in-out;
	}
	
	@keyframes fadeIn {
		from { opacity: 0; transform: translateY(10px); }
		to { opacity: 1; transform: translateY(0); }
	}
	
	/* Responsive tab styling */
	@media (max-width: 768px) {
		#requestTabs .nav-link {
			font-size: 0.9rem;
			padding: 0.75rem 1rem;
		}
		
		#requestTabs .badge {
			font-size: 0.7rem;
		}
	}