/* Al Gerrha Companion Engine – Frontend Enhancements */

.algc-explorer-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
	margin-bottom: 20px;
	padding: 15px;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
}

.algc-explorer-filters .algc-filter {
	padding: 8px 12px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
}

.algc-explorer-filters input[type="range"] {
	width: 150px;
}

.algc-dashboard-widget {
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.algc-dashboard-widget h3 {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #333;
	border-bottom: 2px solid #007cba;
	padding-bottom: 8px;
}

.algc-dashboard-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.algc-dashboard-widget li {
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	justify-content: space-between;
}

.algc-dashboard-widget li:last-child {
	border-bottom: none;
}

.algc-activity {
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}

.algc-activity h3 {
	margin: 0 0 15px 0;
	font-size: 16px;
}

.algc-activity ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.algc-activity li {
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
}

.algc-activity-time {
	color: #666;
	font-size: 12px;
	margin-right: 10px;
}

/* Mobile enhancements */
#algc-mobile-controls {
	position: fixed;
	bottom: 80px;
	right: 15px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 9999;
}

.algc-mobile-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(0, 123, 202, 0.85);
	color: #fff;
	border: none;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	transition: transform 0.15s ease, background 0.15s ease;
}

.algc-mobile-btn:hover {
	background: rgba(0, 123, 202, 1);
	transform: scale(1.05);
}

.algc-mobile-btn:active {
	transform: scale(0.95);
}

/* Performance: reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
	.algc-mobile-btn {
		transition: none;
	}
}