/* PMP Stream Guard — player notice styling. */

.psg-notice {
	margin: 1rem 0;
	padding: 0.875rem 1rem;
	border-radius: 4px;
	font-size: 0.95rem;
	line-height: 1.5;
}

.psg-notice[hidden] {
	display: none;
}

.psg-notice--error {
	background: #fcf0f1;
	border-left: 4px solid #d63638;
	color: #8a1f21;
}

.psg-notice--warn {
	background: #fcf9e8;
	border-left: 4px solid #dba617;
	color: #6b4e00;
}

.psg-notice--info {
	background: #f0f6fc;
	border-left: 4px solid #2271b1;
	color: #1d4b70;
}

@media ( prefers-reduced-motion: no-preference ) {
	.psg-notice {
		transition: opacity 150ms ease-in-out;
	}
}

/* Watermark stamped over the player. Sits above the video, never intercepts
   pointer events, so the Vimeo controls underneath stay clickable. Default is
   bottom-right; the drift script overrides left/top per tick. */
.psg-watermark {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	pointer-events: none;
	z-index: 2;
	font-size: 0.8rem;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.28);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	user-select: none;
	transition: top 900ms ease, left 900ms ease;
}

@media ( prefers-reduced-motion: reduce ) {
	.psg-watermark {
		transition: none;
	}
}

/* Member-facing registered-device list. */
.psg-devices {
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	max-width: 42rem;
}

.psg-devices h3 {
	margin-top: 0;
}

.psg-devices__meta,
.psg-devices__note {
	color: #646970;
	font-size: 0.9rem;
}

.psg-devices__list {
	margin: 0.5rem 0 1rem;
	padding-left: 1.1rem;
}

.psg-devices__list li {
	margin-bottom: 0.4rem;
}

.psg-devices__label {
	font-weight: 600;
}
