.pathwayslxp-pwa-root {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100050;
	pointer-events: none;
}

.pathwayslxp-pwa-status,
.pathwayslxp-pwa-install {
	pointer-events: auto;
}

.pathwayslxp-pwa-status {
	margin: 0 12px 12px;
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.4;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pathwayslxp-pwa-status--offline {
	background: #fcf0f1;
	border: 1px solid #d63638;
	color: #8a2424;
}

.pathwayslxp-pwa-status--pending {
	background: #fcf9e8;
	border: 1px solid #dba617;
	color: #674e00;
}

.pathwayslxp-pwa-status--online {
	background: #edfaef;
	border: 1px solid #00a32a;
	color: #005c12;
}

.pathwayslxp-pwa-status--error {
	background: #fcf0f1;
	border: 1px solid #d63638;
	color: #8a2424;
}

.pathwayslxp-pwa-install {
	margin: 0 12px 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	max-width: 420px;
	margin-left: auto;
}

.pathwayslxp-pwa-install__title {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 600;
}

.pathwayslxp-pwa-install__body {
	margin: 0 0 12px;
	font-size: 14px;
	color: #50575e;
}

.pathwayslxp-pwa-install__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pathwayslxp-pwa-offline-placeholder {
	margin: 0 0 16px;
	padding: 12px 14px;
	background: #fcf9e8;
	border: 1px solid #dba617;
	border-radius: 6px;
	color: #674e00;
}

.pathwayslxp-offline-catalog__title {
	margin: 0 0 8px;
	font-size: 1.5rem;
}

.pathwayslxp-offline-catalog__meta {
	margin: 0 0 16px;
	color: #646970;
	font-size: 14px;
}

.pathwayslxp-offline-catalog__empty {
	margin: 0;
	color: #646970;
}

.pathwayslxp-offline-catalog__card {
	margin: 0 0 20px;
	padding: 16px;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	background: #fff;
}

.pathwayslxp-offline-catalog__card-title {
	margin: 0 0 6px;
	font-size: 1.15rem;
}

.pathwayslxp-offline-catalog__progress {
	margin: 0 0 10px;
	color: #50575e;
	font-size: 14px;
}

.pathwayslxp-offline-catalog__link {
	display: inline-block;
	margin-bottom: 12px;
}

.pathwayslxp-offline-catalog__outline {
	margin: 0;
	padding-left: 1.2em;
}

.pathwayslxp-offline-catalog__outline-item {
	margin: 4px 0;
}

.pathwayslxp-offline-catalog__outline-item--complete {
	color: #005c12;
}

.pathwayslxp-offline-catalog__outline-item--incomplete {
	color: #50575e;
}

.pathwayslxp-block-offline-catalog--editor .components-placeholder {
	min-height: 120px;
}