/* zhq-note */
.zhq-note-follow {margin: 4px 0 16px;}
.zhq-note-btn {display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 20px; border: 0; border-radius: 10px;
	background-color: rgb(18,84,151); color: #fff; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3); transition: background-color .15s, color .15s, opacity .15s;}
.zhq-note-btn::before {content: ''; width: 16px; height: 16px; flex: 0 0 16px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5.5-6.84V3.5a1.5 1.5 0 0 0-3 0v.66A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5.5-6.84V3.5a1.5 1.5 0 0 0-3 0v.66A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z'/%3E%3C/svg%3E") center/contain no-repeat;}
.zhq-note-btn:hover {opacity: .9;}
.zhq-note-btn .zhq-note-btn__on, .zhq-note-btn .zhq-note-btn__hover, .zhq-note-btn.is-on .zhq-note-btn__off {display: none;}
.zhq-note-btn.is-on .zhq-note-btn__on {display: inline;}
.zhq-note-btn.is-on {background-color: rgba(255,255,255,0.12); color: #fff;}
.zhq-note-btn.is-on:hover .zhq-note-btn__on {display: none;}
.zhq-note-btn.is-on:hover .zhq-note-btn__hover {display: inline;}
.zhq-note-btn[data-busy] {opacity: .6; cursor: wait;}

/* Точка на кнопке, которая открывает меню пользователя */
.zhq-note-dot {position: relative;}
.zhq-note-dot::after {content: ''; position: absolute; top: -3px; right: -3px; width: 10px; height: 10px; z-index: 2;
	border-radius: 50%; background-color: #ff2d2d; box-shadow: 0 0 0 2px #141414; pointer-events: none;}

/* Пункт меню «Мои подписки» — счётчик спокойный, не тревожный */
.zhq-note-subs[hidden] {display: none !important;}
.zhq-note-subs__count {display: inline-block; min-width: 18px; margin-left: 6px; padding: 1px 5px; border-radius: 9px; vertical-align: middle;
	background-color: rgba(127,127,127,0.28); color: inherit; font-size: 12px; font-weight: 600; line-height: 16px; text-align: center;}

/* Пункт меню «Уведомления» */
.zhq-note-bell__count {display: inline-block; min-width: 18px; margin-left: 6px; padding: 1px 5px; border-radius: 9px; vertical-align: middle;
	background-color: #ff2d2d; color: #fff; font-size: 12px; font-weight: 600; line-height: 16px; text-align: center;}

/* Панель уведомлений (в body, позиция — от кнопки) */
.zhq-note-panel {display: none; position: fixed; z-index: 100000; overflow-y: auto; border-radius: 8px; text-align: left;
	background-color: #1c2029; color: #e8eaf0; box-shadow: 0 8px 28px rgba(0,0,0,0.45); font-size: 14px; line-height: 1.35;}
.zhq-note-panel.is-open {display: block;}
.zhq-note-host {overflow: visible !important;}
.zhq-note-panel__list {margin: 0; padding: 4px 0; list-style: none;}
.zhq-note-panel__item {margin: 0; padding: 0; list-style: none;}
.zhq-note-panel__item a {display: flex; align-items: center; gap: 10px; padding: 8px 12px; color: inherit; text-decoration: none;}
.zhq-note-panel__item a:hover {background-color: rgba(255,255,255,0.07);}
.zhq-note-panel__item img {display: block; width: 40px; height: 57px; flex: 0 0 40px; object-fit: cover; border-radius: 4px; margin: 0;}
.zhq-note-panel__item.is-seen {opacity: .55;}
.zhq-note-panel__txt {display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.zhq-note-panel__who {font-size: 12px; opacity: .7;}
.zhq-note-panel__title {font-weight: 600;}
.zhq-note-panel__all {display: block; width: 100%; padding: 10px 12px; border: 0; border-top: 1px solid rgba(255,255,255,0.1);
	background: none; color: #fff; font: inherit; cursor: pointer; text-align: center;}
.zhq-note-panel__empty {padding: 16px 12px; opacity: .7;}
.zhq-note-panel__head {padding: 10px 12px 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; opacity: .6;}
.zhq-note-panel__person {display: flex; align-items: center; gap: 8px; margin: 0; padding: 0 12px 0 0; list-style: none;}
.zhq-note-panel__person a {display: flex; flex: 1 1 auto; align-items: center; gap: 10px; min-width: 0; padding: 6px 0 6px 12px; color: inherit; text-decoration: none;}
.zhq-note-panel__person a:hover .zhq-note-panel__title {text-decoration: underline;}
.zhq-note-panel__person img {display: block; width: 40px; height: 40px; flex: 0 0 40px; object-fit: cover; border-radius: 50%; margin: 0;}
.zhq-note-panel__person .zhq-note-panel__title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zhq-note-panel__person img {background-color: rgba(255,255,255,0.07);}
.zhq-note-panel__unsub {flex: 0 0 auto; padding: 4px 10px; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; background: none;
	color: inherit; font: inherit; font-size: 12px; cursor: pointer; opacity: .8;}
.zhq-note-panel__unsub:hover {opacity: 1; border-color: currentColor;}
.zhq-note-panel__unsub[data-busy] {opacity: .4; cursor: wait;}
.login__menu .zhq-note-bell__btn {position: relative;}
.zhq-note-bell__ico {display: block; height: 30px; width: 24px; margin: 0 auto; color: rgb(18,84,151);}
.login__menu .zhq-note-bell__count {position: absolute; top: 6px; left: 50%; margin: 0 0 0 6px;}
.login__menu .zhq-note-subs__btn {position: relative;}
.zhq-note-subs__ico {display: block; height: 30px; width: 24px; margin: 0 auto; color: inherit; opacity: .5;}
.login__menu .zhq-note-subs__count {position: absolute; top: 6px; left: 50%; margin: 0 0 0 6px;}