/**
 * Review notice styles for Agentorie Chat.
 *
 * @package Agentorie_Chat
 * @since   1.1.7
 */

.agentorie-review-notice {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
	border-left-color: #6366f1;
	transition: opacity 0.3s ease;
}

.agentorie-review-icon {
	font-size: 32px;
	line-height: 1;
	flex-shrink: 0;
}

.agentorie-review-content {
	flex: 1;
}

.agentorie-review-title {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 600;
}

.agentorie-review-text {
	margin: 0 0 10px;
	color: #555;
}

.agentorie-review-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.agentorie-review-actions .button,
.agentorie-review-actions .button-primary {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.agentorie-review-dismiss-link {
	color: #999;
	text-decoration: none;
	font-size: 12px;
	margin-left: 4px;
}

.agentorie-review-dismiss-link:hover {
	color: #666;
}

.agentorie-review-notice.agentorie-fadeout {
	opacity: 0;
}