/*
 * app-alerts.css
 * Stile toast/modali del componente app-alerts.js. File IDENTICO su tutti i siti.
 * Palette allineata al tema esistente (vedi report/pannelli admin).
 */
#app-toasts {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 20000;
	width: 340px;
	max-width: calc(100% - 40px);
}

.app-toast {
	display: flex;
	align-items: flex-start;
	background: #fff;
	border-left: 4px solid #5bc0de;
	border-radius: 3px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	padding: 12px 14px;
	margin-bottom: 10px;
	opacity: 0;
	transform: translateX(20px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.app-toast-visible {
	opacity: 1;
	transform: translateX(0);
}

.app-toast-success { border-left-color: #5cb85c; }
.app-toast-info    { border-left-color: #5bc0de; }
.app-toast-warning { border-left-color: #f0ad4e; }
.app-toast-error   { border-left-color: #d9534f; }

.app-toast-icon {
	flex: 0 0 auto;
	margin-right: 10px;
	margin-top: 2px;
	font-size: 18px;
}
.app-toast-success .app-toast-icon { color: #5cb85c; }
.app-toast-info    .app-toast-icon { color: #5bc0de; }
.app-toast-warning .app-toast-icon { color: #f0ad4e; }
.app-toast-error   .app-toast-icon { color: #d9534f; }

.app-toast-body { flex: 1 1 auto; }
.app-toast-title {
	font-weight: 600;
	margin-bottom: 2px;
}
.app-toast-message {
	font-size: 13px;
	color: #333;
}

.app-toast-close {
	flex: 0 0 auto;
	border: none;
	background: transparent;
	font-size: 18px;
	line-height: 1;
	color: #999;
	cursor: pointer;
	margin-left: 8px;
}
.app-toast-close:hover { color: #333; }

.app-modal .app-modal-message {
	white-space: pre-line;
}

.app-modal .app-modal-choices {
	margin-top: 10px;
}
.app-modal .app-modal-choices .radio {
	margin-bottom: 6px;
}