/**
 * NABL CMS - Extracted CSP-Safe Stylesheet (Admin & Frontend)
 */

/* Shared Admin & Frontend Utility Classes */
.nabl-is-hidden {
	display: none !important;
}

.nabl-w-100 {
	width: 100%;
}

.nabl-admin-td-center {
	text-align: center;
	vertical-align: middle;
}

.nabl-admin-sort-handle {
	cursor: move;
	text-align: center;
	vertical-align: middle;
}

.nabl-admin-btn-danger {
	color: #d63638 !important;
	border-color: #d63638 !important;
}

.nabl-admin-logo-preview-img {
	max-height: 80px;
	display: block;
	margin-bottom: 10px;
}

.nabl-admin-footer-logo-img {
	max-height: 40px;
	max-width: 100%;
	display: block;
}

.nabl-footer-logo-preview {
	margin-bottom: 5px;
	min-height: 40px;
}

.nabl-admin-leadership-preview-img {
	max-width: 200px;
	height: auto;
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	display: block;
	margin-bottom: 10px;
}

.nabl-admin-pdf-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-admin-pdf-icon {
	color: #d63638;
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.nabl-admin-pdf-name {
	font-weight: 500;
}

.nabl-admin-pdf-view-link {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.nabl-admin-pdf-view-icon {
	font-size: 16px;
	margin-right: 2px;
}

.nabl-admin-no-pdf {
	margin: 0;
	color: #666;
}

.nabl-tt-err-list {
	margin: 6px 0 0 18px;
	padding: 0;
}

/* Extracted from class-news-updates-homepage.php */
>.nabl-events-coverages.nabl-latest-updates-section,
section.nabl-latest-updates-section,
.nabl-latest-updates-section {
	background-color: #303030 !important;
	padding: 55px 0 65px 0 !important;
	position: relative !important;
	overflow: hidden !important;
	color: #ffffff !important;
	margin-top: 80px !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	display: block !important;
}

.nabl-latest-updates-header-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	max-width: 100% !important;
	margin: 0 auto 24px auto !important;
	width: 100% !important;
	padding: 0 15px !important;
	box-sizing: border-box !important;
}

.nabl-latest-updates-heading {
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: -0.2px !important;
	font-family: inherit !important;
}

.nabl-latest-updates-view-all-wrap {
	margin: 0 !important;
	padding: 0 !important;
}

.nabl-latest-updates-view-all {
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	opacity: 0.9 !important;
	transition: opacity 0.2s ease !important;
	display: inline-block !important;
}

.nabl-latest-updates-view-all:hover {
	opacity: 1 !important;
	color: #ffffff !important;
	text-decoration: underline !important;
}

.nabl-latest-updates-carousel-wrap {
	max-width: 100% !important;
	margin: 0 auto !important;
	position: relative !important;
	width: 100% !important;
	padding: 0 15px !important;
	box-sizing: border-box !important;
}

.nabl-latest-updates-swiper {
	width: 100% !important;
	overflow: hidden !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
	position: relative !important;
}

.nabl-latest-updates-card {
	display: flex !important;
	flex-direction: row !important;
	background: #ffffff !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 330px !important;
	min-height: 330px !important;
	max-height: 330px !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
}

.nabl-latest-updates-image-col {
	flex: 0 0 53% !important;
	width: 53% !important;
	height: 100% !important;
	position: relative !important;
	overflow: hidden !important;
	background-color: #1e293b !important;
	margin: 0 !important;
	padding: 0 !important;
}

.nabl-latest-updates-img-link,
.nabl-latest-updates-image-col a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.nabl-latest-updates-img,
.nabl-latest-updates-image-col img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border: none !important;
	border-radius: 0 !important;
}

.nabl-latest-updates-content-col {
	flex: 0 0 47% !important;
	width: 47% !important;
	height: 100% !important;
	padding: 24px 30px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	text-align: left !important;
	background: #ffffff !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.nabl-latest-updates-meta {
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #666666 !important;
	margin-bottom: 8px !important;
	line-height: 1.35 !important;
	letter-spacing: 0.2px !important;
	text-transform: none !important;
	flex-shrink: 0 !important;
}

.nabl-latest-updates-title {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	color: #0086bd !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
}

.nabl-latest-updates-title a {
	color: #0086bd !important;
	text-decoration: none !important;
}

.nabl-latest-updates-title a:hover {
	text-decoration: underline !important;
}

.nabl-latest-updates-desc {
	font-size: 13.5px !important;
	color: #555555 !important;
	line-height: 1.55 !important;
	margin: 0 0 12px 0 !important;
	padding: 0 20px 0 0 !important;
	display: block !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	width: 100% !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	overscroll-behavior-y: contain !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	scrollbar-width: thin !important;
	scrollbar-color: #cbd5e1 transparent !important;
	text-align: justify;
}

.nabl-latest-updates-desc::-webkit-scrollbar {
	width: 5px !important;
}

.nabl-latest-updates-desc::-webkit-scrollbar-track {
	background: transparent !important;
}

.nabl-latest-updates-desc::-webkit-scrollbar-thumb {
	background: #cbd5e1 !important;
	border-radius: 10px !important;
}

.nabl-latest-updates-desc::-webkit-scrollbar-thumb:hover {
	background: #94a3b8 !important;
}

.nabl-latest-updates-card.nabl-card-no-button .nabl-latest-updates-content-col {
	padding: 24px 30px !important;
	justify-content: flex-start !important;
	overflow: hidden !important;
}

.nabl-latest-updates-card.nabl-card-no-button .nabl-latest-updates-title {
	margin-bottom: 8px !important;
	-webkit-line-clamp: 2 !important;
}

.nabl-latest-updates-card.nabl-card-no-button .nabl-latest-updates-desc,
.nabl-latest-updates-desc.nabl-desc-expanded {
	-webkit-line-clamp: unset !important;
	margin-bottom: 0 !important;
}

.nabl-latest-updates-btn-wrap {
	margin-top: auto !important;
	padding-top: 6px !important;
	flex-shrink: 0 !important;
}

.nabl-latest-updates-btn {
	display: inline-block !important;
	padding: 6px 20px !important;
	background: #ffffff !important;
	border: 1px solid #777777 !important;
	border-radius: 50px !important;
	color: #444444 !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition: all 0.2s ease !important;
}

.nabl-latest-updates-btn:hover {
	background: #f0f0f0 !important;
	border-color: #333333 !important;
	color: #111111 !important;
}

.nabl-latest-updates-pagination {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	margin-top: 25px !important;
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	width: 100% !important;
	z-index: 10 !important;
}

.nabl-latest-updates-pagination .swiper-pagination-bullet {
	width: 8px !important;
	height: 8px !important;
	background: rgba(255, 255, 255, 0.45) !important;
	opacity: 1 !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	outline: none !important;
	transition: all 0.25s ease !important;
}

.nabl-latest-updates-pagination .swiper-pagination-bullet:hover {
	background: rgba(255, 255, 255, 0.8) !important;
}

.nabl-latest-updates-pagination .swiper-pagination-bullet-active {
	background: #ffffff !important;
	width: 8px !important;
	height: 8px !important;
	transform: scale(1.2) !important;
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.7) !important;
}

@media (max-width: 991px) {
	.nabl-latest-updates-card {
		height: 310px !important;
		min-height: 310px !important;
		max-height: 310px !important;
	}

	.nabl-latest-updates-content-col {
		padding: 20px 24px !important;
	}

	.nabl-latest-updates-desc {
		font-size: 13px !important;
		margin-bottom: 10px !important;
		-webkit-line-clamp: unset !important;
	}

	.nabl-latest-updates-card.nabl-card-no-button .nabl-latest-updates-desc,
	.nabl-latest-updates-desc.nabl-desc-expanded {
		-webkit-line-clamp: unset !important;
		margin-bottom: 0 !important;
	}
}

@media (max-width: 768px) {

	.nabl-events-coverages.nabl-latest-updates-section,
	section.nabl-latest-updates-section,
	.nabl-latest-updates-section {
		padding: 40px 0 50px 0 !important;
	}

	.nabl-latest-updates-header-row {
		margin-bottom: 18px !important;
	}

	.nabl-latest-updates-heading {
		font-size: 20px !important;
	}

	.nabl-latest-updates-card {
		flex-direction: column !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		border-radius: 12px !important;
	}

	.nabl-latest-updates-image-col {
		width: 100% !important;
		flex: 0 0 210px !important;
		height: 210px !important;
	}

	.nabl-latest-updates-content-col {
		width: 100% !important;
		flex: 1 1 auto !important;
		height: auto !important;
		padding: 22px 18px !important;
	}

	.nabl-latest-updates-title {
		font-size: 16px !important;
		margin-bottom: 8px !important;
		-webkit-line-clamp: 2 !important;
	}

	.nabl-latest-updates-desc {
		font-size: 13px !important;
		margin-bottom: 12px !important;
		max-height: 180px !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		-webkit-line-clamp: unset !important;
	}

	.nabl-latest-updates-card.nabl-card-no-button .nabl-latest-updates-desc,
	.nabl-latest-updates-desc.nabl-desc-expanded {
		-webkit-line-clamp: unset !important;
		margin-bottom: 0 !important;
	}

	.nabl-latest-updates-pagination {
		margin-top: 20px !important;
	}
}

/* Extracted from class-technical-training-role.php */
>

/* Suppress all update nags, prompts, and badges */
.update-nag,
.notice.update-nag,
.notice[class*="update"],
.update-plugins,
.plugin-count,
.plugin-update-tr,
.update-message,
.theme-update-message,
#wp-admin-bar-updates,
div[id*="update"],
div.updated:has(a[href*="update"]),
.notice.notice-warning:not(.nabl-tt-notice),
.e-notice {
	display: none !important;
}

/* Extracted Inline Style Classes */
.nabl-s-b5ee03a8 {
	color: #ccc;
	pointer-events: none;
	cursor: default;
}

.nabl-s-72305b4b {
	max-width: 800px;
	padding: 20px;
	margin-top: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-371e046c {
	background-color: #f0f6fc;
	border-left: 4px solid #72aee6;
	padding: 15px;
	margin: 20px 0;
	border-radius: 4px;
}

.nabl-s-0a4cab22 {
	display: inline-block;
	background: #fff;
	padding: 3px 8px;
	border: 1px solid #ccd0d4;
	border-radius: 3px;
	margin-left: 10px;
	font-size: 14px;
}

.nabl-s-ebfccccb {
	width: 100%;
	max-width: 500px;
}

.nabl-s-7d3eeecb {
	width: 100%;
	max-width: 500px;
	font-family: monospace;
}

.nabl-s-f22fb697 {
	margin-top: 30px;
	border-top: 1px solid #f0f0f0;
	padding-top: 25px;
}

.nabl-s-8698b61b {
	font-size: 16px;
	font-weight: 600;
	color: #23282d;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-s-e216ae79 {
	color: #0079AF;
}

.nabl-s-a5c5b798 {
	color: #646970;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.nabl-s-839c4af8 {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.nabl-s-8d7ebda5 {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 500px;
}

.nabl-s-5d5a73c9 {
	height: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
}

.nabl-s-7f8391a9 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}

.nabl-s-f5305c18 {
	vertical-align: middle;
	margin-top: -2px;
}

.nabl-s-88ed3934 {
	vertical-align: middle;
	font-size: 15px;
	margin-top: -2px;
}

.nabl-s-68a09f73 {
	margin-top: 8px;
}

.nabl-s-569bf6de {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	word-break: break-all;
}

.nabl-s-ef90d1e7 {
	font-size: 11px;
	display: inline-block;
	margin-top: 2px;
}

.nabl-s-93b8ea5b {
	display: none;
}

.nabl-s-49cdf874 {
	flex: 1;
}

.nabl-s-199b6f0e {
	width: 100%;
}

.nabl-s-7194607a {
	width: 100%;
	max-width: 220px;
}

.nabl-s-006f51d9 {
	margin-bottom: 10px;
	font-size: 14px;
}

