/* PulseCast admin screens. Uses WordPress's own styles; only a few additions. */
.post-type-pulsecast_dashboard #visibility,
.post-type-pulsecast_dashboard .misc-pub-visibility,
.post-type-pulsecast_dashboard .misc-pub-curtime {
	display: none;
}

.pulsecast-feeds td {
	vertical-align: top;
}

.pulsecast-status {
	font-weight: 600;
}

.pulsecast-status--ok {
	color: #007017;
}

.pulsecast-status--failing {
	color: #b32d2e;
}

.pulsecast-status--stale {
	color: #996800;
}

.pulsecast-status--pending {
	color: #50575e;
}

.pulsecast-error {
	color: #b32d2e;
}

#pulsecast_link .pulsecast-open {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

#pulsecast_link .pulsecast-unpublished {
	padding: 0.6em 0.8em;
	border-left: 4px solid #dba617;
	background: #fcf9e8;
}

.pulsecast-feeds {
	table-layout: fixed;
}

.pulsecast-feeds th:nth-child(1) {
	width: 30%;
}

.pulsecast-feeds th:nth-child(2) {
	width: 15%;
}

.pulsecast-feeds th:nth-child(3) {
	width: 9%;
}

.pulsecast-feeds th:nth-child(4) {
	width: 30%;
}

.pulsecast-feeds th:nth-child(5) {
	width: 16%;
}

.pulsecast-feeds .pulsecast-health {
	overflow-wrap: break-word;
}

.pulsecast-status--loading {
	color: #2271b1;
}

.pulsecast-status--loading::before {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-right: 0.4em;
	border: 2px solid currentcolor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: pulsecast-spin 0.9s linear infinite;
}

@keyframes pulsecast-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pulsecast-status--loading::before {
		animation: none;
	}
}

.pulsecast-note {
	display: block;
}

.pulsecast-feeds .wp-picker-container .wp-color-result.button {
	margin: 0;
}

.pulsecast-feeds .wp-picker-container .wp-picker-input-wrap {
	display: none;
}

.pulsecast-feeds .wp-picker-container.wp-picker-active .wp-picker-input-wrap {
	display: inline-block;
}

/* Show only the colour swatch; the picker opens on click and has a Clear button. */
.pulsecast-feeds .wp-picker-container .wp-color-result.button {
	min-width: 0;
	width: 3em;
	height: 2.2em;
	padding: 0;
}

.pulsecast-feeds .wp-color-result-text {
	display: none;
}

.pulsecast-feeds .pulsecast-remove:focus-visible,
#pulsecast_link a:focus-visible,
#pulsecast_link button:focus-visible {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
}