/* Global Floating Alert System Styles */

/* Solid Alert Styles - No Transparency */
#floating-alert-container .alert {
	background-color: var(--alert-bg, #ffffff) !important;
	border: 1px solid var(--alert-border, #e5e7eb) !important;
	color: var(--alert-text, #3a3a3a) !important;
	opacity: 1 !important;
}

#floating-alert-container .alert-success {
	background-color: #10b981 !important;
	border-color: #059669 !important;
	color: #ffffff !important;
}

#floating-alert-container .alert-error {
	background-color: #ef4444 !important;
	border-color: #dc2626 !important;
	color: #ffffff !important;
}

#floating-alert-container .alert-warning {
	background-color: #fbbf24 !important;
	border-color: #f59e0b !important;
	color: #ffffff !important;
}

#floating-alert-container .alert-info {
	background-color: #3b82f6 !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

#floating-alert-container .alert .stroke-current {
	stroke: currentColor !important;
}

/* Ensure alerts are above other content */
#floating-alert-container {
	z-index: 9999 !important;
}

/* Responsive adjustments */
@media (max-width: 640px) {
	#floating-alert-container {
		left: 1rem;
		right: 1rem;
		max-width: none;
	}
}