/* public/assets/css/notification.css */

.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: var(--radius-btn);
    background: var(--color-off-white);
    box-shadow: var(--shadow);
    max-width: 300px;
    z-index: 10000;
    transition: var(--transition);
	display: none;
}

.notification.show {
    display: block;
}

.notification.error {
    background: var(--color-error-bg);
    color: var(--color-error-text);
    border: 1px solid var(--color-error-border);
}

.notification.success {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border: 1px solid var(--color-success-border);
}

.notification.info {
	background: var(--color-info-bg);
    color: var(--color-info-text);
    border: 1px solid var(--color-info-border);
}

.notification.warning {
	background: var(--color-warning-bg);
	color: var(--color-warning-text);
	border: 1px solid var(--color-warning-border);
}