.nabl-s-bd9db1cb {
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-s-b7d338af {
	color: #d63638;
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.nabl-s-d2abfb71 {
	font-weight: 500;
}

.nabl-s-9188c8e1 {
	font-size: 16px;
	margin-right: 2px;
}

.nabl-s-763eef4b {
	margin: 0;
	color: #666;
}

.nabl-s-b131259d {
	display: flex;
	gap: 8px;
	align-items: center;
}

.nabl-s-bf46ebfb {
	height: 36px;
	display: inline-flex;
	align-items: center;
}

.nabl-s-9482448c {
	max-width: 800px;
	padding: 25px;
	margin-top: 20px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #fff;
	margin-bottom: 25px;
}

.nabl-s-ba539f5e {
	font-size: 1.5rem;
	margin-top: 0;
	color: #1e293b;
}

.nabl-s-3d3d5dee {
	margin-bottom: 25px;
	font-size: 0.95rem;
	color: #64748b;
}

.nabl-s-bd4d1d67 {
	border-bottom: 1px solid #f1f5f9;
}

.nabl-s-f8609bf3 {
	padding: 20px 10px;
	font-weight: 600;
	color: #334155;
	width: 200px;
}

.nabl-s-ed045220 {
	padding: 20px 10px;
}

.nabl-s-82088a82 {
	margin-bottom: 15px;
	min-height: 50px;
	display: flex;
	align-items: center;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	padding: 10px;
	max-width: 350px;
}

.nabl-s-b51a32dd {
	color: #64748b;
	font-style: italic;
	font-size: 0.9rem;
}

.nabl-s-c6235d4d {
	display: flex;
	gap: 10px;
	align-items: center;
}

.nabl-s-07c308b0 {
	margin-top: 10px;
}

.nabl-s-7f3d2686 {
	max-width: 800px;
	padding: 25px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #fff;
}

.nabl-s-c100c3a3 {
	margin-right: 20px;
}

.nabl-s-bbf394df {
	padding: 20px 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.nabl-s-871e537d {
	height: 30px;
}

.nabl-s-77bc08b3 {
	height: 30px;
	min-width: 150px;
}

.nabl-s-62173f68 {
	max-height: 40px;
	max-width: 40px;
	object-fit: contain;
}

.nabl-s-e73610c4 {
	width: 70px;
	text-align: center;
}

.nabl-s-14175304 {
	width: 140px;
}

.nabl-s-21b9fcfc {
	width: 180px;
}

.nabl-s-cd2372d7 {
	text-align: center;
	font-weight: 600;
	color: #64748b;
}

.nabl-s-c908e06f {
	font-weight: 500;
	color: #1e293b;
}

.nabl-s-47f08bed {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
}

.nabl-s-b4acfc8b {
	color: #1e293b;
	font-size: 1.6rem;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.nabl-s-a7cac501 {
	background: #f8fafc;
}

.nabl-s-f2eedadc {
	font-size: 1.1rem;
	margin-right: 5px;
}

.nabl-s-224b51a7 {
	display: none;
}

.nabl-s-689741c0 {
	display: block;
	margin-bottom: 8px;
}

.nabl-s-5dd1dfed {
	fill: #0079AF;
	display: inline-block;
	vertical-align: middle;
}

.nabl-s-57a71bef {
	margin-top: 6px;
}

.nabl-s-ce9018ea {
	display: none;
	background: #edf8f0;
	border: 1px solid #bbf7d0;
	color: #166534;
	padding: 16px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	font-size: 1rem;
	line-height: 1.5;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.nabl-s-77500968 {
	display: none;
	background: #fdf2f2;
	border: 1px solid #f8d7da;
	color: #bd2130;
	padding: 12px 15px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 0.95rem;
}

.nabl-s-19fae44a {
	display: block;
}

.nabl-s-7ba55e47 {
	margin-bottom: 0px;
}

.nabl-s-0f4a6159 {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.nabl-s-dea10636 {
	min-width: 32px;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #edf5fd;
	border-radius: 6px;
}

.nabl-s-db522b57 {
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

.nabl-s-10a0dc93 {
	margin-bottom: 5px;
	color: #64748b;
}

.nabl-s-9d03bd20 {
	padding-right: 45px;
}

.nabl-s-273b1323 {
	color: #64748b;
}

.nabl-s-ffbeea3c {
	margin-bottom: 25px;
}

.nabl-s-6b7d12cc {
	color: #0079AF;
	font-size: 1.05rem;
	display: inline-block;
	margin-top: 6px;
}

.nabl-s-f19c1d56 {
	font-size: 14px;
	margin-bottom: 15px;
}

.nabl-s-b5bafe1f {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	border: 1px solid #e2e8f0;
}

.nabl-s-fa6c8d0b {
	display: flex;
	align-items: center;
}

.nabl-s-009db9b8 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
}

.nabl-s-70795a9c {
	color: #0079AF;
	font-size: 18px;
	margin-left: 5px;
}

.nabl-s-0ed0e90f {
	display: flex;
	gap: 10px;
}

.nabl-s-918279fb {
	color: #b32d2e;
	border-color: #b32d2e;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.nabl-s-a32b6d3b {
	height: 30px;
	line-height: 30px;
}

.nabl-s-49ea3e0f {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	overflow: hidden;
}

.nabl-s-d4150cdd {
	width: 220px;
}

.nabl-s-5c2dc9e8 {
	width: 200px;
}

.nabl-s-b15addac {
	width: 120px;
}

.nabl-s-def66f30 {
	width: 90px;
	text-align: center;
}

.nabl-s-1225d0e9 {
	font-size: 13px;
	color: #475569;
}

.nabl-s-6f5022d2 {
	color: #1e293b;
	font-size: 13px;
}

.nabl-s-64319530 {
	color: #64748b;
	font-size: 12px;
}

.nabl-s-34f8271b {
	font-size: 12px;
	color: #334155;
}

.nabl-s-ca53dc89 {
	display: block;
	font-weight: 500;
}

.nabl-s-b0a47944 {
	background: #f1f5f9;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: 600;
	font-family: monospace;
	font-size: 11px;
}

.nabl-s-b09a8850 {
	font-size: 13px;
	color: #334155;
}

.nabl-s-12d3682d {
	background: #eff6ff;
	color: #1d4ed8;
	border: 1px solid #bfdbfe;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-family: monospace;
}

.nabl-s-fa53036a {
	color: #94a3b8;
	font-size: 13px;
}

.nabl-s-d89fe22f {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
	padding: 3px 8px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 12px;
}

.nabl-s-68902d91 {
	margin-top: 4px;
	font-size: 11px;
	color: #ef4444;
}

.nabl-s-cdd8ca06 {
	text-align: center;
}

.nabl-s-5913c9de {
	padding: 25px;
	text-align: center;
	color: #64748b;
	font-size: 14px;
}

.nabl-s-4650e7d8 {
	font-size: 14px;
	margin-bottom: 20px;
}

.nabl-s-5b2fa23e {
	margin-top: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-s-9f93259f {
	color: #46b450;
	font-size: 24px;
}

.nabl-s-4a6e5f7f {
	color: #dc3232;
	font-size: 24px;
}

.nabl-s-c8ed4598 {
	font-size: 14px;
	line-height: 1.6;
}

.nabl-s-8f7688a8 {
	background: #f8fafc;
	padding: 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 12px;
	overflow-x: auto;
	max-height: 200px;
}

.nabl-s-a275e596 {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.nabl-s-fd3eae4f {
	flex: 1;
	min-width: 600px;
}

.nabl-s-c966b365 {
	max-width: 100%;
	padding: 25px;
	margin-top: 0;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-b6131c23 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-s-610bd2f7 {
	color: #dc2626;
}

.nabl-s-83da5b30 {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 600px;
}

.nabl-s-956d0f20 {
	min-width: 70px;
}

.nabl-s-8d522480 {
	max-width: 100%;
	padding: 25px;
	margin-top: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-c9243182 {
	margin-top: 25px;
	display: flex;
	gap: 15px;
	align-items: center;
}

.nabl-s-0edf617a {
	flex: 0 0 350px;
}

.nabl-s-cea5e66a {
	max-width: 100%;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-dbe27d1d {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}

.nabl-s-b0473a88 {
	margin-bottom: 15px;
}

.nabl-s-3fbd23c6 {
	font-weight: 600;
	color: #475569;
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.nabl-s-453e3892 {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
}

.nabl-s-3b38ceb0 {
	margin-top: 6px;
	font-size: 11px;
	word-break: break-all;
}

.nabl-s-54d475de {
	background: #fffbebf;
	color: #b45309;
	border: 1px solid #fde68a;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
}

.nabl-s-9becc778 {
	margin: 5px 0 0 15px;
	font-size: 12px;
	color: #334155;
	list-style-type: disc;
}

.nabl-s-8b70e13c {
	max-width: 100%;
	padding: 20px;
	margin-top: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #f8fafc;
	border: 1px solid #e2e8f0;
}

.nabl-s-68587b37 {
	font-size: 14px;
	font-weight: 600;
	margin-top: 0;
	color: #1e293b;
}

.nabl-s-16ba193d {
	font-size: 12px;
	color: #475569;
	line-height: 1.5;
}

.nabl-s-6a2d5d68 {
	margin-bottom: 20px;
	font-weight: 700;
	color: #1d2327;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nabl-s-a21572e2 {
	font-size: 16px;
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-right: 4px;
}

.nabl-s-a7a8779b {
	margin-top: 25px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
	background: #fff;
	overflow: hidden;
}

.nabl-s-7b4ffcef {
	border-bottom: 1px solid #ccd0d4;
	padding: 16px 20px;
	background: #f6f7f7;
}

.nabl-s-91594a0a {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 600;
	color: #1d2327;
}

.nabl-s-76da0fb3 {
	padding: 24px;
	margin: 0;
}

.nabl-s-af200e3d {
	margin-bottom: 22px;
}

.nabl-s-0b5b0ca2 {
	display: block;
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: 8px;
	color: #1d2327;
}

.nabl-s-a0653e87 {
	margin-bottom: 22px;
	max-width: 250px;
}

.nabl-s-1ba772e3 {
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #8c8f94;
	width: 100%;
}

.nabl-s-2c086de6 {
	margin-top: 6px;
	color: #646970;
	font-style: italic;
}

.nabl-s-721d8005 {
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #8c8f94;
}

.nabl-s-3a822954 {
	margin-bottom: 22px;
	max-width: 500px;
}

.nabl-s-6db5a28d {
	background: #fdfdfd;
	border: 1px dashed #c3c4c7;
	padding: 15px;
	border-radius: 4px;
	display: inline-block;
	min-width: 250px;
}

.nabl-s-db117290 {
	font-weight: 600;
}

.nabl-s-882d559a {
	margin-bottom: 8px;
	max-width: 500px;
}

.nabl-s-d2958c4e {
	margin-top: 25px;
	display: flex;
	align-items: center;
}

.nabl-s-c0d4bb49 {
	background: #fff;
	padding: 20px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
	margin-top: 15px;
}

.nabl-s-be05b814 {
	border: none;
	box-shadow: none;
}

.nabl-s-e774cab9 {
	width: 50px;
	font-weight: 600;
	padding: 12px 10px;
}

.nabl-s-4fd38403 {
	width: 80px;
	font-weight: 600;
	padding: 12px 10px;
}

.nabl-s-110c2d4e {
	font-weight: 600;
	padding: 12px 10px;
}

.nabl-s-3f15cfe8 {
	width: 110px;
	font-weight: 600;
	padding: 12px 10px;
}

.nabl-s-d51bcac8 {
	width: 35%;
	font-weight: 600;
	padding: 12px 10px;
}

.nabl-s-64b09f31 {
	padding: 15px 10px;
	vertical-align: middle;
	font-weight: 600;
	color: #646970;
}

.nabl-s-b1c564c9 {
	padding: 10px;
	vertical-align: middle;
}

.nabl-s-93c31da9 {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	border: 1px dashed #ccd0d4;
	background: #f6f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #a7aaad;
}

.nabl-s-823371e4 {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.nabl-s-3814a069 {
	padding: 15px 10px;
	vertical-align: middle;
}

.nabl-s-6e47c6cb {
	font-size: 0.95rem;
}

.nabl-s-1ab01385 {
	margin-top: 4px;
	font-size: 0.85rem;
}

.nabl-s-e56feda2 {
	padding: 15px 10px;
	vertical-align: middle;
	font-weight: 600;
	color: #1d2327;
}

.nabl-s-c83387b6 {
	background: #f0f0f1;
	border: 1px solid #c3c4c7;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 0.85rem;
	display: inline-block;
}

.nabl-s-96862905 {
	padding: 15px 10px;
	vertical-align: middle;
	color: #50575e;
}

.nabl-s-5112f82a {
	padding: 15px 10px;
	vertical-align: middle;
	color: #50575e;
	font-family: monospace;
	font-size: 0.85rem;
}

.nabl-s-dcdb812d {
	font-weight: 600;
	font-size: 1.4rem;
	color: #1d2327;
	margin: 40px 0 15px;
	border-bottom: 1px solid #dcdcde;
	padding-bottom: 10px;
}

.nabl-s-4251d4b5 {
	max-width: 600px;
	background: #fff;
	padding: 22px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.nabl-s-72a35b11 {
	font-weight: 600;
	font-size: 1.05rem;
	display: block;
	margin-bottom: 10px;
	color: #1d2327;
}

.nabl-s-fb1bd08d {
	margin-top: 8px;
	color: #646970;
	font-style: italic;
}

.nabl-s-f22c9fcc {
	background: #fff;
	padding: 25px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
	max-width: 800px;
	margin-bottom: 30px;
}

.nabl-s-e2b74ba6 {
	margin: 0;
}

.nabl-s-8e1af2d3 {
	padding: 15px 10px 15px 0;
	width: 250px;
	font-weight: 600;
	color: #1d2327;
}

.nabl-s-13645851 {
	padding: 15px 10px;
}

.nabl-s-bfc3949a {
	padding: 6px 12px;
	font-size: 0.95rem;
	border-radius: 4px;
	border: 1px solid #8c8f94;
	width: 150px;
}

.nabl-s-205e4dd9 {
	margin-top: 8px;
	color: #646970;
}

.nabl-s-db5e1bf8 {
	padding: 15px 10px 15px 0;
	font-weight: 600;
	color: #1d2327;
}

.nabl-s-65364058 {
	padding: 6px 12px;
	font-size: 0.95rem;
	border-radius: 4px;
	border: 1px solid #8c8f94;
	width: 120px;
}

.nabl-s-bc9cee5c {
	margin-top: 30px;
}

.nabl-s-75f60c97 {
	cursor: grab;
	font-size: 20px;
	color: #b4b9be;
	user-select: none;
}

.nabl-s-08a0ed40 {
	text-align: right;
}

.nabl-s-d0def548 {
	opacity: 0.85;
}

.nabl-s-4b70d925 {
	background-color: #f0f6fc;
	border-left: 4px solid #72aee6;
	padding: 10px;
	margin: 10px 0;
}

.nabl-s-424cce00 {
	font-weight: bold;
}

.nabl-s-54a72192 {
	margin-bottom: 15px;
	max-width: 1000px;
}

.nabl-s-c25159cb {
	width: 150px;
}

.nabl-s-e3141199 {
	width: 130px;
}

.nabl-s-459fa5f4 {
	width: 90px;
}

.nabl-s-d4e6fb0e {
	margin-bottom: 5px;
	min-height: 40px;
}

.nabl-s-2b4b4f67 {
	text-align: center;
	vertical-align: middle;
}

.nabl-s-54c7a1ba {
	color: #d63638;
	border-color: #d63638;
}

.nabl-s-c6b1f0f8 {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 4px;
}

.nabl-s-7d701bf7 {
	max-width: 800px;
}

.nabl-s-457a410f {
	width: 100%;
	max-width: 600px;
}

.nabl-s-4b18e7e4 {
	margin-top: 25px;
}

.nabl-s-c8b47277 {
	border-left-color: #0c1e21;
}

.nabl-s-d652d4fc {
	color: #aaa;
}

.nabl-s-689163cc {
	padding: 20px 0;
}

.nabl-s-b9aa98cb {
	margin-bottom: 50px;
}

.nabl-s-56c00b60 {
	margin-bottom: 4px;
}

.nabl-s-4e6b5864 {
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.nabl-s-b5e872ec {
	font-size: 18px;
	width: 18px;
	height: 18px;
	line-height: 1;
}

.nabl-s-09ee589e {
	line-height: 1.7;
	font-size: 1rem;
	color: #555;
	margin-bottom: 20px;
}

.nabl-s-db3e5232 {
	height: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.nabl-s-67a0f681 {
	border-top: 0px solid #eee;
	background-color: transparent;
}

.nabl-s-b8af5863 {
	margin-bottom: 15px;
	max-width: 800px;
}

.nabl-s-010f060e {
	width: 50px;
	text-align: center;
}

.nabl-s-461c5b21 {
	width: 100px;
	text-align: center;
}

.nabl-s-ef4b0fdb {
	color: #ccc;
	border-color: #ccc;
}

.nabl-s-194b571d {
	margin-top: 20px;
}

.nabl-s-799a3e67 {
	margin-left: 0;
	margin-bottom: 20px;
}

.nabl-s-5b8f5750 {
	margin-left: 10px;
	color: #666;
	font-style: italic;
}

.nabl-s-a0be97f6 {
	background-color: #fff;
	border: 1px solid #ccd0d4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.nabl-s-8ecca844 {
	margin-top: 15px;
}

.nabl-s-fa35051b {
	width: 250px;
}

.nabl-s-6060e64d {
	width: 230px;
}

.nabl-s-683ede6d {
	width: 95px;
}

.nabl-s-e3d221c5 {
	width: 100px;
}

.nabl-s-a190bdb2 {
	width: 75px;
}

.nabl-s-ef4a245f {
	width: 170px;
}

.nabl-s-8d5675e4 {
	width: 80px;
	text-align: center;
}

.nabl-s-a24e5f32 {
	display: inline-block;
	padding: 2px 6px;
	background: #eff6ff;
	color: #1e40af;
	border: 1px solid #bfdbfe;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
}

.nabl-s-4e585edd {
	display: inline-block;
	padding: 2px 6px;
	background: #f0fdf4;
	color: #15803d;
	border: 1px solid #bbf7d0;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
}

.nabl-s-95038899 {
	display: inline-block;
	padding: 3px 7px;
	background: #e7f3fe;
	color: #0c5460;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
}

.nabl-s-31d7b11e {
	text-align: center;
	padding: 20px;
}

.nabl-s-fa742171 {
	display: none;
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	align-items: center;
	justify-content: center;
}

.nabl-s-c640fbc9 {
	background: #fff;
	width: 90%;
	max-width: 700px;
	max-height: 85vh;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.nabl-s-74a63633 {
	padding: 15px 20px;
	background: #0079AF;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nabl-s-28ae781a {
	margin: 0;
	color: #fff;
	font-size: 16px;
}

.nabl-s-822da08c {
	background: none;
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.nabl-s-605ea096 {
	padding: 20px;
	overflow-y: auto;
}

.nabl-s-c5be5534 {
	border: none;
}

.nabl-s-64fa8f47 {
	width: 160px;
}

.nabl-s-baa69c40 {
	color: #0079AF;
}

.nabl-s-8906a559 {
	margin-right: 6px;
	margin-bottom: 4px;
	background: #f59e0b;
	color: #1f2937;
	border-color: #d97706;
	font-weight: 600;
}

.nabl-s-d883ba9a {
	margin-top: 20px;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-1598ba78 {
	margin-top: 0;
	font-size: 18px;
	color: #0079AF;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.nabl-s-3d1f6b96 {
	vertical-align: middle;
}

.nabl-s-49f57cfc {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 15px;
	margin-top: 15px;
}

.nabl-s-97cbf43e {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
}

.nabl-s-21581359 {
	font-size: 13px;
	color: #64748b;
	font-weight: 600;
	text-transform: uppercase;
}

.nabl-s-c082eab6 {
	font-size: 26px;
	font-weight: bold;
	color: #0f172a;
	margin-top: 5px;
}

.nabl-s-d5a21392 {
	font-size: 12px;
	color: #008a20;
	margin-top: 4px;
}

.nabl-s-12204f2b {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
}

.nabl-s-1b794285 {
	font-size: 13px;
	color: #166534;
	font-weight: 600;
	text-transform: uppercase;
}

.nabl-s-89c03435 {
	font-size: 26px;
	font-weight: bold;
	color: #15803d;
	margin-top: 5px;
}

.nabl-s-cec44ef9 {
	font-size: 12px;
	color: #166534;
	margin-top: 4px;
}

.nabl-s-967983eb {
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
}

.nabl-s-35b158ee {
	font-size: 13px;
	color: #1e40af;
	font-weight: 600;
	text-transform: uppercase;
}

.nabl-s-86d09076 {
	font-size: 26px;
	font-weight: bold;
	color: #2563eb;
	margin-top: 5px;
}

.nabl-s-a8239321 {
	font-size: 12px;
	color: #1e40af;
	margin-top: 4px;
}

.nabl-s-c8b72889 {
	background: #fefce8;
	border: 1px solid #fef08a;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
}

.nabl-s-82ecc36b {
	font-size: 13px;
	color: #854d0e;
	font-weight: 600;
	text-transform: uppercase;
}

.nabl-s-14d2238a {
	font-size: 26px;
	font-weight: bold;
	color: #a16207;
	margin-top: 5px;
}

.nabl-s-d8bfe887 {
	font-size: 12px;
	color: #854d0e;
	margin-top: 4px;
}

.nabl-s-ec216ac5 {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.nabl-s-3cb89dd2 {
	flex: 1;
	min-width: 360px;
	padding: 22px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
	border-top: 4px solid #0079AF;
}

.nabl-s-dc8aa9e2 {
	color: #475569;
	font-size: 13px;
}

.nabl-s-5c6eeece {
	display: none;
	padding: 10px 15px;
	margin-bottom: 15px;
	border-radius: 4px;
}

.nabl-s-352d4254 {
	width: 100%;
	text-align: center;
	height: 42px;
	line-height: 40px;
}

.nabl-s-ad7ce886 {
	vertical-align: middle;
	margin-right: 5px;
}

.nabl-s-2f125ad6 {
	margin-top: 20px;
	font-size: 14px;
	color: #334155;
	border-bottom: 1px solid #f1f5f9;
	padding-bottom: 6px;
}

.nabl-s-db63dfff {
	border: none;
	margin-top: 10px;
}

.nabl-s-fc2a2089 {
	color: #008a20;
	font-weight: bold;
}

.nabl-s-61bb5619 {
	color: #2271b1;
	font-weight: bold;
}

.nabl-s-b4615c93 {
	color: #d63638;
	font-weight: bold;
}

.nabl-s-8ad51ba8 {
	color: #646970;
}

.nabl-s-993c55f0 {
	color: #008a20;
}

.nabl-s-60575e28 {
	color: #2271b1;
}

.nabl-s-d114d319 {
	color: #64748b;
}

.nabl-s-99323bde {
	color: #d63638;
}

.nabl-s-00e9642b {
	margin-top: 15px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
	font-size: 12px;
	color: #646970;
}

.nabl-s-13872de1 {
	flex: 1;
	min-width: 360px;
	padding: 22px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
	border-top: 4px solid #15803d;
}

.nabl-s-d37073f0 {
	margin-top: 0;
	font-size: 18px;
	color: #15803d;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.nabl-s-c4ee033a {
	width: 100%;
	text-align: center;
	height: 42px;
	line-height: 40px;
	background: #15803d;
	border-color: #166534;
}

.nabl-s-66f7185b {
	margin-top: 25px;
	padding: 22px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-85424bb6 {
	margin-top: 0;
	font-size: 18px;
	color: #1e293b;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.nabl-s-8a60014e {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 15px;
	margin-top: 15px;
}

.nabl-s-dd091b76 {
	font-size: 13px;
	color: #0f172a;
}

.nabl-s-6e905fee {
	display: block;
	padding: 8px 12px;
	background: #0f172a;
	color: #38bdf8;
	border-radius: 4px;
	margin-top: 4px;
	font-size: 12px;
	word-break: break-all;
}

.nabl-s-bfe0d520 {
	font-size: 13px;
	color: #15803d;
}

.nabl-s-5fd34d18 {
	display: block;
	padding: 8px 12px;
	background: #0f172a;
	color: #4ade80;
	border-radius: 4px;
	margin-top: 4px;
	font-size: 12px;
	word-break: break-all;
}

.nabl-s-0bdcff79 {
	max-width: 850px;
	padding: 25px;
	margin-top: 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.nabl-s-fc8b397e {
	margin-top: 20px;
	color: #0079AF;
	border-bottom: 2px solid #e2e8f0;
	padding-bottom: 8px;
}

.nabl-s-2144e13a {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 550px;
}

.nabl-s-c93775af {
	height: 35px;
	min-width: 70px;
}

.nabl-s-86b6ffbf {
	margin-top: 30px;
	color: #15803d;
	border-bottom: 2px solid #e2e8f0;
	padding-bottom: 8px;
}

.nabl-s-62099905 {
	margin-top: 30px;
	color: #334155;
	border-bottom: 2px solid #e2e8f0;
	padding-bottom: 8px;
}

.nabl-s-0d2bd82c {
	width: 100%;
	max-width: 550px;
}

.nabl-s-a2b9d181 {
	min-width: 280px;
	height: 35px;
	border-radius: 4px;
}

.nabl-s-41ab416f {
	background-color: #f0f6fc;
	border-left: 4px solid #72aee6;
	padding: 15px;
	margin: 15px 0;
	border-radius: 4px;
}

.nabl-s-3301ea9e {
	margin-bottom: 10px;
}

.nabl-s-0ef1df62 {
	font-size: 15px;
	background: #fff;
	padding: 4px 10px;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
}

.nabl-s-33d489bf {
	margin-left: 10px;
	color: #475569;
	font-size: 13px;
}

.nabl-s-8c0e98df {
	flex: 1;
	min-width: 300px;
	padding: 20px;
	border-radius: 8px;
	background: #fff;
}

.nabl-s-8520b1a5 {
	margin-top: 0;
	color: #0079AF;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.nabl-s-66410d66 {
	font-size: 16px;
	color: #0079AF;
	font-weight: bold;
}

.nabl-s-360b6b05 {
	margin-top: 0;
	color: #d97706;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.nabl-s-c4c0399d {
	padding: 10px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 6px;
	color: #166534;
	font-weight: 500;
}

.nabl-s-6517f19a {
	padding: 10px;
	background: #fffbeb;
	border: 1px solid #fef3c7;
	border-radius: 6px;
	color: #92400e;
}

.nabl-s-c7789c6d {
	margin-top: 20px;
	padding: 25px;
	border-radius: 8px;
	background: #fff;
}

.nabl-s-ae1f13b3 {
	width: 50px;
}

.nabl-s-8600d4ab {
	margin-bottom: 25px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	overflow: hidden;
}

.nabl-s-d683ff3f {
	background: #0079AF;
	color: #fff;
	padding: 12px 18px;
	font-weight: bold;
	font-size: 16px;
}

.nabl-s-d4b8f5d4 {
	padding: 15px 20px;
	background: #f8fafc;
}

.nabl-s-2703194e {
	margin-bottom: 15px;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

.nabl-s-948e6d6e {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nabl-s-151a8ee1 {
	color: #1e293b;
	font-size: 14px;
}

.nabl-s-88479377 {
	font-size: 11px;
	background: #e0f2fe;
	color: #0369a1;
	padding: 2px 8px;
	border-radius: 4px;
}

.nabl-s-3ff9a295 {
	margin-top: 10px;
	padding-left: 10px;
	border-left: 2px solid #e2e8f0;
}

.nabl-s-0d473a93 {
	font-size: 12px;
	color: #64748b;
	margin-bottom: 5px;
}

.nabl-s-f2470a10 {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.nabl-s-d071b20b {
	font-size: 10px;
	color: #b45309;
}

.nabl-s-a98bfc60 {
	color: #004b87;
	font-weight: 600;
}

.nabl-s-cece63ac {
	font-size: 10px;
	color: #10b981;
}

.nabl-s-735430bb {
	font-size: 12px;
	color: #64748b;
	margin: 0 6px;
}

.nabl-s-c0e1e5da {
	display: inline-block;
	font-weight: normal;
	margin-right: 15px;
}

.nabl-s-73dac78a {
	display: inline-block;
	font-weight: normal;
}

.nabl-s-240e27bd {
	cursor: move;
	color: #999;
}

.nabl-s-cce59e6a {
	cursor: move;
	color: #999;
	font-size: 18px;
}

.nabl-s-16195e27 {
	width: 50px;
	height: 50px;
	background: #f0f0f1;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ccc;
}

.nabl-s-5a22769a {
	background: #fef2f2;
	color: #b91c1c;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.nabl-s-2a23105c {
	background: #f0fdf4;
	color: #15803d;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.nabl-s-470671df {
	color: #94a3b8;
}

.nabl-s-52c521da {
	background: #e0f2fe;
	color: #0369a1;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.nabl-s-3c7190bb {
	background: #fef3c7;
	color: #92400e;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.nabl-s-6f0bc19c {
	max-width: 680px;
	padding: 25px;
	margin-top: 20px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #fff;
}

.nabl-s-569cae73 {
	font-size: 1.3rem;
	margin-top: 0;
	color: #1e293b;
}

.nabl-s-95798da1 {
	padding: 15px 0;
	font-weight: 600;
	color: #334155;
	width: 240px;
}

.nabl-s-c68ce297 {
	padding: 15px 0;
}

.nabl-s-fa8b06bd {
	margin-top: 8px;
	color: #64748b;
}

.nabl-s-4a5dc9f2 {
	border-radius: 6px;
	padding: 4px 14px;
	font-weight: 500;
}

.nabl-s-402e886d {
	margin-top: 10px;
	color: #64748b;
	line-height: 1.5;
}

.nabl-s-f3e7c385 {
	margin-top: 12px;
	padding: 10px;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
}

.nabl-s-afbb45ef {
	margin: 0 0 6px 0;
	font-size: 11px;
	font-weight: 600;
	color: #475569;
}

.nabl-s-c623550f {
	margin: 6px 0 0 0;
	font-size: 11px;
	color: #64748b;
	font-style: italic;
}

.nabl-s-68f197c6 {
	margin-top: 8px;
	font-size: 11px;
	color: #64748b;
	font-style: italic;
}

.nabl-s-a4b5302b {
	width: 100%;
	max-width: 200px;
}

.nabl-s-8d0254d7 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	cursor: pointer;
	user-select: none;
}

.nabl-s-7002f9ca {
	margin-bottom: 20px;
}

.nabl-s-4f019eaf {
	background: #f9f9f9;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 15px 20px;
	margin-bottom: 25px;
}

.nabl-s-ce122ef4 {
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e8f0;
	color: #0079af;
	font-size: 1.1em;
}

.nabl-s-88aa25c3 {
	margin-top: 0;
}

.nabl-s-2e2a9853 {
	margin-bottom: 15px;
	max-width: 900px;
}

.nabl-s-a847c5d1 {
	cursor: move;
	text-align: center;
	vertical-align: middle;
}

.nabl-s-c58d5bea {
	margin-bottom: 10px;
}

.nabl-s-c35b1719 {
	margin-right: 20px;
}

.nabl-s-1ee8024e {
	width: 100%;
	max-width: 600px;
	font-family: monospace;
}

.nabl-s-310d3a6b {
	width: 55%;
	vertical-align: top;
}

.nabl-s-41bf0a6c {
	width: 22.5%;
	vertical-align: top;
}

.nabl-s-77b6f4e4 {
	vertical-align: top;
}

.nabl-s-70f72880 {
	width: 45%;
	vertical-align: top;
}

.nabl-s-50b039c5 {
	width: 6%;
	text-align: center;
}

.nabl-s-1bef2242 {
	width: 44%;
}

.nabl-s-13863b84 {
	width: 10%;
	text-align: center;
}

.nabl-s-45769bfe {
	width: 8%;
	text-align: center;
}

.nabl-s-fbe4527d {
	width: 8%;
	text-align: right;
}

.nabl-s-659522f4 {
	width: 10%;
	text-align: right;
}

.nabl-s-11ad7a6a {
	text-align: center;
	vertical-align: top;
}

.nabl-s-2d82e826 {
	margin-top: 2px;
	font-weight: 600;
}

.nabl-s-b43561c1 {
	font-size: 9.5px;
	color: #475569;
	margin-top: 2px;
}

.nabl-s-f01dbd22 {
	text-align: right;
	vertical-align: top;
}

.nabl-s-fdcbcdc2 {
	text-align: right;
	font-weight: 700;
	vertical-align: top;
}

.nabl-s-7851dbc0 {
	text-align: right;
}

.nabl-s-e225c700 {
	text-align: right;
	font-weight: 700;
}

.nabl-s-96ffd6a3 {
	text-align: right;
	font-weight: 700;
	padding: 6px 8px;
}

.nabl-s-3c150299 {
	text-align: right;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 8px;
}

.nabl-s-48dcdfea {
	font-size: 11px;
	font-weight: 700;
	color: #000;
}

.nabl-s-9be79f68 {
	float: right;
	font-weight: 700;
}

.nabl-s-054cf38a {
	width: 60%;
	vertical-align: top;
}

.nabl-s-28d1f7b9 {
	font-style: italic;
}

.nabl-s-f029e1e4 {
	font-size: 9.5px;
	line-height: 1.35;
	margin-top: 6px;
}

.nabl-s-75343db7 {
	width: 40%;
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 8px;
}

.nabl-s-0bac8db2 {
	height: 45px;
}

.nabl-s-4ea9b25e {
	text-align: center;
	margin-top: 6px;
	font-size: 9.5px;
	color: #475569;
	font-style: italic;
}

.nabl-s-5835bfb9 {
	padding-top: 10px;
}

.nabl-s-2ec309c4 {
	margin-top: 6px;
	color: #475569;
	font-size: 13px;
}

.nabl-s-d7b9226e {
	vertical-align: middle;
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.nabl-s-953d7439 {
	width: 35px;
	text-align: center;
}

.nabl-s-902c6d16 {
	width: 60px;
}

.nabl-s-588c2dd8 {
	width: 80px;
}

.nabl-s-3e280fa7 {
	width: 110px;
}

.nabl-s-f012b202 {
	width: 210px;
	text-align: right;
}

.nabl-s-ed913dda {
	text-align: center;
	padding: 30px;
}

.nabl-s-fc6b4fc9 {
	margin: 0;
	color: #646970;
	font-size: 14px;
}

.nabl-s-a66fbb02 {
	color: #a7aaad;
}

.nabl-s-b9daa444 {
	max-width: 1050px;
	margin-top: 20px;
}

.nabl-s-39476292 {
	font-size: 24px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.nabl-s-a681edb6 {
	font-size: 28px;
	width: 28px;
	height: 28px;
	color: #0079AF;
}

.nabl-s-7d8f9089 {
	margin-bottom: 24px;
	font-size: 14px;
	color: #64748b;
}

.nabl-s-de259fe1 {
	border-left-color: #166534;
	padding: 10px 15px;
}

.nabl-s-71c27187 {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	padding: 25px 30px;
	margin-bottom: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.nabl-s-e31b53cd {
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
	margin-top: 0;
	margin-bottom: 6px;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 12px;
}

.nabl-s-25cb8a6a {
	color: #ef4444;
}

.nabl-s-05d7b7c8 {
	width: 100%;
	font-family: monospace;
	font-size: 13px;
	line-height: 1.5;
}

.nabl-s-00535ab8 {
	margin-top: 14px;
	background: #f8fafc;
	padding: 14px 18px;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	font-size: 12.5px;
	color: #334155;
	line-height: 1.6;
}

.nabl-s-743d48d0 {
	color: #0f172a;
}

.nabl-s-d3277930 {
	margin-bottom: 16px;
}

.nabl-s-8075641a {
	height: 36px;
	border-radius: 6px;
}

.nabl-s-ec9f9058 {
	color: #166534;
	font-weight: 600;
}

.nabl-s-6f5a5309 {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #e2e8f0;
}

.nabl-s-9e1f18d4 {
	padding: 16px 20px;
	background: #f8fafc;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
}

.nabl-s-54048612 {
	margin: 0 0 10px 0;
	font-size: 14.5px;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-s-7b754eef {
	margin-bottom: 12px;
}

.nabl-s-bc11df51 {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.nabl-s-824dd044 {
	height: 38px;
	font-weight: 600;
}

.nabl-s-5dd756bd {
	display: inline-block;
	margin-top: 10px;
	font-weight: 600;
	font-size: 13.5px;
}

.nabl-s-db67d633 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

.nabl-s-b1ea2d57 {
	font-weight: 700;
	font-size: 14px;
	color: #1e293b;
	display: block;
	margin-bottom: 6px;
}

.nabl-s-5fdbef32 {
	width: 100%;
	max-width: 550px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
	font-weight: 600;
}

.nabl-s-1f7d3ccb {
	margin-top: 4px;
	color: #64748b;
}

.nabl-s-f0651931 {
	color: #166534;
	font-weight: 600;
}

.nabl-s-d539692b {
	width: 100%;
	max-width: 450px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
}

.nabl-s-408a498f {
	color: #166534;
	font-weight: 600;
	margin-top: 4px;
}

.nabl-s-c02afe71 {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 16px 20px;
}

.nabl-s-2cb360f4 {
	font-weight: 700;
	font-size: 14px;
	color: #0f172a;
	display: block;
	margin-bottom: 6px;
}

.nabl-s-db24b122 {
	font-size: 13px;
	color: #475569;
	margin: 0 0 10px 0;
}

.nabl-s-99b1a779 {
	margin-top: 15px;
	border-top: 2px dashed #cbd5e1;
	padding-top: 22px;
}

.nabl-s-6db8de6d {
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nabl-s-88647570 {
	font-size: 24px;
	width: 24px;
	height: 24px;
	color: #0079AF;
}

.nabl-s-3161b7e5 {
	margin-bottom: 20px;
	font-size: 13.5px;
	color: #64748b;
}

.nabl-s-7f29f1cd {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	cursor: pointer;
	color: #334155;
}

.nabl-s-2c78f652 {
	color: #0284c7;
	font-weight: 600;
}

.nabl-s-72507485 {
	width: 100%;
	max-width: 550px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
}

.nabl-s-2a73cbee {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px solid #e2e8f0;
}

.nabl-s-b580db58 {
	height: 42px;
	padding: 0 28px;
	font-size: 14px;
	font-weight: 700;
	background: #0079AF;
	border-color: #0079AF;
}

.nabl-s-da435484 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 20px;
}

.nabl-s-987e22b4 {
	font-size: 24px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 6px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.nabl-s-b6d4e296 {
	margin: 0;
	font-size: 14px;
	color: #64748b;
}

.nabl-s-0ea32e69 {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.nabl-s-491aff84 {
	height: 38px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
}

.nabl-s-7000810b {
	height: 38px;
	background: #0079AF;
	border-color: #0079AF;
}

.nabl-s-c3a54af5 {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.nabl-s-3e0512b1 {
	border: none;
}

.nabl-s-a2ffb71a {
	text-align: center;
	padding: 30px;
	color: #64748b;
}

.nabl-s-e25e35de {
	color: #64748b;
	font-weight: 600;
}

.nabl-s-48323972 {
	font-size: 12.5px;
	color: #64748b;
}

.nabl-s-54ee0c5f {
	font-size: 13px;
	color: #1e293b;
}

.nabl-s-aaba42de {
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

.nabl-s-657d4550 {
	color: #cbd5e1;
}

.nabl-s-f983ae82 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	align-items: center;
	justify-content: center;
}

.nabl-s-711a6308 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
}

.nabl-s-49322bba {
	position: relative;
	background: #ffffff;
	width: 90%;
	max-width: 600px;
	max-height: 80vh;
	border-radius: 10px;
	overflow-y: auto;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	padding: 25px 30px;
}

.nabl-s-1a50de70 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 12px;
	margin-bottom: 16px;
}

.nabl-s-3e789521 {
	margin: 0;
	font-size: 16px;
	color: #0f172a;
}

.nabl-s-a82a1cf8 {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #64748b;
}

.nabl-s-e59833c9 {
	background: #0f172a;
	color: #f8fafc;
	padding: 15px;
	border-radius: 6px;
	font-size: 12px;
	overflow-x: auto;
	white-space: pre-wrap;
	word-break: break-all;
}

.nabl-s-d90bc2e9 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 22px;
}

.nabl-s-35117f9e {
	background: #e0f2fe;
	color: #0284c7;
}

.nabl-s-64489ecf {
	color: #166534;
}

.nabl-s-69b69678 {
	background: #dcfce7;
	color: #16a34a;
}

.nabl-s-09b2a045 {
	color: #92400e;
}

.nabl-s-c2a1b609 {
	color: #b45309;
}

.nabl-s-e626a466 {
	background: #fef3c7;
	color: #d97706;
}

.nabl-s-6655d527 {
	color: #991b1b;
}

.nabl-s-f40f057f {
	background: #fee2e2;
	color: #dc2626;
}

.nabl-s-0726bb38 {
	max-width: 280px;
	width: 100%;
}

.nabl-s-3c003dbc {
	min-width: 170px;
}

.nabl-s-84954e76 {
	background: #0079AF;
	border-color: #0079AF;
}

.nabl-s-8157c9f4 {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.nabl-s-386feac2 {
	font-size: 15px;
	width: 15px;
	height: 15px;
}

.nabl-s-c38fbfa6 {
	width: 4%;
	text-align: center;
}

.nabl-s-3a49f437 {
	width: 8%;
}

.nabl-s-183d65d8 {
	width: 17.5%;
}

.nabl-s-f151eac5 {
	width: 7.5%;
	text-align: right;
}

.nabl-s-64f9647d {
	width: 10.5%;
}

.nabl-s-1c30ab94 {
	width: 10%;
}

.nabl-s-1762ac36 {
	width: 17%;
	text-align: center;
}

.nabl-s-1bcae5f4 {
	text-align: center;
	padding: 40px 20px;
	color: #64748b;
}

.nabl-s-8ce4023c {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 6px;
}

.nabl-s-e65e5415 {
	margin: 0;
	font-size: 13px;
	color: #94a3b8;
}

.nabl-s-59ef985b {
	font-weight: 600;
	color: #1e293b;
	font-size: 12px;
	white-space: nowrap;
}

.nabl-s-b839b49a {
	font-size: 11px;
	color: #64748b;
	margin-top: 1px;
	white-space: nowrap;
}

.nabl-s-7f1428bb {
	font-weight: 400;
	font-size: 11.5px;
	color: #64748b;
}

.nabl-s-d5fa11bd {
	font-size: 11.5px;
	color: #475569;
	line-height: 1.4;
}

.nabl-s-eff43d86 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nabl-s-43ba9aaf {
	color: #64748b;
	margin-top: 1px;
	white-space: nowrap;
}

.nabl-s-10e39c51 {
	font-size: 12px;
	width: 12px;
	height: 12px;
	vertical-align: -1px;
	color: #94a3b8;
}

.nabl-s-8e3a7976 {
	font-size: 12px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	flex-shrink: 0;
}

.nabl-s-bbfde477 {
	font-size: 11px;
	color: #94a3b8;
	margin-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nabl-s-a1f46f75 {
	text-transform: capitalize;
}

.nabl-s-0e7df56a {
	font-weight: 700;
	color: #0f172a;
	font-size: 13px;
	white-space: nowrap;
}

.nabl-s-0ca9e6e0 {
	font-size: 10px;
	color: #64748b;
	white-space: nowrap;
	margin-top: 1px;
}

.nabl-s-a2371c7e {
	font-size: 13.5px;
	color: #334155;
	line-height: 1.6;
}

.nabl-s-1904dac7 {
	justify-content: space-between;
}

.nabl-s-515f0716 {
	font-size: 13px;
	font-weight: 600;
}

.nabl-s-13262f5a {
	display: flex;
	gap: 8px;
}

.nabl-s-80ac6aa7 {
	display: none;
	color: #0079AF;
	border-color: #0079AF;
}

.nabl-s-e1e6efa1 {
	max-width: 480px;
	text-align: center;
}

.nabl-s-01bd719e {
	border-bottom: 1px solid #f1f5f9;
	padding: 16px 20px;
}

.nabl-s-fa26e5fd {
	width: 100%;
	justify-content: center;
	text-align: center;
}

.nabl-s-9ad058bf {
	background: #e0f2fe;
	color: #0079AF;
}

.nabl-s-102b7f89 {
	text-align: left;
}

.nabl-s-beab5831 {
	font-size: 16px;
}

.nabl-s-313fcc13 {
	padding: 28px 24px 26px;
}

.nabl-s-587de45a {
	margin: 0 auto 20px;
	width: 56px;
	height: 56px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nabl-s-0ce291a3 {
	width: 56px;
	height: 56px;
	border: 4px solid #e0f2fe;
	border-top-color: #0079AF;
	border-radius: 50%;
	animation: nabl-spin-anim 0.9s linear infinite;
	box-sizing: border-box;
}

.nabl-s-952e4456 {
	position: absolute;
	font-size: 22px;
	width: 22px;
	height: 22px;
	color: #0079AF;
	animation: nabl-spin-anim 1.8s linear infinite reverse;
}

.nabl-s-9ab228ca {
	margin: 0 0 8px 0;
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
}

.nabl-s-b0d5f4f3 {
	margin: 0 0 16px 0;
	font-size: 13.5px;
	color: #475569;
	line-height: 1.55;
}

.nabl-s-4ea341f6 {
	display: none;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 12.5px;
	color: #334155;
	text-align: left;
	line-height: 1.6;
}

.nabl-s-952640c5 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}

.nabl-s-58e548bd {
	display: flex;
	justify-content: space-between;
}

.nabl-s-3967c38e {
	background: #e2e8f0;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 11.5px;
	color: #0079AF;
}

.nabl-s-0bba72c7 {
	margin: 16px 0 0 0;
	font-size: 12px;
	color: #94a3b8;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.nabl-s-cc6c2ca9 {
	font-size: 14px;
	width: 14px;
	height: 14px;
	color: #94a3b8;
}

.nabl-s-0603de6b {
	width: 35%;
	font-weight: 600;
}

.nabl-s-a5d2baa1 {
	font-weight: 600;
}

.nabl-s-976192e5 {
	font-weight: 700;
	color: #166534;
}

.nabl-s-7dfaaad0 {
	font-size: 13px;
	width: 13px;
	height: 13px;
	line-height: 1.2;
	vertical-align: text-top;
}

.nabl-s-e4b00a42 {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 14px;
}

.nabl-s-eddb74ca {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #166534;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 6px;
}

.nabl-s-c43c814c {
	font-size: 18px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.nabl-s-534bcf8e {
	color: #166534;
	font-size: 13px;
	line-height: 1.5;
}

.nabl-s-e50f0daa {
	margin-top: 8px;
	font-size: 12px;
	color: #15803d;
}

.nabl-s-fd7e06f5 {
	background: #dcfce7;
	padding: 2px 6px;
	border-radius: 4px;
}

.nabl-s-5f80b65d {
	font-size: 12.5px;
	color: #64748b;
	line-height: 1.5;
}

.nabl-s-8d26842f {
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 14px;
}

.nabl-s-22dfc222 {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #92400e;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 6px;
}

.nabl-s-462e025b {
	color: #92400e;
	font-size: 13px;
	line-height: 1.5;
}

.nabl-s-d8f1b5f3 {
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 8px;
	padding: 14px 16px;
}

.nabl-s-cc90fe07 {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #991b1b;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 6px;
}

.nabl-s-11798fc1 {
	color: #991b1b;
	font-size: 13px;
	line-height: 1.5;
}

.nabl-s-e00ea362 {
	max-width: 680px;
	margin: 30px auto;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	border: 2px solid #0079AF;
}

.nabl-s-9ad2223e {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 24px;
	background: #f0f9ff;
	border-bottom: 2px solid #bae6fd;
	gap: 15px;
}

.nabl-s-c99770fa {
	flex-shrink: 0;
}

.nabl-s-b282c893 {
	text-align: center;
	flex-grow: 1;
}

.nabl-s-7e747e7c {
	font-size: 14px;
	font-weight: 800;
	color: #0079AF;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.nabl-s-7eae29a9 {
	font-size: 11px;
	font-weight: 600;
	color: #0369a1;
	margin-top: 3px;
}

.nabl-s-35205c21 {
	padding: 24px 30px;
}

.nabl-s-c9b4058f {
	background: #eff6ff;
	border-left: 4px solid #3b82f6;
	padding: 14px 18px;
	border-radius: 0 8px 8px 0;
	margin-bottom: 20px;
	font-size: 13.5px;
	color: #1e40af;
	line-height: 1.5;
}

.nabl-s-06083281 {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #334155;
	margin-bottom: 24px;
}

.nabl-s-09e3bb33 {
	padding: 10px 0;
	font-weight: 600;
	color: #64748b;
}

.nabl-s-123c09fa {
	padding: 10px 0;
	text-align: right;
	font-family: monospace;
	font-weight: 700;
	color: #0284c7;
}

.nabl-s-0870741c {
	padding: 10px 0;
	text-align: right;
	font-weight: 600;
	color: #0f172a;
}

.nabl-s-b0ec8ad1 {
	padding: 10px 0;
	text-align: right;
	font-weight: 800;
	color: #166534;
	font-size: 16px;
}

.nabl-s-578b24de {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.nabl-s-c76c51a1 {
	width: 100%;
	height: 44px;
	background: #166534;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.nabl-s-65d053d3 {
	width: 100%;
	height: 42px;
	background: #991b1b;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13.5px;
	cursor: pointer;
}

.nabl-s-a4211628 {
	width: 100%;
	height: 40px;
	background: #f1f5f9;
	color: #475569;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
}

.nabl-s-e5ae6457 {
	max-width: 680px;
	margin: 30px auto;
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	border: 1px solid #cbd5e1;
}

.nabl-s-dab69bd9 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 24px;
	background: #ffffff;
	border-bottom: 2px solid #e2e8f0;
	gap: 15px;
}

.nabl-s-09a7cf12 {
	font-size: 13.5px;
	font-weight: 800;
	color: #0079AF;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 1.2;
}

.nabl-s-3d179150 {
	font-size: 11px;
	font-weight: 600;
	color: #475569;
	margin-top: 3px;
}

.nabl-s-e868f340 {
	background: #166534;
	color: #ffffff;
	padding: 24px 30px;
	text-align: center;
}

.nabl-s-9a2f9cf3 {
	font-size: 32px;
	margin-bottom: 6px;
}

.nabl-s-269a600a {
	font-size: 22px;
	font-weight: 800;
	margin: 0;
	color: #ffffff;
}

.nabl-s-ca25d769 {
	font-size: 14px;
	color: #bbf7d0;
	margin: 6px 0 0 0;
}

.nabl-s-7cea880d {
	padding: 30px;
}

.nabl-s-d0f07bc8 {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	padding: 14px 18px;
	margin-bottom: 22px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	text-align: left;
}

.nabl-s-94fe5622 {
	font-size: 22px;
	line-height: 1;
	color: #16a34a;
}

.nabl-s-26f244c6 {
	font-size: 13.5px;
	color: #166534;
	line-height: 1.5;
}

.nabl-s-a99c2c45 {
	font-size: 12px;
	color: #4b5563;
}

.nabl-s-284193b9 {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #334155;
}

.nabl-s-8591d01d {
	padding: 10px 0;
	text-align: right;
	font-weight: 700;
	color: #0079AF;
}

.nabl-s-229a4774 {
	padding: 10px 0;
	text-align: right;
	font-weight: 600;
	color: #0f172a;
	max-width: 380px;
}

.nabl-s-0f4e3f72 {
	padding: 10px 0;
	text-align: right;
	font-weight: 700;
	color: #0284c7;
}

.nabl-s-7b66e3e5 {
	padding: 10px 0;
	text-align: right;
	font-family: monospace;
	font-size: 13px;
	color: #475569;
}

.nabl-s-e31a10d0 {
	padding: 10px 0;
	text-align: right;
}

.nabl-s-7145aba0 {
	background: #dcfce7;
	color: #166534;
	font-weight: 700;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 9999px;
	text-transform: uppercase;
}

.nabl-s-e42acbd7 {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}

.nabl-s-f6e73656 {
	background: #0079AF;
	color: #ffffff;
	border: none;
	padding: 10px 24px;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
}

.nabl-s-a29a7cb8 {
	background: #991b1b;
	color: #ffffff;
	padding: 24px 30px;
	text-align: center;
}

.nabl-s-6f0be5bc {
	font-size: 14px;
	color: #fca5a5;
	margin: 8px 0 0 0;
	line-height: 1.5;
}

.nabl-s-f089e144 {
	padding: 16px 30px;
	background: #fff5f5;
	border-bottom: 1px solid #fee2e2;
}

.nabl-s-4405d984 {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	color: #334155;
}

.nabl-s-10acba4e {
	padding: 5px 0;
	font-weight: 600;
	color: #64748b;
}

.nabl-s-b0aea774 {
	padding: 5px 0;
	text-align: right;
	font-weight: 700;
	color: #0079AF;
}

.nabl-s-89d38938 {
	padding: 5px 0;
	text-align: right;
	font-weight: 600;
	color: #0f172a;
	max-width: 380px;
}

.nabl-s-6f9325ea {
	padding: 5px 0;
	text-align: right;
	font-family: monospace;
	color: #475569;
}

.nabl-s-b09641e6 {
	padding: 24px;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.nabl-s-ad6a2f58 {
	max-width: 650px;
	margin: 40px auto;
	padding: 45px 30px;
}

.nabl-s-23376686 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #1e293b;
	margin-top: 0;
	margin-bottom: 12px;
}

.nabl-s-5a0c6ac9 {
	font-size: 0.95rem;
	color: #64748b;
	margin-bottom: 24px;
	line-height: 1.6;
}

.nabl-s-fa02071b {
	display: none;
	margin-top: 10px;
}

.nabl-s-d18ae29c {
	font-size: 1.05rem;
	font-weight: 700;
	color: #15803d;
	margin-bottom: 6px;
}

.nabl-s-582a2e86 {
	font-size: 0.95rem;
	color: #334155;
}

.nabl-s-fdcf6c3c {
	border-left-color: #e65100;
}

.nabl-s-4f6a7c6c {
	margin: 0.5em 0;
}

.nabl-s-8bd63bb7 {
	margin-left: 15px;
	color: #666;
}

.nabl-s-5082cff8 {
	width: 120px;
	height: 68px;
	background: #eee;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: #666;
}

.nabl-s-9d8320b9 {
	font-size: 11px;
	color: #666;
	margin: 4px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.nabl-s-0049d823 {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.nabl-s-9bf7916f {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.nabl-s-035a68f9 {
	flex: 2;
	min-width: 300px;
	max-width: 800px;
}

.nabl-s-15b7998e {
	flex: 1;
	min-width: 250px;
	background: #fff;
	padding: 25px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	height: fit-content;
	align-self: flex-start;
}

.nabl-s-b157b7c9 {
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.25em;
}

.nabl-s-42b23119 {
	color: #666;
	font-size: 0.95em;
	line-height: 1.5;
}

.nabl-s-d67c3ac5 {
	margin-top: 25px;
	margin-bottom: 0;
}

/* Extracted Inline Style Classes (Pass 2) */
.nabl-s-fcf2f096 {
	flex-grow: 1;
	height: 35px;
	border-radius: 4px;
}

.nabl-s-d363b0c1 {
	float: right;
	font-size: 11px;
	height: 20px;
	line-height: 18px;
	padding: 0 6px;
}

.nabl-s-a7ca1d25 {
	width: 100%;
	max-width: 320px;
}

.nabl-s-7b2ab11b {
	max-width: 350px;
}

.nabl-s-4a5b8998 {
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.nabl-s-c954e44e {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.nabl-s-c417ae8c {
	font-size: 12px;
	color: #0079AF;
}

.nabl-s-42f007e3 {
	background: #fef2f2;
	color: #b91c1c;
	border: 1px solid #fecaca;
	padding: 3px 8px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 12px;
}

.nabl-s-a4d25ee7 {
	color: #b32d2e;
	border-color: #b32d2e;
}

.nabl-s-de04b49d {
	padding: 15px;
	margin-bottom: 20px;
}

.nabl-s-a7667d44 {
	flex-grow: 1;
}

.nabl-s-b453cbbd {
	font-size: 0.9rem;
	font-weight: 600;
	padding: 6px 14px;
	background: #0079AF;
	color: #fff;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	margin-left: 10px;
	display: inline-flex;
	align-items: center;
	transition: all 0.2s;
}

.nabl-s-01a329c0 {
	margin-top: 15px;
	margin-bottom: 20px;
}

.nabl-s-b64f5438 {
	padding: 10px;
	border-radius: 4px;
	font-size: 1rem;
	border: 1px solid #8c8f94;
}

.nabl-s-918d5dd6 {
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #8c8f94;
}

.nabl-s-69ad5833 {
	font-size: 1.05rem;
	padding: 10px 24px;
	height: auto;
}

.nabl-s-c9651ae1 {
	margin-left: 15px;
	font-size: 1rem;
	text-decoration: underline;
	color: #2271b1;
}

.nabl-s-4ad4b4b5 {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #ccd0d4;
	display: block;
}

.nabl-s-9985cbcb {
	color: #2271b1;
	text-decoration: none;
}

.nabl-s-ea55bad1 {
	color: #b32d2e;
}

.nabl-s-9ecfdc5a {
	font-size: 1.05rem;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #8c8f94;
}

.nabl-s-40418ba9 {
	max-height: 40px;
	max-width: 100%;
	display: block;
}

.nabl-s-8588e44d {
	width: 100%;
}

.nabl-s-63e559a1 {
	object-fit: cover;
	border-radius: 4px;
}

.nabl-s-3dc4627d {
	object-fit: cover;
}

.nabl-s-2db3c550 {
	max-height: 80px;
	display: block;
	margin-bottom: 10px;
}

.nabl-s-f8399d99 {
	color: #bc0b0b;
}

.nabl-s-d85c4e64 {
	position: relative;
}

.nabl-s-d68fc238 {
	color: #2271b1;
	font-size: 16px;
}

.nabl-s-d499fdf1 {
	width: 100%;
	max-width: 550px;
	font-weight: bold;
	color: #0f172a;
}

.nabl-s-4f32f707 {
	border: 1px solid #8c8f94;
	border-radius: 4px;
	padding: 6px 10px;
}

.nabl-s-4147638e {
	max-width: 240px;
	max-height: 160px;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	padding: 4px;
	background: #f8fafc;
	object-fit: contain;
	display: block;
}

.nabl-s-0eab8e67 {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	display: block;
}

.nabl-s-0423ba44 {
	display: none;
	visibility: hidden;
}

.nabl-s-465d824e {
	max-height: 80px;
	display: block;
}

.nabl-s-070430e1 {
	width: 100%;
	max-width: 400px;
}

.nabl-s-1ef1bdd1 {
	max-height: 40px;
	display: block;
}

.nabl-s-53e9d8f9 {
	width: 100%;
	max-width: 600px;
	padding: 10px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
}

.nabl-s-61cde3ae {
	height: 42px;
	padding: 0 24px;
	font-size: 15px;
}

.nabl-s-b70d5ce0 {
	top: 0;
	height: 36px;
	line-height: 34px;
	padding: 0 16px;
}

.nabl-s-01a9e86c {
	cursor: move;
	color: #8c8f94;
	font-size: 18px;
}

.nabl-s-60701004 {
	width: 100%;
	max-width: 450px;
}

.nabl-s-f44d5ad2 {
	width: 100%;
	max-width: 550px;
}

.nabl-s-6951ec6e {
	width: 100%;
	max-width: 380px;
}

.nabl-s-52f31037 {
	font-weight: 700;
	padding: 6px 24px;
}

.nabl-s-8adc4836 {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	padding: 25px 30px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.nabl-s-dadb0398 {
	width: 100%;
	max-width: 250px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
}

.nabl-s-0ba8dbfb {
	width: 100%;
	max-width: 650px;
	background: #ffffff;
	height: 38px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
	font-family: monospace;
	font-size: 13px;
	font-weight: 600;
	color: #0284c7;
}

.nabl-s-5a0c6663 {
	height: 38px;
}

.nabl-s-052ff0c6 {
	width: 18px;
	height: 18px;
}

.nabl-s-1496258e {
	height: 38px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
}

.nabl-s-01a8778f {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 14px 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.nabl-s-fe1507c9 {
	height: 38px;
	width: 180px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
}

.nabl-s-5ca76252 {
	font-weight: 700;
	color: #0079AF;
}

.nabl-s-78175034 {
	font-weight: 700;
	color: #0f172a;
	font-size: 13px;
	line-height: 1.35;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nabl-s-0ba05095 {
	color: #0284c7;
	text-decoration: none;
}

.nabl-s-65a389a0 {
	font-size: 11px;
	color: #0369a1;
	background: #f0f9ff;
	border: 1px solid #e0f2fe;
	padding: 1px 6px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-top: 4px;
	max-width: 100%;
	box-sizing: border-box;
}

.nabl-s-b0be74a7 {
	font-weight: 600;
	font-size: 12px;
	color: #1e293b;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.nabl-s-b01500c6 {
	color: #0284c7;
	background: #f0f9ff;
	border-color: #e0f2fe;
}

.nabl-s-e882941a {
	height: 50px;
	width: auto;
	max-width: 140px;
	display: block;
}

.nabl-s-0b7bc869 {
	background: #f1f5f9;
	color: #334155;
	border: 1px solid #cbd5e1;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
}

.nabl-s-a334807c {
	background: #0079AF;
	color: #ffffff;
	border: none;
	padding: 10px 24px;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
}

.nabl-s-db31974e {
	max-width: 120px;
	height: auto;
	border-radius: 4px;
	display: block;
}

.nabl-s-447bbb9c {
	background: #e65100;
	border-color: #d84315;
	color: #fff;
	text-shadow: none;
	font-weight: 600;
	padding: 5px 16px;
	height: auto;
}

/* Extracted from class-announcement-metabox.php */
/* Hide default editor and title elements on both Gutenberg & Classic Editor for cleaner CRM experience */
.post-type-nabl_announcement .editor-post-title,
.post-type-nabl_announcement .block-editor-block-list__layout,
.post-type-nabl_announcement .block-editor-writing-flow,
.post-type-nabl_announcement .editor-styles-wrapper,
.post-type-nabl_announcement .block-editor-post-title,
.post-type-nabl_announcement .block-editor-editor-skeleton__content .block-editor-block-list__block,
.post-type-nabl_announcement .block-editor-post-title__block,
.post-type-nabl_announcement .block-editor-rich-text__editable,
.post-type-nabl_announcement #titlediv,
.post-type-nabl_announcement #postdivrich,
.post-type-nabl_announcement .block-editor-editor-skeleton__body #post-body-content,
.post-type-nabl_announcement .editor-post-title__block {
	display: none !important;
}

/* Modern CMS Grid Container */
.nabl-cms-announcements-grid {
	background: #fff;
	color: #2c3338;
	padding: 10px 5px;
	box-sizing: border-box;
}

.nabl-cms-announcements-grid * {
	box-sizing: border-box;
}

.nabl-grid-row {
	margin-bottom: 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid #f0f0f1;
}

.nabl-grid-row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.nabl-grid-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	margin-bottom: 8px;
}

.nabl-grid-label .required {
	color: #d63638;
	margin-left: 3px;
}

.nabl-grid-input input[type="text"],
.nabl-grid-input input[type="url"],
.nabl-grid-input input[type="date"] {
	border: 1px solid #8c8f94;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	color: #2c3338;
	width: 100%;
	height: 36px;
	background-color: #fff;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.nabl-grid-input input:focus {
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
	outline: 2px solid transparent;
}

/* Flex/grid horizontal rows for External Link and PDF Attachment on wider screens */
@media (min-width: 992px) {
	.flex-row-desktop {
		display: flex;
		gap: 24px;
	}

	.nabl-field-half {
		flex: 1;
		min-width: 0;
		margin-bottom: 0;
	}

	.nabl-grid-radio-group {
		display: flex;
		align-items: center;
		gap: 20px;
		height: 36px;
		/* Aligns with input heights */
		margin-top: 0;
	}
}

@media (max-width: 991px) {
	.flex-row-desktop {
		display: block;
	}

	.nabl-field-half {
		margin-bottom: 22px;
	}

	.nabl-field-half:last-child {
		margin-bottom: 0;
	}

	.nabl-grid-radio-group {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-top: 8px;
	}
}

.nabl-radio-label {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: #1d2327;
	cursor: pointer;
	font-weight: 500;
	user-select: none;
}

.nabl-radio-label input[type="radio"] {
	margin: 0 8px 0 0 !important;
	border: 1px solid #8c8f94;
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

/* PDF Container components */
.pdf-actions-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-height: 36px;
}

.pdf-name-tag {
	font-weight: 600;
	color: #1d2327;
	background: #f0f0f1;
	padding: 6px 12px;
	border-radius: 4px;
	border: 1px solid #c3c4c7;
	font-size: 13px;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
}

/* WP Editor Customizations */
.wp-editor-wrap {
	max-width: 100%;
}

.wp-editor-container textarea {
	font-family: Consolas, Monaco, monospace;
	font-size: 13px;
	line-height: 1.5;
}

/* Extracted from class-announcement-shortcodes.php */
/* Outer Wrapper container styles */
.nabl-announcements-listing-container {
	font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	margin: 30px auto;
	max-width: 1200px;
	color: #334155;
}

/* Header & Archived button row */
.nabl-announcements-header-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	flex-wrap: wrap;
	gap: 15px;
	width: 100%;
}

/* Search box bar styling */
.nabl-announcements-search-form {
	width: 48%;
	/* approximately 45-50% width on desktop */
	margin: 0;
}

.nabl-search-input-group {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #EDF4FE;
	/* QCI light blue background */
	border: none !important;
	border-radius: 50px;
	/* large rounded pill shape */
	padding: 0 10px 0 20px;
	height: 52px;
	/* same height as Archived button */
	width: 100%;
	box-sizing: border-box;
}

.nabl-search-input-group .search-icon {
	color: #2F8FDE;
	/* vibrant blue search icon inside left side */
	font-size: 1.1rem;
	margin-right: 12px;
}

.nabl-search-input-group input[type="text"] {
	border: none !important;
	background: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	font-size: 1rem;
	color: #1e293b;
	flex-grow: 1;
	height: 100%;
	padding: 0 10px 0 0;
}

.nabl-search-input-group input[type="text"]::placeholder {
	color: #90a4ae;
	font-size: 0.95rem;
	opacity: 0.85;
	border: none;
}

.nabl-search-clear-btn {
	color: #94a3b8;
	font-size: 1.1rem;
	text-decoration: none;
	margin-right: 12px;
	transition: color 0.15s ease;
	display: flex;
	align-items: center;
}

.nabl-search-clear-btn:hover {
	color: #ef4444;
}

/* Circular search button inside the pill on the far right */
.nabl-announcements-search-submit {
	background-color: #ffffff !important;
	color: #2F8FDE !important;
	border: none !important;
	outline: none !important;
	width: 36px;
	height: 36px;
	border-radius: 50% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.25s ease !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	padding: 0;
}

.nabl-announcements-search-submit:hover {
	background-color: #2F8FDE !important;
	color: #ffffff !important;
	transform: scale(1.05);
	box-shadow: 0 4px 10px rgba(47, 143, 222, 0.25);
}

.nabl-announcements-search-submit i {
	font-size: 1rem;
}

/* Archived button styling */
.nabl-archived-toggle-btn {
	background-color: #ffffff;
	border: 2px solid #2F8FDE;
	color: #2F8FDE;
	border-radius: 50px;
	/* rounded pill shape */
	padding: 0 15px;
	height: 52px;
	/* matches height of search box exactly */
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	cursor: pointer;
	box-sizing: border-box;
}

.nabl-archived-toggle-btn:hover {
	background-color: #2F8FDE;
	color: #ffffff;
	border-color: #2F8FDE;
	box-shadow: 0 4px 15px rgba(47, 143, 222, 0.2);
}

.nabl-archived-toggle-btn.active-toggle {
	border-color: #ef4444;
	color: #ef4444;
}

.nabl-archived-toggle-btn.active-toggle:hover {
	background-color: #ef4444;
	color: #ffffff;
	border-color: #ef4444;
	box-shadow: 0 4px 15px rgba(239, 68, 68, 0.2);
}

/* Responsive Data Table Styles */
.nabl-announcements-table-wrapper {
	background: #ffffff;
	border: 1px solid #E6EEF5;
	/* Soft border */
	border-radius: 8px;
	/* Slight border radius */
	box-shadow: 0 4px 20px rgba(47, 143, 222, 0.03);
	/* Extremely subtle light shadow */
	margin-top: 25px;
	margin-bottom: 25px;

	/* Enable horizontal scrolling on small screens */
	overflow-x: auto !important;
	overflow-y: hidden !important;
	width: 100%;
	-webkit-overflow-scrolling: touch !important;
	/* Smooth momentum touch scrolling on iOS */
}

.nabl-announcements-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	position: relative;
	/* Context for sticky header */
}

.nabl-announcements-table th {
	background-color: #2F8FDE;
	/* Matching blue exactly */
	color: #ffffff;
	font-weight: 700;
	font-size: 1rem;
	padding: 16px 20px;
	border: none;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	/* Separators between columns */
	text-align: left;

	/* Sticky header styling */
	position: sticky;
	top: 0;
	z-index: 10;
}

.nabl-announcements-table th:last-child {
	border-right: none;
}

.nabl-announcements-table td {
	padding: 16px 20px;
	border-bottom: 1px solid #EEF4F9;
	/* Soft separators */
	border-right: 1px solid #EEF4F9;
	/* Column vertical border lines */
	vertical-align: middle;
	font-size: 0.95rem;
	color: #334155;
	background-color: #ffffff;
}

.nabl-announcements-table td:last-child {
	border-right: none;
}

.nabl-announcements-table tbody tr {
	transition: background-color 0.2s ease;
}

.nabl-announcements-table tbody tr:hover {
	background-color: #F6FAFF;
	/* alternate hover subtle blue tint */
}

.nabl-announcements-table tbody tr:last-child td {
	border-bottom: none;
}

/* Table cells details */
.nabl-table-title-link {
	color: #1e293b;
	font-weight: 600;
	font-size: 1.02rem;
	text-decoration: none;
	transition: color 0.15s ease;
	display: inline-block;
	margin-bottom: 4px;
	line-height: 1.4;
}

.nabl-table-title-link:hover {
	color: #2F8FDE;
}

.nabl-table-excerpt-text {
	font-size: 0.88rem;
	color: #64748b;
	line-height: 1.5;
}

.nabl-table-pdf-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #ef4444;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease, transform 0.15s ease;
}

.nabl-table-pdf-link:hover {
	color: #dc2626;
	transform: translateX(2px);
}

.nabl-table-visit-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #2F8FDE;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease, transform 0.15s ease;
}

.nabl-table-visit-link:hover {
	color: #1d6fa3;
	transform: translateX(2px);
}

.nabl-table-empty-cell {
	color: #cbd5e1;
	font-weight: 500;
}

/* Empty notice */
.nabl-announcements-empty-notice {
	text-align: center;
	padding: 60px 20px;
	background: #f8fafc;
	border-radius: 12px;
	border: 1px dashed #cbd5e1;
}

.nabl-announcements-empty-notice .empty-icon {
	font-size: 3rem;
	color: #94a3b8;
	margin-bottom: 15px;
}

.nabl-announcements-empty-notice p {
	font-size: 1.1rem;
	color: #64748b;
	margin: 0;
}

/* Pagination styling overrides for listing */
.announcements-pagination {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin-top: 40px !important;
	margin-bottom: 20px !important;
	width: 100% !important;
	clear: both !important;
}

.announcements-pagination ul,
.announcements-pagination ul.page-numbers,
.announcements-pagination .pagination {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 8px !important;
	background: transparent !important;
	border: none !important;
}

.announcements-pagination ul li,
.announcements-pagination ul.page-numbers li,
.announcements-pagination .pagination li {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	float: none !important;
}

.announcements-pagination ul li::before,
.announcements-pagination ul.page-numbers li::before,
.announcements-pagination .pagination li::before,
.announcements-pagination ul li::after,
.announcements-pagination ul.page-numbers li::after,
.announcements-pagination .pagination li::after {
	content: "" !important;
	display: none !important;
}

.announcements-pagination a,
.announcements-pagination span,
.announcements-pagination a.page-numbers,
.announcements-pagination span.page-numbers,
.announcements-pagination .pagination a,
.announcements-pagination .pagination span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 14px !important;
	color: #334155 !important;
	background-color: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	line-height: 1 !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	box-sizing: border-box !important;
}

.announcements-pagination a:hover,
.announcements-pagination a.page-numbers:hover,
.announcements-pagination .pagination a:hover {
	background-color: #EDF4FE !important;
	color: #2F8FDE !important;
	border-color: #2F8FDE !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 10px rgba(47, 143, 222, 0.15) !important;
}

.announcements-pagination span.current,
.announcements-pagination .current,
.announcements-pagination .pagination .current {
	background-color: #2F8FDE !important;
	color: #ffffff !important;
	border-color: #2F8FDE !important;
	box-shadow: 0 4px 12px rgba(47, 143, 222, 0.3) !important;
	cursor: default !important;
}

.announcements-pagination span.dots,
.announcements-pagination .dots {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #94a3b8 !important;
	min-width: 24px !important;
	padding: 0 4px !important;
	cursor: default !important;
}

/* RWD BREAKPOINTS */
@media (max-width: 768px) {

	/* Stack top elements vertically on mobile */
	.nabl-announcements-header-row {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	.nabl-announcements-search-form {
		width: 100% !important;
	}

	.nabl-archived-toggle-btn {
		width: 100% !important;
		text-align: center;
		justify-content: center;
		margin-top: 5px;
		/* Spacing below the search box */
	}

	/* Keep the exact table layout on mobile instead of cards, with min-width to force horizontal scrolling */
	.nabl-announcements-table {
		min-width: 850px !important;
	}
}

/* Extracted from class-contact-us-shortcode.php */
.nabl-contact-section,
.nabl-contact-section * {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
	box-sizing: border-box;
}

.nabl-contact-section {
	margin-top: 10px;
	margin-bottom: 0;
}

.nabl-contact-section .gap-6 {
	gap: 1.7142857143rem !important;
}

.nabl-contact-section .card {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
	padding: 35px !important;
	background: #ffffff !important;
	margin-bottom: 25px;
}

.nabl-contact-section .form-title {
	color: #1e293b !important;
	font-size: 1.6rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: 1.5rem !important;
	padding-bottom: 0.5rem !important;
}

.nabl-contact-section .form-label {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	color: #1e293b !important;
	margin-bottom: 6px !important;
	display: inline-block;
}

.nabl-contact-section .form-label span.required {
	color: #d9534f !important;
	margin-left: 3px;
}

.nabl-contact-section .form-control,
.nabl-contact-section .form-select,
.nabl-contact-section select option,
.nabl-contact-section input[type="text"],
.nabl-contact-section input[type="email"],
.nabl-contact-section textarea,
.nabl-contact-section button {
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #334155 !important;
}

.nabl-contact-section .form-control {
	border-radius: 6px !important;
	border: 1px solid #cbd5e1 !important;
	padding: 10px 14px !important;
	height: 44px !important;
	line-height: 1.5 !important;
	font-size: 14px !important;
	background-color: #ffffff !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
}

.nabl-contact-section .form-select {
	border-radius: 6px !important;
	border: 1px solid #cbd5e1 !important;
	padding: 0 36px 0 14px !important;
	height: 44px !important;
	line-height: 42px !important;
	font-size: 14px !important;
	background-color: #ffffff !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width: 100% !important;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 14px 10px !important;
	vertical-align: middle !important;
}

.nabl-contact-section textarea.form-control {
	height: auto !important;
	min-height: 120px;
	padding: 10px 14px !important;
	line-height: 1.5 !important;
	font-size: 14px !important;
}

.nabl-contact-section select option {
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #334155 !important;
	padding: 8px 12px;
	line-height: 1.5 !important;
}

.nabl-contact-section .form-control::placeholder,
.nabl-contact-section .form-select::placeholder,
.nabl-contact-section input::placeholder,
.nabl-contact-section textarea::placeholder {
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #9ca3af !important;
	opacity: 1 !important;
}

.nabl-contact-section .form-control::-webkit-input-placeholder,
.nabl-contact-section .form-select::-webkit-input-placeholder {
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #9ca3af !important;
}

.nabl-contact-section .form-control::-moz-placeholder,
.nabl-contact-section .form-select::-moz-placeholder {
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #9ca3af !important;
}

.nabl-contact-section .form-control:-ms-input-placeholder,
.nabl-contact-section .form-select:-ms-input-placeholder {
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #9ca3af !important;
}

.nabl-contact-section .form-control:focus,
.nabl-contact-section .form-select:focus {
	border-color: #0079AF !important;
	outline: 0 !important;
	box-shadow: 0 0 0 3px rgba(0, 121, 175, 0.15) !important;
}

.nabl-contact-section .form-control.is-invalid,
.nabl-contact-section .form-select.is-invalid {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15) !important;
}

.nabl-contact-section .invalid-feedback {
	color: #dc3545;
	font-size: 0.825rem;
	font-weight: 500;
	margin-top: 4px;
	display: none;
}

.nabl-contact-section .invalid-feedback.active {
	display: block !important;
}

.nabl-contact-section .input-group {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: 100% !important;
}

.nabl-contact-section .input-group-text {
	background-color: #f8fafc !important;
	border: 1px solid #cbd5e1 !important;
	border-right: none !important;
	border-radius: 6px 0 0 6px !important;
	padding: 0 14px !important;
	height: 44px !important;
	line-height: 42px !important;
	display: flex !important;
	align-items: center !important;
	font-weight: 600 !important;
	color: #0079AF !important;
	font-size: 14px !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.nabl-contact-section .input-group .form-control {
	border-radius: 0 6px 6px 0 !important;
	border: 1px solid #cbd5e1 !important;
	flex: 1 1 auto !important;
	width: 1% !important;
	min-width: 0 !important;
	height: 44px !important;
	line-height: 42px !important;
	padding: 0 14px !important;
	font-size: 14px !important;
}

.nabl-contact-section .submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 130px;
	height: 44px;
	padding: 0 28px;
	background: #0079AF !important;
	color: #ffffff !important;
	border: none;
	border-radius: 6px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer;
	text-decoration: none !important;
	transition: all 0.2s ease;
	box-shadow: 0 2px 6px rgba(0, 121, 175, 0.25);
}

.nabl-contact-section .submit-btn:hover {
	background: #005A83 !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0, 121, 175, 0.35);
}

.nabl-contact-section .submit-btn:disabled {
	background: #cbd5e1 !important;
	box-shadow: none !important;
	cursor: not-allowed;
	transform: none !important;
}

.nabl-contact-section .reset-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
	height: 44px;
	padding: 0 24px;
	background: #f1f5f9 !important;
	color: #475569 !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	cursor: pointer;
	text-decoration: none !important;
	transition: all 0.2s ease;
	margin-right: 15px;
}

.nabl-contact-section .reset-btn:hover {
	background: #e2e8f0 !important;
	color: #1e293b !important;
	border-color: #94a3b8 !important;
}

.nabl-contact-section .custom-file-upload {
	border: 2px dashed #cbd5e1;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	background: #f8fafc;
	cursor: pointer;
	transition: all 0.2s ease;
}

.nabl-contact-section .custom-file-upload:hover {
	border-color: #0079AF;
	background: #f0f9ff;
}

.nabl-contact-section .custom-file-upload input[type="file"] {
	display: none;
}

.nabl-contact-section .custom-file-upload-label {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #64748b !important;
	margin: 0;
	cursor: pointer;
}

.nabl-contact-section .right-heading {
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	line-height: 1.3 !important;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid #e2e8f0;
}

.nabl-contact-section .contact-info-item {
	display: flex;
	margin-bottom: 12px;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #475569 !important;
}

.nabl-contact-section .contact-info-item strong {
	font-weight: 600 !important;
	color: #1e293b !important;
}

.nabl-contact-section .contact-info-item a {
	color: #0079AF !important;
	text-decoration: none;
}

.nabl-contact-section .contact-info-item a:hover {
	text-decoration: underline;
}

.nabl-contact-section .map-ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.nabl-contact-section .map-ratio iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.nabl-loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: 999999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.nabl-loader-overlay.active {
	opacity: 1;
	pointer-events: auto;
}

.nabl-spinner {
	width: 50px;
	height: 50px;
	border: 5px solid rgba(0, 121, 175, 0.15);
	border-top: 5px solid #0079AF;
	border-radius: 50%;
	animation: nabl-spin 1s linear infinite;
	margin-bottom: 20px;
}

.nabl-loader-text-primary {
	font-size: 1.25rem;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 6px;
}

.nabl-loader-text-secondary {
	font-size: 0.95rem;
	color: #64748b;
}

@keyframes nabl-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#nabl-form-col {
	order: 1;
}

#nabl-contact-col {
	order: 2;
}

@media only screen and (max-width: 767px) {
	#nabl-form-col {
		order: 2;
	}

	#nabl-contact-col {
		order: 1;
	}
}

/* Extracted from class-gallery-shortcode.php */
.nabl-gallery-all-listing .gallery-event-section-title {
	font-family: inherit;
	color: var(--tj-color-heading-primary, #0c1e21);
	font-size: 1.7rem;
	font-weight: 500;
	margin-bottom: 12px;
}

.nabl-gallery-all-listing .gallery-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 0.95rem;
	color: #6c757d;
	margin-bottom: 25px;
}

.nabl-gallery-all-listing .gallery-meta span {
	display: inline-flex;
	align-items: center;
}

.nabl-gallery-all-listing .gallery-image-card {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e3e6f0;
	background: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.nabl-gallery-all-listing .gallery-image-card:hover {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.nabl-gallery-all-listing .gallery-image-card .gallery-image-wrapper a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.nabl-gallery-all-listing .gallery-image-card .gallery-image-wrapper a img {
	transition: transform 0.3s ease-in-out;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Beautiful semi-transparent teal overlay matching the user's screenshots of qcin.org gallery */
.nabl-gallery-all-listing .gallery-image-card .gallery-image-wrapper a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(13, 114, 126, 0.5);
	/* Semi-transparent teal overlay */
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	z-index: 1;
}

/* Desktop Hover States - strictly disabled on mobile to prevent touch sticky-hover states */
@media (hover: hover) {
	.nabl-gallery-all-listing .gallery-image-card .gallery-image-wrapper a:hover img {
		transform: scale(1.08);
	}

	.nabl-gallery-all-listing .gallery-image-card .gallery-image-wrapper a:hover::before {
		opacity: 1;
	}
}

.nabl-gallery-pagination {
	margin-top: 30px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 5px;
}

.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers li {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
}

.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers li::before {
	content: "" !important;
	display: none !important;
}

.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers li a,
.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers li span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #2c3e50 !important;
	border: 1px solid #e2e8f0;
	background-color: #ffffff;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers li a:hover {
	color: #ffffff !important;
	background-color: #0099c7;
	border-color: #0099c7;
}

.nabl-gallery-all-listing .nabl-gallery-pagination ul.page-numbers li span.current {
	color: #ffffff !important;
	background-color: #0079af;
	border-color: #0079af;
	cursor: default;
	font-weight: 500;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	font-size: 14px;
}

/* Responsiveness */
@media (max-width: 768px) {
	.nabl-gallery-all-listing .gallery-event-section-title {
		font-size: 1.5rem;
	}

	.nabl-gallery-all-listing .gallery-meta {
		gap: 12px;
		font-size: 0.85rem;
		margin-bottom: 20px;
	}
}

/* Extracted from class-india-map-admin.php */
.badge {
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.badge-active {
	background-color: #e5f5e5;
	color: #1e701e;
	border: 1px solid #1e701e;
}

.badge-inactive {
	background-color: #fcebeb;
	color: #cc0000;
	border: 1px solid #cc0000;
}

.wp-list-table th {
	font-weight: bold;
}

.wp-list-table td {
	vertical-align: middle;
}

/* Extracted from class-india-map-admin.php */
.wp-list-table th {
	font-weight: bold;
}

.wp-list-table td {
	vertical-align: middle;
}

/* Extracted from shortcode-api-search.php */
/* Scoped Styling for NABL Direct API Accreditation Search */
.nabl-api-search-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 24px;
	margin: 25px 0;
	box-shadow: 0 10px 25px -5px rgba(0, 51, 102, 0.05), 0 8px 10px -6px rgba(0, 51, 102, 0.03);
	color: #1e293b;
	box-sizing: border-box;
}

.nabl-api-search-wrapper * {
	box-sizing: border-box;
}

/* Header Banner */
.nabl-api-banner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: linear-gradient(135deg, #002b54 0%, #004b87 100%);
	color: #ffffff;
	padding: 22px 26px;
	border-radius: 10px;
	margin-bottom: 22px;
	box-shadow: 0 4px 15px rgba(0, 43, 84, 0.15);
}

.nabl-api-live-tag {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(4px);
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.8px;
	margin-bottom: 10px;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.nabl-live-pulse {
	width: 9px;
	height: 9px;
	background-color: #10b981;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 0 rgba(16, 185, 129, 0.7);
	animation: nablPulse 1.8s infinite;
}

@keyframes nablPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.8);
	}

	70% {
		box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
	}
}

.nabl-api-title {
	margin: 0 0 6px 0;
	font-size: 22px;
	font-weight: 700;
	color: #ffffff !important;
	line-height: 1.3;
}

.nabl-api-desc {
	margin: 0;
	font-size: 13.5px;
	color: #e0e7ff;
	max-width: 720px;
	line-height: 1.5;
}

.nabl-api-banner-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 14px;
	border-radius: 8px;
	font-size: 12.5px;
	font-weight: 600;
	white-space: nowrap;
}

/* Search Form Grid */
.nabl-api-search-form {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.nabl-api-form-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 18px;
}

@media (max-width: 900px) {
	.nabl-api-form-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.nabl-api-form-grid {
		grid-template-columns: 1fr;
	}

	.nabl-api-banner {
		flex-direction: column;
		gap: 14px;
	}
}

.nabl-api-field label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	font-weight: 600;
	color: #334155;
	margin-bottom: 6px;
}

.nabl-api-field label svg {
	color: #004b87;
}

.nabl-api-field input {
	width: 100%;
	padding: 10px 13px;
	font-size: 13.5px;
	border: 1.5px solid #cbd5e1;
	border-radius: 7px;
	background: #ffffff;
	color: #0f172a;
	transition: all 0.2s ease;
	outline: none;
}

.nabl-api-field input:focus {
	border-color: #004b87;
	box-shadow: 0 0 0 3px rgba(0, 75, 135, 0.12);
}

.nabl-api-field input::placeholder {
	color: #94a3b8;
	font-size: 12.5px;
}

/* Actions Bar */
.nabl-api-actions-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	padding-top: 14px;
	border-top: 1px solid #f1f5f9;
}

.nabl-api-source-selector {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.nabl-api-source-label {
	font-size: 12px;
	font-weight: 700;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.nabl-radio-pill {
	cursor: pointer;
	position: relative;
	user-select: none;
}

.nabl-radio-pill input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.nabl-radio-pill span {
	display: inline-block;
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 500;
	background: #f1f5f9;
	color: #475569;
	border-radius: 20px;
	transition: all 0.2s ease;
	border: 1px solid transparent;
}

.nabl-radio-pill input:checked+span {
	background: #003366;
	color: #ffffff;
	font-weight: 600;
	box-shadow: 0 2px 6px rgba(0, 51, 102, 0.25);
}

.nabl-api-buttons-group {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.nabl-force-refresh-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #64748b;
	cursor: pointer;
	user-select: none;
	margin-right: 5px;
}

.nabl-force-refresh-label input {
	cursor: pointer;
	accent-color: #004b87;
}

.nabl-api-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 18px;
	font-size: 13.5px;
	font-weight: 600;
	border-radius: 7px;
	cursor: pointer;
	transition: all 0.2s ease;
	border: none;
	text-decoration: none;
}

.nabl-api-btn-clear {
	background: #e2e8f0;
	color: #475569;
}

.nabl-api-btn-clear:hover {
	background: #cbd5e1;
	color: #1e293b;
}

.nabl-api-btn-search {
	background: #004b87;
	color: #ffffff;
	box-shadow: 0 4px 10px rgba(0, 75, 135, 0.25);
}

.nabl-api-btn-search:hover {
	background: #003366;
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(0, 51, 102, 0.3);
}

/* Loading State */
.nabl-api-loading-state {
	text-align: center;
	padding: 40px 20px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	margin-bottom: 20px;
}

.nabl-api-spinner {
	width: 44px;
	height: 44px;
	border: 3.5px solid #e2e8f0;
	border-top-color: #004b87;
	border-radius: 50%;
	margin: 0 auto 16px auto;
	animation: nablSpin 0.8s linear infinite;
}

@keyframes nablSpin {
	to {
		transform: rotate(360deg);
	}
}

.nabl-api-loading-text h4 {
	margin: 0 0 6px 0;
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
}

.nabl-api-loading-text p {
	margin: 0;
	font-size: 13px;
	color: #64748b;
}

/* Results Meta Bar */
.nabl-api-results-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 16px;
	padding: 12px 18px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.nabl-api-meta-left {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.nabl-results-count-badge {
	background: #004b87;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
}

.nabl-api-status-text {
	font-size: 12.5px;
	color: #475569;
}

.nabl-api-page-btn {
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
	color: #334155;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 2px;
}

.nabl-api-page-btn:hover:not(:disabled) {
	background: #004b87;
	color: #ffffff;
	border-color: #004b87;
}

.nabl-api-page-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Empty State / Welcome */
.nabl-api-empty-state {
	text-align: center;
	padding: 48px 20px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
}

.nabl-api-empty-icon {
	width: 68px;
	height: 68px;
	margin: 0 auto 16px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eff6ff;
	border-radius: 50%;
}

.nabl-api-empty-state h3 {
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
}

.nabl-api-empty-state p {
	margin: 0 auto 20px auto;
	font-size: 14px;
	color: #64748b;
	max-width: 520px;
}

.nabl-api-sample-chips {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.nabl-api-sample-chips .chip-label {
	font-size: 12px;
	color: #64748b;
	font-weight: 500;
}

.nabl-chip {
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
	border-radius: 16px;
	padding: 4px 11px;
	font-size: 11.5px;
	font-weight: 600;
	color: #004b87;
	cursor: pointer;
	transition: all 0.2s ease;
}

.nabl-chip:hover {
	background: #004b87;
	color: #ffffff;
	border-color: #004b87;
}

/* Lab Detail Card */
.nabl-lab-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.nabl-lab-card:hover {
	box-shadow: 0 10px 22px -4px rgba(0, 51, 102, 0.08);
}

.nabl-lab-card-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	border-bottom: 1px solid #f1f5f9;
	padding-bottom: 16px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

.nabl-lab-card-title-wrap {
	flex: 1;
	min-width: 260px;
}

.nabl-lab-name {
	font-size: 18px;
	font-weight: 700;
	color: #003366;
	margin: 0 0 8px 0;
	line-height: 1.35;
}

.nabl-lab-meta-badges {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.nabl-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 9px;
	border-radius: 5px;
	font-size: 11.5px;
	font-weight: 600;
}

.nabl-badge-status-accredited {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #bbf7d0;
}

.nabl-badge-status-other {
	background: #fef3c7;
	color: #92400e;
	border: 1px solid #fde68a;
}

.nabl-badge-source-domestic {
	background: #e0f2fe;
	color: #0369a1;
	border: 1px solid #bae6fd;
}

.nabl-badge-source-intl {
	background: #f3e8ff;
	color: #6b21a8;
	border: 1px solid #e9d5ff;
}

.nabl-badge-field {
	background: #f1f5f9;
	color: #334155;
	border: 1px solid #e2e8f0;
}

.nabl-fac-badge {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	margin-right: 4px;
	margin-bottom: 2px;
}

.nabl-fac-badge.fac-yes {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #bbf7d0;
}

.nabl-fac-badge.fac-no {
	background: #f1f5f9;
	color: #64748b;
	border: 1px solid #e2e8f0;
}

.nabl-lab-identifiers {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-end;
}

@media (max-width: 700px) {
	.nabl-lab-identifiers {
		align-items: flex-start;
		width: 100%;
	}
}

.nabl-id-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	padding: 3px 8px;
	font-size: 12px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.nabl-id-pill strong {
	color: #475569;
	font-size: 11px;
}

.nabl-id-pill .val {
	color: #003366;
	font-weight: 700;
}

.nabl-copy-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	color: #94a3b8;
	padding: 2px;
	display: inline-flex;
	align-items: center;
	border-radius: 3px;
}

.nabl-copy-btn:hover {
	color: #004b87;
	background: #e2e8f0;
}

/* Two Column Details Grid */
.nabl-details-sections-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 20px;
}

@media (max-width: 850px) {
	.nabl-details-sections-grid {
		grid-template-columns: 1fr;
	}
}

.nabl-section-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 16px;
}

.nabl-section-box h4 {
	margin: 0 0 12px 0;
	font-size: 13.5px;
	font-weight: 700;
	color: #003366;
	display: flex;
	align-items: center;
	gap: 6px;
	border-bottom: 1px dashed #cbd5e1;
	padding-bottom: 6px;
}

.nabl-data-rows {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nabl-data-row {
	display: flex;
	font-size: 12.5px;
	line-height: 1.45;
}

.nabl-data-row .nabl-dt {
	width: 140px;
	min-width: 140px;
	color: #64748b;
	font-weight: 600;
}

.nabl-data-row .nabl-dd {
	flex: 1;
	color: #0f172a;
	word-break: break-word;
}

.nabl-data-row .nabl-dd a {
	color: #004b87;
	text-decoration: underline;
}

/* Lab Card Footer Actions */
.nabl-lab-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding-top: 16px;
	border-top: 1px solid #f1f5f9;
}

.nabl-cert-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #004b87;
	color: #ffffff !important;
	padding: 8px 16px;
	border-radius: 6px;
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.nabl-cert-link-btn:hover {
	background: #003366;
	box-shadow: 0 4px 10px rgba(0, 51, 102, 0.25);
}

.nabl-raw-toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f1f5f9;
	color: #475569;
	border: 1px solid #cbd5e1;
	padding: 7px 14px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.nabl-raw-toggle-btn:hover {
	background: #e2e8f0;
	color: #0f172a;
}

/* Raw JSON Drawer */
.nabl-raw-json-drawer {
	margin-top: 16px;
	background: #0f172a;
	color: #e2e8f0;
	border-radius: 8px;
	padding: 16px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12px;
	line-height: 1.45;
	position: relative;
	max-height: 380px;
	overflow: auto;
}

.nabl-raw-json-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #334155;
	color: #94a3b8;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.nabl-copy-json-btn {
	background: #1e293b;
	color: #38bdf8;
	border: 1px solid #334155;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	cursor: pointer;
}

.nabl-copy-json-btn:hover {
	background: #334155;
	color: #ffffff;
}

.nabl-raw-json-drawer pre {
	margin: 0;
	white-space: pre-wrap;
	word-break: break-all;
	color: #38bdf8;
}

/* No Results Card */
.nabl-no-results-card {
	background: #ffffff;
	border: 1px solid #fecdd3;
	border-radius: 10px;
	padding: 36px 20px;
	text-align: center;
}

.nabl-no-results-card svg {
	color: #e11d48;
	margin-bottom: 12px;
}

.nabl-no-results-card h3 {
	margin: 0 0 6px 0;
	color: #9f1239;
	font-size: 17px;
}

.nabl-no-results-card p {
	margin: 0;
	color: #475569;
	font-size: 13.5px;
}

/* Extracted from class-leadership-admin.php */
.column-drag_handle {
	width: 30px;
}

.ui-state-highlight {
	background: #f0f0f0;
	border: 1px dashed #ccc;
	height: 50px;
}

.nabl-drag-handle {
	cursor: move;
	font-size: 20px;
	color: #ccc;
}

.nabl-drag-handle:hover {
	color: #666;
}

.ui-sortable-helper {
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	display: table;
}

/* Extracted from class-leadership-metabox.php */
.nabl-meta-row {
	margin-bottom: 20px;
}

.nabl-meta-row label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.nabl-meta-row input[type="text"],
.nabl-meta-row select {
	width: 100%;
}

.nabl-conditional-field {
	margin-left: 20px;
	border-left: 2px solid #eee;
	padding-left: 15px;
	margin-top: 10px;
}

.nabl-image-preview img {
	max-width: 200px;
	height: auto;
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	display: block;
	margin-bottom: 10px;
}

.nabl-image-controls {
	margin-top: 10px;
}

/* Extracted from class-news-updates-metabox.php */
.nabl-news-grid-row {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f1;
}

.nabl-news-grid-row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.nabl-news-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #1d2327;
	margin-bottom: 8px;
}

.nabl-news-input input[type="text"],
.nabl-news-input input[type="url"],
.nabl-news-input select,
.nabl-news-input textarea {
	border: 1px solid #8c8f94;
	border-radius: 4px;
	padding: 6px 12px;
	font-size: 14px;
	color: #2c3338;
	width: 100%;
	background-color: #fff;
}

.flex-row-desktop {
	display: flex;
	gap: 20px;
}

.field-half {
	flex: 1;
}

/* Extracted from class-news-updates-post-type.php */
body.post-type-nabl_news_update .wp-list-table {
	table-layout: auto !important;
}

body.post-type-nabl_news_update .wp-list-table th,
body.post-type-nabl_news_update .wp-list-table td {
	vertical-align: middle !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-cb,
body.post-type-nabl_news_update .wp-list-table td.column-cb {
	width: 32px !important;
	padding: 10px 0 0 10px !important;
	text-align: center !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-drag_handle,
body.post-type-nabl_news_update .wp-list-table td.column-drag_handle {
	width: 36px !important;
	text-align: center !important;
	padding: 8px 4px !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-featured_image,
body.post-type-nabl_news_update .wp-list-table td.column-featured_image {
	width: 65px !important;
	text-align: center !important;
	padding: 8px !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-title,
body.post-type-nabl_news_update .wp-list-table td.column-title {
	width: auto !important;
	min-width: 260px !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

body.post-type-nabl_news_update .wp-list-table td.column-title strong,
body.post-type-nabl_news_update .wp-list-table td.column-title a.row-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-news_date,
body.post-type-nabl_news_update .wp-list-table td.column-news_date {
	width: 125px !important;
	white-space: nowrap !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-news_location,
body.post-type-nabl_news_update .wp-list-table td.column-news_location {
	width: 150px !important;
	word-break: normal !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-has_button,
body.post-type-nabl_news_update .wp-list-table td.column-has_button {
	width: 80px !important;
	text-align: center !important;
	white-space: nowrap !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-link_type,
body.post-type-nabl_news_update .wp-list-table td.column-link_type {
	width: 110px !important;
	text-align: center !important;
	white-space: nowrap !important;
}

body.post-type-nabl_news_update .wp-list-table th.column-date,
body.post-type-nabl_news_update .wp-list-table td.column-date {
	width: 135px !important;
	white-space: nowrap !important;
}

body.post-type-nabl_news_update .wp-list-table th[class*="wpseo"],
body.post-type-nabl_news_update .wp-list-table td[class*="wpseo"] {
	width: 44px !important;
	text-align: center !important;
	padding: 8px 4px !important;
}

/* Extracted from shortcode-payment-page.php */
#primary {
	margin-top: 0 !important;
}

/* ==========================================================================
   Receipt Print Optimization: Strictly 1 Clean Page, No Site Headers/Footers
   ========================================================================== */
@media print {
	@page {
		size: A4 portrait;
		margin: 8mm 10mm 8mm 10mm;
	}

	html,
	body {
		background: #ffffff !important;
		color: #0f172a !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	/* Hide ALL Theme Headers, Menus, Footers, Admin Bar & Buttons */
	#wpadminbar,
	header,
	.header-area,
	.header-wrapper,
	.hamburger-area,
	.menu-area,
	.mainmenu,
	.menu_bar,
	nav,
	footer,
	.footer-main-area,
	.footer-widget,
	.copyright,
	.nabl-tt-no-print,
	.nabl-header-top,
	.nabl-navigation,
	.nabl-footer-bottom,
	.header-sticky,
	.site-header,
	#masthead,
	#colophon,
	.sidebar,
	#sidebar,
	.widget-area,
	.scroll-top,
	.back-to-top,
	/* Chatbot / QMitra / Corover Floating Widgets */
	[id*="corover"],
	[class*="corover"],
	[id*="chatbot"],
	[class*="chatbot"],
	[id*="chat-widget"],
	[class*="chat-widget"],
	[id*="qmitra"],
	[class*="qmitra"],
	[id*="QMitra"],
	[class*="QMitra"],
	#botmanWidgetRoot,
	iframe,
	embed,
	object,
	.elementor-location-header,
	.elementor-location-footer,
	div[style*="position: fixed"],
	div[style*="position:fixed"],
	button[style*="position: fixed"],
	button[style*="position:fixed"],
	a[style*="position: fixed"],
	a[style*="position:fixed"] {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
		width: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
		pointer-events: none !important;
		z-index: -9999 !important;
	}

	/* Reset Container Wrappers */
	#primary,
	.site-main,
	article,
	.entry-content,
	.nabl-tt-container {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		border: none !important;
		box-shadow: none !important;
		background: transparent !important;
	}

	/* Professional Single-Page Receipt Card */
	.nabl-tt-receipt-card {
		margin: 0 auto !important;
		width: 100% !important;
		max-width: 680px !important;
		background: #ffffff !important;
		border: 1.5px solid #0079AF !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		overflow: hidden !important;
		page-break-inside: avoid !important;
		break-inside: avoid !important;
		page-break-after: avoid !important;
		break-after: avoid !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-header {
		padding: 12px 20px !important;
		background: #ffffff !important;
		border-bottom: 2px solid #e2e8f0 !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-header img {
		height: 42px !important;
		width: auto !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-banner {
		padding: 16px 20px !important;
		background-color: #166534 !important;
		color: #ffffff !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-banner h2 {
		font-size: 18px !important;
		color: #ffffff !important;
		margin: 0 !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-banner p {
		font-size: 12.5px !important;
		color: #bbf7d0 !important;
		margin-top: 4px !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-body {
		padding: 18px 24px !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-email-notice {
		padding: 10px 14px !important;
		margin-bottom: 14px !important;
		font-size: 12px !important;
		background-color: #f0fdf4 !important;
		border: 1px solid #bbf7d0 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-table {
		width: 100% !important;
		font-size: 13px !important;
	}

	.nabl-tt-receipt-card .nabl-tt-receipt-table td {
		padding: 7px 0 !important;
	}

	.nabl-tt-receipt-card span[style*="background: #dcfce7"],
	.nabl-tt-receipt-card span[style*="background:#dcfce7"] {
		background-color: #dcfce7 !important;
		color: #166534 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
}

/* Extracted from class-video-gallery-shortcodes.php */
/* NABL Grid System */
.nabl-video-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 40px;
	font-family: inherit;
	box-sizing: border-box;
	align-items: start;
	/* Ensure cards in the same row do not stretch to match each other */
}

/* Video Card Styling */
.nabl-video-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	border: 1px solid #eaeaea;
	transition: none;
	display: flex;
	flex-direction: column;
	height: auto;
	/* Allow independent growth of each card based on its own content */
	box-sizing: border-box;
}

.nabl-video-card:hover {
	transform: none;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* Thumbnail wrapper with opt-in autoplay zoom */
.nabl-video-thumbnail-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 ratio */
	height: 0;
	overflow: hidden;
	cursor: pointer;
	background: #000;
	box-sizing: border-box;
}

.nabl-video-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.nabl-video-thumbnail-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444;
}

.nabl-video-thumbnail-placeholder span {
	font-size: 40px;
	width: 40px;
	height: 40px;
}

.nabl-video-card:hover .nabl-video-thumbnail {
	transform: scale(1.05);
}

/* Hover Play Button Overlay */
.nabl-video-play-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
}

.nabl-video-card:hover .nabl-video-play-overlay {
	background: rgba(0, 0, 0, 0.4);
}

.nabl-video-play-button {
	width: 55px;
	height: 55px;
	background: #0079af;
	/* Rich warm custom primary */
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0px 0px rgba(230, 81, 0, 0.4);
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s ease, box-shadow 0.3s ease;
}

.nabl-video-play-button svg {
	margin-left: 2px;
}

.nabl-video-card:hover .nabl-video-play-button {
	transform: scale(1.15);
	background: #0099c7;
	box-shadow: 0 0px 0px rgba(245, 124, 0, 0.6);
}

/* Info Content block */
.nabl-video-info {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	box-sizing: border-box;
}

.nabl-video-title {
	font-family: inherit;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.4;
	color: #2c3e50;
	margin: 0 0 10px 0 !important;
	cursor: pointer;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.8em;
	transition: color 0.2s ease;
}

/* Metadata */
.nabl-video-meta {
	display: flex;
	align-items: center;
	font-size: 0.85rem;
	color: #7f8c8d;
	margin-bottom: 15px;
}

.nabl-video-date {
	display: inline-flex;
	align-items: center;
}

/* Text read more layout */
.nabl-video-description-wrapper {
	font-size: 0.9rem;
	line-height: 1.5;
	color: #64748b;
	margin-top: auto;
	word-break: break-word;
}

.nabl-video-read-more-btn {
	background: none !important;
	border: none !important;
	color: #0079af !important;
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer !important;
	padding: 0 !important;
	margin-left: 5px;
	display: inline-block;
	transition: color 0.2s ease;
	text-decoration: none !important;
	box-shadow: none !important;
}

.nabl-video-read-more-btn:hover {
	color: #046bd2;
	text-decoration: underline !important;
}

/* Error notices */
.nabl-video-notice-error {
	background: #fff3cd;
	border-left: 4px solid #ffc107;
	color: #856404;
	padding: 15px 20px;
	border-radius: 6px;
	font-size: 0.95rem;
	margin-bottom: 30px;
}

.nabl-video-notice-empty {
	text-align: center;
	font-size: 1.1rem;
	color: #7f8c8d;
	padding: 40px 0;
}

/* PAGINATION */
.nabl-video-pagination {
	margin-top: 30px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}

.nabl-video-pagination ul.page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 5px;
}

.nabl-video-pagination ul.page-numbers li {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
}

.nabl-video-pagination ul.page-numbers li::before {
	content: "" !important;
	display: none !important;
}

.nabl-video-pagination ul.page-numbers li a,
.nabl-video-pagination ul.page-numbers li span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #2c3e50 !important;
	border: 1px solid #e2e8f0;
	background-color: #ffffff;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.nabl-video-pagination ul.page-numbers li a:hover {
	color: #ffffff !important;
	background-color: #0099c7;
	border-color: #0099c7;
}

.nabl-video-pagination ul.page-numbers li span.current {
	color: #ffffff !important;
	background-color: #0079af;
	border-color: #0079af;
	cursor: default;
}

/* LIGHTBOX VIDEO PLAYER OVERLAY */
.nabl-video-lightbox-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999999;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.nabl-video-lightbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 15, 30, 0.85);
	/* Sleek modern dark tone */
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.nabl-video-lightbox-content {
	position: relative;
	width: 90%;
	max-width: 960px;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
	z-index: 10;
	transform: scale(0.95);
	animation: nablPopIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes nablPopIn {
	to {
		transform: scale(1);
	}
}

.nabl-video-lightbox-close {
	position: absolute;
	top: 12px;
	right: 18px;
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.8);
	font-size: 38px;
	font-weight: 300;
	cursor: pointer;
	z-index: 12;
	line-height: 1;
	transition: color 0.2s ease, transform 0.2s ease;
}

.nabl-video-lightbox-close:hover {
	color: #ff3333;
	transform: scale(1.1);
}

.nabl-video-lightbox-iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 ratio */
	height: 0;
	overflow: hidden;
}

.nabl-video-lightbox-iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* RESPONSIVE DESIGN breakpoints */
@media (max-width: 991px) {
	.nabl-video-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.nabl-video-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.nabl-video-lightbox-content {
		width: 95%;
	}
}

/* Dynamic State & Component Classes */
.nabl-admin-gradient-preview {
	height: 24px;
	margin-top: 6px;
	border-radius: 4px;
	border: 1px solid #ccd0d4;
	background: linear-gradient(180deg, rgba(10, 25, 47, 0.35) 0%, rgba(10, 25, 47, 0.78) 100%);
}

.nabl-admin-remove-pdf-btn {
	color: #d63638 !important;
	text-decoration: none;
	font-weight: 500;
	height: 36px;
	display: inline-flex;
	align-items: center;
	padding: 0 10px;
}

.nabl-admin-division-img-preview {
	max-width: 150px;
	display: block;
	margin-bottom: 12px;
	border: 1px solid #ddd;
	padding: 4px;
	background: #fff;
	border-radius: 4px;
}

.nabl-admin-division-remove-btn {
	display: inline-block;
	color: #a00 !important;
	margin-left: 10px !important;
	font-weight: 600;
}

.nabl-admin-sort-toast {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
	margin: 0;
	padding: 12px 24px;
	border-radius: 6px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	background: #fff;
	border-left: 4px solid #2271b1;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.nabl-admin-sort-toast.is-success {
	border-left-color: #00a32a;
}

.nabl-admin-toast-spinner {
	float: none !important;
	margin: 0 !important;
}

.nabl-admin-toast-ok-icon {
	color: #00a32a;
	font-size: 20px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.nabl-admin-tax-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	color: #334155;
}

.nabl-admin-tax-pill.has-diff {
	background: #fef3c7;
	border: 1px solid #fde68a;
}

.nabl-admin-tax-pill.no-diff {
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
}

.nabl-admin-mb-12 {
	margin-bottom: 12px;
}

.nabl-admin-remove-default-img-btn {
	color: #dc2626 !important;
	border-color: #fca5a5 !important;
	border-radius: 6px !important;
	padding: 4px 14px !important;
	font-weight: 500 !important;
}

.nabl-admin-slider-preview {
	max-width: 300px;
}

.nabl-admin-course-thumb {
	width: 48px;
	height: 36px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #dcdcde;
}

.nabl-admin-log-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11.5px;
	font-weight: 700;
	font-family: monospace;
	background: #f1f5f9;
	color: #334155;
}

.nabl-admin-log-badge.is-ok {
	background: #dcfce7;
	color: #166534;
}

.nabl-admin-log-badge.is-err {
	background: #fee2e2;
	color: #991b1b;
}

.nabl-admin-log-badge.is-info {
	background: #e0f2fe;
	color: #0369a1;
}

.nabl-tt-stat-card.is-active-all {
	border-color: #0079AF !important;
	box-shadow: 0 0 0 1px #0079AF !important;
}

.nabl-tt-stat-card.is-active-completed {
	border-color: #16a34a !important;
	box-shadow: 0 0 0 1px #16a34a !important;
}

.nabl-tt-stat-card.is-active-pending {
	border-color: #d97706 !important;
	box-shadow: 0 0 0 1px #d97706 !important;
}

.nabl-tt-stat-card.is-active-failed {
	border-color: #dc2626 !important;
	box-shadow: 0 0 0 1px #dc2626 !important;
}

.nabl-status-pill {
	background: #f1f5f9;
	color: #475569;
	border: 1px solid #cbd5e1;
}

.nabl-status-pill.status-completed {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #bbf7d0;
}

.nabl-status-pill.status-pending {
	background: #fef3c7;
	color: #92400e;
	border: 1px solid #fde68a;
}

.nabl-status-pill.status-failed {
	background: #fee2e2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

.nabl-training-card:not(.nabl-is-hidden) {
	display: flex;
}

.nabl-pdf-proforma-wrap {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 10.5px;
	line-height: 1.35;
	color: #000000;
	page-break-inside: avoid;
}

.nabl-pdf-proforma-wrap * {
	box-sizing: border-box !important;
}

.nabl-pdf-proforma-wrap .nabl-pdf-title {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px 0;
	color: #000000;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.nabl-pdf-proforma-wrap table {
	empty-cells: show !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	width: 100% !important;
	margin-bottom: -1px;
	table-layout: fixed;
	font-size: 10.5px !important;
}

.nabl-pdf-proforma-wrap table,
.nabl-pdf-proforma-wrap td,
.nabl-pdf-proforma-wrap th {
	border: 1px solid #000000 !important;
	color: #000000 !important;
}

.nabl-pdf-proforma-wrap td,
.nabl-pdf-proforma-wrap th {
	padding: 5px 7px !important;
	font-size: 10.5px !important;
	vertical-align: top;
	word-wrap: break-word;
}

.nabl-pdf-proforma-wrap .nabl-pdf-bold {
	font-weight: 700 !important;
	color: #000000 !important;
}

.nabl-pdf-proforma-wrap .nabl-pdf-subhead {
	font-weight: 600 !important;
	text-decoration: underline;
	margin-bottom: 3px;
	color: #000000 !important;
}

.nabl-pdf-proforma-wrap .nabl-pdf-items-grid th {
	background-color: #f1f5f9 !important;
	font-weight: 700 !important;
	font-size: 10.5px !important;
	text-align: left;
}

.nabl-pdf-proforma-wrap .nabl-pdf-total-row td {
	border-top: 1.5px solid #000000 !important;
	background-color: #ffffff !important;
	font-weight: 700 !important;
}

@media print {
	.nabl-pdf-proforma-wrap {
		width: 100% !important;
		page-break-inside: avoid !important;
	}
}

#nabl-labs-directory-wrapper img.nabl-map-popup-status-icon,
.nabl-map-popup-box img.nabl-map-popup-status-icon,
.nabl-map-popup-status-icon {
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	object-fit: contain !important;
	vertical-align: middle !important;
	display: inline-block !important;
	cursor: pointer !important;
}

#nabl-labs-directory-wrapper img.nabl-map-popup-cert-img,
.nabl-map-popup-box img.nabl-map-popup-cert-img,
.nabl-map-popup-cert-img {
	height: 28px !important;
	max-height: 28px !important;
	width: auto !important;
	max-width: 115px !important;
	object-fit: contain !important;
	vertical-align: middle !important;
	display: inline-block !important;
	border-radius: 4px !important;
}