.wrap {
						--uc-border: #d7dee8;
						--uc-border-soft: #e8edf3;
						--uc-bg: #f4f8fc;
						--uc-text: #1f2933;
						--uc-muted: #5d6b79;
						--uc-primary: #1f6fb2;
						--uc-primary-soft: #e7f1fb;
					}
					.wrap h1.update-compass-page-title {
						margin: 0 0 10px;
						padding-bottom: 10px;
						font-size: 19px;
						line-height: 1.3;
						font-weight: 600;
						font-family: inherit;
						color: var(--uc-text);
					}
				.update-compass-meta {
					margin: 10px 0 8px;
					color: var(--uc-muted);
					font-size: 12px;
				}
					.update-compass-meta.stale {
						color: #a16207;
						font-weight: 600;
					}
					.update-compass-stale-banner {
						margin: 0 0 12px;
						padding: 10px 12px;
						border: 1px solid #f1ce8b;
						background: #fff9ed;
						border-radius: 10px;
						color: #7a4b00;
						font-size: 13px;
						line-height: 1.4;
						font-weight: 600;
					}
					.update-compass-hint-banner {
						margin: 0 0 12px;
						padding: 10px 12px;
						border: 1px solid #cfe0f2;
						background: #f4f9ff;
						border-radius: 10px;
						color: #2f4254;
						font-size: 13px;
						line-height: 1.4;
						display: flex;
						align-items: center;
						justify-content: space-between;
						gap: 10px;
					}
					.update-compass-hint-text {
						display: inline-flex;
						align-items: center;
						gap: 8px;
					}
					.update-compass-hint-text .dashicons {
						width: 16px;
						height: 16px;
						font-size: 16px;
						color: #2f6ea5;
						flex: 0 0 auto;
					}
					.update-compass-hint-dismiss {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: 24px;
						height: 24px;
						border-radius: 999px;
						border: 1px solid #c4d8ec;
						background: #ffffff;
						color: #1f6fb2;
						text-decoration: none;
					}
					.update-compass-hint-dismiss:hover,
					.update-compass-hint-dismiss:focus {
						background: #eef6ff;
						color: #195a90;
						border-color: #aac7e2;
					}
					.update-compass-hint-dismiss .dashicons {
						width: 14px;
						height: 14px;
						font-size: 14px;
					}
					.update-compass-controls {
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						justify-content: space-between;
						gap: 10px;
						margin: 0 0 14px;
					}
					.update-compass-filters {
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						gap: 8px;
						margin: 0;
					}
					.update-compass-pill-control {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						gap: 6px;
						min-height: 34px;
						padding: 0 13px;
						border: 1px solid var(--uc-border);
						border-radius: 999px;
						box-sizing: border-box;
						line-height: 1.2;
						text-decoration: none;
						background: #fff;
						transition: all 120ms ease;
					}
					.update-compass-pill-control .dashicons {
						display: block;
						line-height: 1;
					}
					.update-compass-filter-link {
						color: #304255;
						font-weight: 500;
					}
					.update-compass-filter-link:hover,
					.update-compass-filter-link:focus {
						background: #f8fbff;
						border-color: #bed0e2;
						color: #1f4d73;
					}
					.update-compass-filter-link.active {
						background: var(--uc-primary);
						border-color: var(--uc-primary);
						color: #fff;
						box-shadow: 0 2px 6px rgba(31, 111, 178, 0.24);
					}
					.update-compass-refresh-form {
						margin: 0;
					}
					.update-compass-refresh-btn.button {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						gap: 8px;
						color: #fff;
						border-color: var(--uc-primary);
						background: linear-gradient(180deg, #2a7bc1 0%, #1f6fb2 100%);
						vertical-align: middle;
						min-height: 36px;
						padding: 0 15px;
						box-shadow: 0 3px 8px rgba(31, 111, 178, 0.28);
					}
					.update-compass-refresh-btn .dashicons {
						font-size: 16px;
						width: 16px;
						height: 16px;
					}
					.update-compass-refresh-btn.button:hover,
					.update-compass-refresh-btn.button:focus {
						background: linear-gradient(180deg, #2f87d1 0%, #2279bf 100%);
						border-color: #1f6fb2;
						color: #fff;
					}
					.update-compass-refresh-icon {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						line-height: 1;
						margin: 0;
						position: relative;
						top: 0;
					}
					.update-compass-table .column-decision,
					.update-compass-table .cell-decision {
						white-space: nowrap;
						width: 1%;
					}
					.update-compass-table.widefat {
						border: 1px solid var(--uc-border);
						border-radius: 12px;
						overflow: hidden;
						background: #fff;
						box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
					}
					.update-compass-table thead th {
						background: #f8fbff;
						border-bottom: 1px solid var(--uc-border);
						color: #304255;
						font-weight: 600;
					}
					.update-compass-table td {
						border-bottom: 1px solid var(--uc-border-soft);
						padding-top: 10px;
						padding-bottom: 10px;
						vertical-align: top;
					}
					.update-compass-table th {
						padding-top: 11px;
						padding-bottom: 11px;
					}
					.update-compass-table tbody tr:nth-child(even) td {
						background: #fcfdff;
					}
					.update-compass-table tbody tr:hover td {
						background: #f5f9ff;
					}
					.update-compass-type {
						display: inline-flex;
						align-items: center;
						gap: 6px;
					}
					.update-compass-name-cell {
						display: inline-flex;
						align-items: center;
						gap: 8px;
					}
					.update-compass-name-icon {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: 20px;
						height: 20px;
						border-radius: 999px;
						background: #eef3f8;
						color: #526273;
						flex: 0 0 auto;
					}
					.update-compass-name-icon .dashicons {
						font-size: 12px;
						width: 12px;
						height: 12px;
						line-height: 1;
					}
					.update-compass-badge {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						gap: 8px;
						min-width: 190px;
						padding: 8px 14px;
						border-radius: 999px;
						font-weight: 600;
						font-size: 13px;
						letter-spacing: 0.01em;
						line-height: 1.15;
						white-space: nowrap;
						border: 1px solid transparent;
						box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 2px 4px rgba(15, 23, 42, 0.05);
						box-sizing: border-box;
					}
				.update-compass-badge .dashicons {
					width: 16px;
					height: 16px;
					font-size: 16px;
				}
				.update-compass-badge.safe {
					background: #e9f8ef;
					color: #166534;
					border-color: #bfe8ce;
				}
				.update-compass-badge.test {
					background: #fff6e7;
					color: #9a6700;
					border-color: #f2ddb0;
				}
				.update-compass-badge.monitor {
					background: #fff1eb;
					color: #b45309;
					border-color: #f4ccb7;
				}
				.update-compass-badge.hold {
					background: #fdecef;
					color: #9f1239;
					border-color: #f3c0cc;
				}
					.update-compass-badge.review {
						background: #f2f4f8;
						color: #475569;
						border-color: #d7dee9;
					}
					.update-compass-status-wrap {
						position: relative;
						display: inline-flex;
						flex-direction: column;
						align-items: flex-start;
					}
					.update-compass-status-main {
						display: inline-flex;
						align-items: center;
						gap: 6px;
					}
					.update-compass-status-trigger.button-link {
						display: inline-flex;
						align-items: center;
						border: 0;
						background: transparent;
						padding: 0;
						text-decoration: none;
						cursor: pointer;
					}
					.update-compass-status-trigger.button-link:focus {
						outline: 2px solid #72aee6;
						outline-offset: 2px;
						border-radius: 999px;
					}
					.update-compass-badge-help {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						width: 16px;
						height: 16px;
						border-radius: 999px;
						background: rgba(255, 255, 255, 0.38);
						color: currentColor;
						border: 1px solid rgba(255, 255, 255, 0.55);
					}
					.update-compass-badge-help {
						font-size: 12px;
						font-weight: 700;
						line-height: 1;
					}
					.update-compass-status-source {
						display: none;
					}
					.update-compass-status-modal {
						position: fixed;
						inset: 0;
						background: rgba(15, 23, 42, 0.42);
						display: none;
						align-items: center;
						justify-content: center;
						z-index: 100001;
						padding: 16px;
					}
					.update-compass-status-modal.is-open {
						display: flex;
					}
					.update-compass-status-modal-dialog {
						width: fit-content;
						min-width: 420px;
						max-width: min(760px, calc(100vw - 32px));
						background: #f4f9ff;
						border-radius: 12px;
						border: 1px solid #cfe0f2;
						box-shadow: 0 16px 40px rgba(15, 23, 42, 0.28);
						padding: 18px 20px;
					}
					.update-compass-status-modal-header {
						display: flex;
						align-items: center;
						justify-content: space-between;
						gap: 8px;
						margin-bottom: 8px;
					}
					.update-compass-status-modal-title {
						margin: 0;
						font-size: 16px;
						font-weight: 600;
						color: #1f2933;
					}
					.update-compass-modal-close.button-link {
						color: #657789;
						text-decoration: none;
						padding: 0;
						width: 24px;
						height: 24px;
						display: inline-flex;
						align-items: center;
						justify-content: center;
						border-radius: 999px;
					}
					.update-compass-modal-close.button-link:hover,
					.update-compass-modal-close.button-link:focus {
						background: #eef3f8;
						color: #33475b;
					}
					.update-compass-modal-close .dashicons {
						font-size: 16px;
						width: 16px;
						height: 16px;
					}
					.update-compass-status-modal-content .update-compass-reason-text {
						display: block;
						line-height: 1.5;
						color: var(--uc-text);
					}
					.update-compass-status-modal-content .update-compass-details {
						margin-top: 10px;
					}
					.update-compass-details {
						margin-top: 6px;
						padding-top: 2px;
					}
				.update-compass-details-toggle.button-link {
					cursor: pointer;
					color: var(--uc-primary);
					font-size: 12px;
					font-weight: 500;
					padding: 0;
					text-decoration: none;
				}
					.update-compass-details-toggle.button-link:hover,
					.update-compass-details-toggle.button-link:focus {
						color: #195f99;
					}
				.update-compass-details-content {
					margin-top: 6px;
					border-top: 1px dashed var(--uc-border-soft);
					padding-top: 6px;
				}
				.update-compass-details ul {
					margin: 6px 0 0 16px;
				}
				.update-compass-detail-lines {
					margin: 6px 0 0;
				}
				.update-compass-detail-line {
					margin: 0 0 3px;
				}
					.update-compass-next {
						font-size: 12px;
						line-height: 1.3;
						color: var(--uc-text);
						max-width: 620px;
					}
					.update-compass-next.is-inline {
						padding-top: 8px;
					}
				.update-compass-next strong {
					display: block;
					margin-bottom: 3px;
				}
					.update-compass-next-check {
						display: block;
						margin-top: 8px;
					}
				.update-compass-next-check-note {
					display: block;
					margin-top: 3px;
					color: #677688;
					font-size: 11px;
				}
				.update-compass-reminder-actions {
					margin-top: 4px;
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: 4px;
				}
				.update-compass-reminder-form {
					margin-top: 6px;
				}
				.update-compass-remind-btn.button {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					gap: 6px;
					min-height: 26px;
					padding: 0 10px;
					border-radius: 999px;
					border-color: #c8d7e6;
					background: #f5f9fd;
					color: #3a536b;
					font-size: 11px;
					line-height: 1;
					box-shadow: none;
				}
				.update-compass-remind-btn.button:hover,
				.update-compass-remind-btn.button:focus {
					background: #edf4fb;
					border-color: #b8ccdf;
					color: #2f4a61;
				}
				.update-compass-remind-btn .dashicons {
					width: 12px;
					height: 12px;
					font-size: 12px;
					line-height: 1;
				}
				.update-compass-remove-reminder-form {
					display: block;
					margin: 0;
				}
					.update-compass-remove-reminder.button-link {
						color: #b32d2e;
						text-decoration: none;
						padding: 0;
						height: auto;
						line-height: 1.2;
						font-size: 12px;
					}
				.update-compass-remove-reminder.button-link:hover,
				.update-compass-remove-reminder.button-link:focus {
					color: #8c1f20;
				}
				.update-compass-reminder-list {
					margin: 0 0 0 18px;
				}
				.update-compass-table td:nth-child(2) {
					white-space: nowrap;
					max-width: 260px;
					overflow: hidden;
					text-overflow: ellipsis;
				}
					.update-compass-empty-state {
						margin: 6px 0 0;
						padding: 16px;
						border: 1px dashed var(--uc-border);
						border-radius: 10px;
						background: #fbfdff;
						color: #5a6977;
					}
					.update-compass-sort-link {
						display: inline-flex;
						align-items: center;
						gap: 4px;
						text-decoration: none;
						color: inherit;
						font-weight: 600;
					}
					.update-compass-sort-icon {
						display: inline-flex;
						align-items: center;
						justify-content: center;
					font-size: 15px;
					width: 15px;
					height: 15px;
					line-height: 1;
					color: currentColor;
					transition: transform 120ms ease;
				}
				.update-compass-sort-link[data-sort-state="asc"] .update-compass-sort-icon {
					transform: rotate(180deg);
				}
					.update-compass-sort-link[data-sort-state="none"] .update-compass-sort-icon {
						opacity: 0.55;
					}
					.update-compass-changelog-btn.button.button-small {
						display: inline-flex;
						align-items: center;
						gap: 4px;
						border-color: #c9d8e6;
						background: #f7fbff;
						color: #1f4d73;
					}
					.update-compass-changelog-btn .dashicons {
						font-size: 14px;
						width: 14px;
						height: 14px;
						line-height: 1;
					}
					@media (max-width: 960px) {
						.update-compass-controls {
							align-items: flex-start;
						}
						.update-compass-refresh-form {
							width: 100%;
						}
						.update-compass-refresh-btn.button {
							width: 100%;
						}
					}