/* rse-knock */
.rse-knock-follow {margin: 4px 0 16px;}
.rse-knock-btn {display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 20px; border: 0; border-radius: 8px;
	background-color: rgb(15,23,42); 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;}
.rse-knock-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;}
.rse-knock-btn:hover {opacity: .9;}
.rse-knock-btn .rse-knock-btn__on, .rse-knock-btn .rse-knock-btn__hover, .rse-knock-btn.is-on .rse-knock-btn__off {display: none;}
.rse-knock-btn.is-on .rse-knock-btn__on {display: inline;}
.rse-knock-btn.is-on {background-color: rgba(0,0,0,0.08); color: #111318;}
.rse-knock-btn.is-on:hover .rse-knock-btn__on {display: none;}
.rse-knock-btn.is-on:hover .rse-knock-btn__hover {display: inline;}
.rse-knock-btn[data-busy] {opacity: .6; cursor: wait;}

/* Точка на кнопке, которая открывает меню пользователя */
.rse-knock-dot {position: relative;}
.rse-knock-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 #fff; pointer-events: none;}

/* Пункт меню «Мои подписки» — счётчик спокойный, не тревожный */
.rse-knock-subs[hidden] {display: none !important;}
.rse-knock-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;}

/* Пункт меню «Уведомления» */
.rse-knock-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, позиция — от кнопки) */
.rse-knock-panel {display: none; position: fixed; z-index: 100000; overflow-y: auto; border-radius: 8px; text-align: left;
	background-color: #ffffff; color: #111318; box-shadow: 0 8px 28px rgba(0,0,0,0.45); font-size: 14px; line-height: 1.35;}
.rse-knock-panel.is-open {display: block;}
.rse-knock-host {overflow: visible !important;}
.rse-knock-panel__list {margin: 0; padding: 4px 0; list-style: none;}
.rse-knock-panel__item {margin: 0; padding: 0; list-style: none;}
.rse-knock-panel__item a {display: flex; align-items: center; gap: 10px; padding: 8px 12px; color: inherit; text-decoration: none;}
.rse-knock-panel__item a:hover {background-color: rgba(0,0,0,0.05);}
.rse-knock-panel__item img {display: block; width: 40px; height: 57px; flex: 0 0 40px; object-fit: cover; border-radius: 4px; margin: 0;}
.rse-knock-panel__item.is-seen {opacity: .55;}
.rse-knock-panel__txt {display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.rse-knock-panel__who {font-size: 12px; opacity: .7;}
.rse-knock-panel__title {font-weight: 600;}
.rse-knock-panel__all {display: block; width: 100%; padding: 10px 12px; border: 0; border-top: 1px solid #e5e7eb;
	background: none; color: rgb(15,23,42); font: inherit; cursor: pointer; text-align: center;}
.rse-knock-panel__empty {padding: 16px 12px; opacity: .7;}
.rse-knock-panel__head {padding: 10px 12px 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; opacity: .6;}
.rse-knock-panel__person {display: flex; align-items: center; gap: 8px; margin: 0; padding: 0 12px 0 0; list-style: none;}
.rse-knock-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;}
.rse-knock-panel__person a:hover .rse-knock-panel__title {text-decoration: underline;}
.rse-knock-panel__person img {display: block; width: 40px; height: 40px; flex: 0 0 40px; object-fit: cover; border-radius: 50%; margin: 0;}
.rse-knock-panel__person .rse-knock-panel__title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rse-knock-panel__person img {background-color: rgba(0,0,0,0.05);}
.rse-knock-panel__unsub {flex: 0 0 auto; padding: 4px 10px; border: 1px solid #e5e7eb; border-radius: 6px; background: none;
	color: inherit; font: inherit; font-size: 12px; cursor: pointer; opacity: .8;}
.rse-knock-panel__unsub:hover {opacity: 1; border-color: currentColor;}
.rse-knock-panel__unsub[data-busy] {opacity: .4; cursor: wait;}
.rse-knock-bell__ico {display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; flex: 0 0 16px;}
.rse-knock-subs__ico {display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; flex: 0 0 16px;}