/* Django message notification styles */
.message {
	min-width: 260px;
	max-width: 350px;
	box-shadow: 0 4px 24px 0 rgba(0,0,0,0.10);
	font-size: 1rem;
	opacity: 0;
	transform: translateX(24rem);
	transition: opacity 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1);
}
.message.show {
	opacity: 1;
	transform: translateX(0);
}
.message .close-message {
	color: #888;
	background: none;
	border: none;
	cursor: pointer;
	transition: color 0.2s;
}
.message .close-message:hover {
	color: #222;
}
/* Message type backgrounds */
.message-success {
	background: #e6fffa;
	color: #065f46;
	border-left: 5px solid #2dd4bf;
}
.message-info {
	background: #eff6ff;
	color: #1e40af;
	border-left: 5px solid #3b82f6;
}
.message-warning {
	background: #fef9c3;
	color: #92400e;
	border-left: 5px solid #facc15;
}
.message-error, .message-danger {
	background: #fee2e2;
	color: #b91c1c;
	border-left: 5px solid #ef4444;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.message {
		min-width: 240px;
		max-width: 300px;
		font-size: 0.9rem;
	}
}

/* Button hover effects */
.btn-hover-scale {
	transition: transform 0.2s ease-in-out;
}
.btn-hover-scale:hover {
	transform: scale(1.05);
}

/* Custom scrollbar */
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}