/* Notifications Panel — shortcode [notifications_panel] */

.notificationprefdiv {
	background-color: #F7FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	padding: 1.5em 2em;
	max-width: 600px;
}

.notificationprefdiv .notificationhead {
	font-size: 1.25em;
	font-weight: 600;
	color: #1A202C;
	margin-bottom: 0.5em;
}

.notificationprefdiv .notificationbody {
	color: #4A5568;
	font-size: 0.95em;
	line-height: 1.6;
	margin-bottom: 0.25em;
}

.notificationprefdiv .notificationresult {
	background-color: #F0FFF4;
	border: 1px solid #C6F6D5;
	color: #276749;
	border-radius: 4px;
	padding: 0.6em 1em;
	margin: 1em 0;
	font-size: 0.95em;
}

.notificationprefdiv form {
	margin-top: 1.25em;
}

.notificationprefdiv .notificationformrow {
	display: flex;
	align-items: center;
	gap: 0.75em;
	margin-bottom: 0.75em;
}

.notificationprefdiv .notificationprompt {
	font-weight: 500;
	color: #2D3748;
	min-width: 10em;
	white-space: nowrap;
}

.notificationprefdiv .notificationinput select {
	padding: 0.4em 2em 0.4em 0.6em;
	border: 1px solid #CBD5E0;
	border-radius: 4px;
	background-color: #fff;
	color: #2D3748;
	font-size: 0.95em;
	cursor: pointer;
}

.notificationprefdiv .notificationinput select:focus {
	outline: none;
	border-color: #2B6CB0;
	box-shadow: 0 0 0 1px #2B6CB0;
}

.notificationprefdiv button[type="submit"] {
	background-color: #2B6CB0;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 0.6em 1.5em;
	font-size: 0.95em;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.notificationprefdiv button[type="submit"]:hover {
	background-color: #215387;
}