/**
 * DMSLOG Container Notifications · frontend styles
 *
 * Scoped under .cw-cn-notify-* · no global selectors · does NOT touch WCP's
 * .cw-tp-* classes. Metronic 8 / Bootstrap 5 friendly + safe on the termont.com
 * Logistik theme (which overrides Bootstrap's .badge).
 *
 * @issue #15363 · M4
 */

.cw-cn-notify-cell {
	white-space: nowrap;
	vertical-align: middle;
	padding: 4px 8px;
	text-align: center;
}

.cw-cn-notify-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	user-select: none;
	margin: 0;
	font-size: 0.85rem;
	line-height: 1;
}

.cw-cn-notify-checkbox {
	margin: 0;
	cursor: pointer;
}

.cw-cn-notify-checkbox:disabled {
	cursor: wait;
	opacity: 0.5;
}

.cw-cn-notify-icon {
	font-size: 1rem;
	line-height: 1;
	filter: grayscale(100%);
	opacity: 0.5;
	transition: filter 120ms ease, opacity 120ms ease;
}

.cw-cn-notify-checkbox:checked ~ .cw-cn-notify-icon {
	filter: grayscale(0%);
	opacity: 1;
}

.cw-cn-notify-text {
	color: #666;
	font-variant: small-caps;
	letter-spacing: 0.02em;
}

.cw-cn-notify-checkbox:checked ~ .cw-cn-notify-text {
	color: #2a7a2a;
	font-weight: 600;
}