.cb-listing-signal-button-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	line-height: 1;
}

.cb-listing-signal-auto:not(.is-header-mounted) {
	position: fixed;
	top: 90px;
	right: 16px;
	z-index: 2147482000;
}

.admin-bar .cb-listing-signal-auto:not(.is-header-mounted) {
	top: 122px;
}

.cb-listing-signal-button {
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba( 24, 80, 120, .16 );
	border-radius: 999px;
	background: #f1f8fd;
	box-shadow: 0 4px 14px rgba( 19, 58, 88, .12 );
	cursor: pointer;
}

.cb-listing-signal-button:not(.has-new) {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}

.cb-listing-signal-dot {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #91a5b5;
	box-shadow: inset 0 0 0 2px rgba( 255, 255, 255, .45 );
}

.cb-listing-signal-button.has-new .cb-listing-signal-dot {
	background: #ff3b12;
	box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba( 255, 59, 18, .34 ), 0 0 13px 5px rgba( 255, 91, 25, .55 );
	animation: cb-listing-signal-pulse 1.15s ease-in-out infinite;
}

@keyframes cb-listing-signal-pulse {
	0%, 100% {
		opacity: 1;
		filter: brightness( 1.18 ) saturate( 1.35 );
		box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba( 255, 59, 18, .38 ), 0 0 14px 6px rgba( 255, 91, 25, .62 );
	}
	50% {
		opacity: .5;
		filter: brightness( .82 ) saturate( 1.05 );
		box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba( 255, 59, 18, .15 ), 0 0 5px 2px rgba( 255, 91, 25, .2 );
	}
}

@media (prefers-reduced-motion: reduce) {
	.cb-listing-signal-button.has-new .cb-listing-signal-dot { animation: none; }
}

.cb-listing-signal-panel[hidden] { display: none !important; }

.cb-listing-signal-panel {
	position: fixed;
	z-index: 2147483000;
	box-sizing: border-box;
	max-height: calc( 100vh - 24px );
	overflow: auto;
	padding: 14px;
	border: 1px solid #b9ddf5;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 16px 46px rgba( 8, 37, 60, .24 );
	color: #173652;
}

.cb-listing-signal-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 2px 2px 10px;
	font-size: 18px;
}

.cb-listing-signal-close {
	border: 0;
	background: transparent;
	color: #d52626;
	font-size: 27px;
	line-height: 1;
	cursor: pointer;
}

.cb-listing-signal-list {
	display: grid;
	gap: 7px;
}

.cb-listing-signal-row {
	display: grid;
	grid-template-columns: 28px minmax( 0, 1fr ) auto;
	align-items: center;
	gap: 8px;
	padding: 11px 12px;
	border: 1px solid #d9eaf6;
	border-radius: 11px;
	background: #f6fbff;
	color: #173652 !important;
	text-decoration: none !important;
}

.cb-listing-signal-row:hover { background: #ebf7ff; }
.cb-listing-signal-row.has-new { border-color: #ffb39c; background: #fff7f3; }
.cb-listing-signal-icon { font-size: 19px; text-align: center; }
.cb-listing-signal-label { min-width: 0; font-weight: 700; }
.cb-listing-signal-status { color: #6d8292; font-size: 13px; white-space: nowrap; }
.cb-listing-signal-row.has-new .cb-listing-signal-status { color: #d84419; font-weight: 700; }

.cb-listing-signal-mark-all {
	width: 100%;
	margin-top: 11px;
	padding: 10px 14px;
	border: 0;
	border-radius: 9px;
	background: #2ea3f2;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

@media (max-width: 782px) {
	.admin-bar .cb-listing-signal-auto:not(.is-header-mounted) { top: 136px; }
	.cb-listing-signal-button-wrap { margin-left: 7px; }
	.cb-listing-signal-button { width: 36px; height: 36px; }
	.cb-listing-signal-row { grid-template-columns: 26px minmax( 0, 1fr ); }
	.cb-listing-signal-status { grid-column: 2; }
}