/* Dashboard Component Styles */

/* Card hover effect (apply via utility class `card-hover-elevate`) */
.card-hover-elevate { transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
.card-hover-elevate:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }

/* Chart containers */
.chart-container {
	position: relative;
	overflow: hidden;
}

/* List items with better spacing */
/* List item hover (if still needed) */
.list-item-hover:hover { background-color: rgba(0,0,0,0.04); }

/* Badge styles for appointment status */
/* Small badge utility (prefer Tailwind text-[10px] etc.) */
.badge-sm { font-size: 0.65rem; padding: 0.25em 0.5em; }

/* Page header enhancements */
/* Legacy border-bottom override removed; use border-gray-200 in markup. */

/* Card shadow enhancements */
/* Rely on Tailwind shadow-sm / shadow utilities instead of custom .shadow-sm */

/* Responsive text sizing */
/* Responsive heading sizing handled by Tailwind responsive utilities in markup */

/* Icon spacing in cards */
/* Icon spacing: use mr-2 in markup instead */

/* Action button styling */

/* Empty state styling */
/* Use opacity-50 utility instead */

/* Chart loading states */
.chart-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	color: #6c757d;
}

/* Responsive grid improvements (use Tailwind gap utilities) */

/* Card body flex improvements */
/* Card body min height replaced via utility (min-h-[150px]) inline where needed */

/* Color variations for better contrast */
/* Legacy contextual button color overrides removed. */

/* Icon opacity adjustments */
/* Use opacity-75 Tailwind utility instead */

/* Spacing utilities */
/* Use mb-12 etc. via Tailwind scale */

/* (Legacy gutter replication removed) */

/* Animation for loading states */
@keyframes pulse {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.loading {
	animation: pulse 1.5s ease-in-out infinite;
}

/* Room Occupancy Components */
.room-usage-progress {
	height: 20px;
}