/* Всплывающие уведомления (jQuery noty, js/noty.js → show_noty(style, type, text, close), всегда layout bottomRight).
   Плагин ставит инлайн-стили контейнеру и <li> (белый фон, рамка, ширина 310) — поэтому местами !important.
   Типы: info (оранжевый), success (зелёный), error (красный), warning/alert (жёлтый). */

#noty_bottomRight_layout_container {
	right: 20px !important;
	bottom: 20px !important;
	width: 360px !important;
}

#noty_bottomRight_layout_container > li {
	width: 100% !important;
	margin: 0 0 10px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: transparent !important;
	box-shadow: none !important;
}

.noty_bar .noty_message {
	--noty-c: 218, 146, 86;

	position: relative;
	overflow: hidden;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
	background: #232327;
	box-shadow: 0 14px 40px rgba(0, 0, 0, .5);
	color: #e9e9ee;
}

.noty_bar.noty_type_success .noty_message { --noty-c: 62, 207, 110; }
.noty_bar.noty_type_error .noty_message { --noty-c: 255, 96, 84; }
.noty_bar.noty_type_warning .noty_message,
.noty_bar.noty_type_alert .noty_message { --noty-c: 240, 190, 60; }

.noty_bar.noty_type_error .noty_message {
	border: 1px solid rgba(255, 255, 255, .07);
	background: #232327;
	color: #e9e9ee;
}

/* цветная полоска слева */
.noty_bar .noty_message::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: rgb(var(--noty-c));
}

/* крестик-подсказка: закрывается кликом по уведомлению */
.noty_bar .noty_message::after {
	content: "\00d7";
	position: absolute;
	top: 50%;
	right: 14px;
	color: #6c6c75;
	font-size: 20px;
	line-height: 1;
	transform: translateY(-50%);
}

.noty_bar .noty_message .noty_text {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 13px 40px 13px 15px;
	font-family: Montserrat, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

/* значок типа */
.noty_bar .noty_message .noty_text::before {
	content: "i";
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	height: 32px;
	border-radius: 10px;
	background: rgba(var(--noty-c), .16);
	color: rgb(var(--noty-c));
	font-size: 15px;
	font-weight: 800;
}

.noty_bar.noty_type_success .noty_message .noty_text::before { content: "\2713"; }
.noty_bar.noty_type_error .noty_message .noty_text::before,
.noty_bar.noty_type_warning .noty_message .noty_text::before,
.noty_bar.noty_type_alert .noty_message .noty_text::before { content: "!"; }

/* текст почти всегда приходит в <a> — старые стили делали из него бирюзовую плашку */
.noty_bar .noty_message .noty_text a,
.noty_bar .noty_message .noty_text a:hover,
.noty_bar.noty_type_error a {
	display: inline;
	padding: 0;
	background: none;
	color: #e9e9ee;
	font-size: inherit;
	text-decoration: none;
}

.noty_bar .noty_message .noty_text a[href]:hover {
	color: rgb(var(--noty-c));
}

.noty_bar .noty_message .noty_text a span {
	color: rgb(var(--noty-c));
	font-weight: 800;
}

/* телефон: на всю ширину, над нижней панелью вкладок (css/header.css) */
@media (max-width: 991px) {
	#noty_bottomRight_layout_container {
		right: 12px !important;
		left: 12px !important;
		bottom: 12px !important;
		width: auto !important;
	}

	body:has(.hdr-tabs) #noty_bottomRight_layout_container {
		bottom: calc(80px + env(safe-area-inset-bottom)) !important;
	}
}