/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   MainLayout.razor.css — Mobile-first app shell
   NOTE: CSS custom properties defined in :root inside Blazor
   scoped CSS files do NOT work — Blazor compiles :root to
   :root[b-xxxx] which never matches. All values are hardcoded.
   ============================================================ */

/* ── Page wrapper ───────────────────────────────────────────── */
.lay-page[b-wbysyjbyqw] {
	display: flex;
	min-height: 100vh;
	position: relative;
}

/* ── App shell (topbar + content) ───────────────────────────── */
.lay-shell[b-wbysyjbyqw] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	/* min-height: 100vh removed — it capped the shell at the viewport height.
	   With flex:1 in the row parent, content taller than the viewport caused
	   .lay-page to stay at 100vh while content overflowed invisibly, so the
	   body never grew and the page couldn't scroll on mobile.
	   .lay-page already provides the min-height: 100vh guarantee. */
}

/* ── Top bar ────────────────────────────────────────────────── */
.lay-topbar[b-wbysyjbyqw] {
	height: 54px;
	background: #1a2d45;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	position: sticky;
	top: 0;
	z-index: 1020;
	flex-shrink: 0;
}

.lay-hamburger[b-wbysyjbyqw] {
	color: rgba(255,255,255,0.75);
	padding: 4px 8px;
	line-height: 1;
	transition: color 150ms ease;
}

	.lay-hamburger:hover[b-wbysyjbyqw] {
		color: #fff;
	}

.lay-icon-btn[b-wbysyjbyqw] {
	color: rgba(255,255,255,0.75);
	padding: 4px 8px;
	line-height: 1;
	transition: color 150ms ease;
	background: none;
	border: none;
}

	.lay-icon-btn:hover[b-wbysyjbyqw] {
		color: #fff;
	}

/* ── Content area ───────────────────────────────────────────── */
.lay-content[b-wbysyjbyqw] {
	flex: 1;
	background: var(--bs-tertiary-bg, #f8f9fa);
	/* Reserve space for bottom nav on mobile — hardcoded 62px */
	padding-bottom: 62px;
}

.lay-article[b-wbysyjbyqw] {
	max-width: 100%;
}

/* ── Bottom nav (mobile only) ───────────────────────────────── */
.lay-bottom-nav[b-wbysyjbyqw] {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1025;
	height: 62px;
	background: var(--bs-body-bg, #fff);
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	box-shadow: 0 -4px 16px rgba(0,0,0,.10);
	align-items: stretch;
}

.lay-bottom-item[b-wbysyjbyqw],
.lay-bottom-more[b-wbysyjbyqw] {
	flex: 1;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px;
	font-size: 10px;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: none;
	background: none;
	border: none;
	border-top: 2px solid transparent;
	padding: 6px 4px 4px;
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease;
	-webkit-tap-highlight-color: transparent;
	min-width: 0;
}

	.lay-bottom-item i[b-wbysyjbyqw],
	.lay-bottom-more i[b-wbysyjbyqw] {
		font-size: 20px;
		line-height: 1;
		flex-shrink: 0;
	}

	.lay-bottom-item span[b-wbysyjbyqw],
	.lay-bottom-more span[b-wbysyjbyqw] {
		font-size: 10px;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.lay-bottom-more:hover[b-wbysyjbyqw] {
		color: #1D9E75;
	}

/* ::deep required — NavLink renders <a> as a child component */
[b-wbysyjbyqw] .lay-bottom-item {
	flex: 1;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px;
	font-size: 10px;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	text-decoration: none;
	background: none;
	border: none;
	border-top: 2px solid transparent;
	padding: 6px 4px 4px;
	-webkit-tap-highlight-color: transparent;
	min-width: 0;
}

	[b-wbysyjbyqw] .lay-bottom-item i {
		font-size: 20px;
		line-height: 1;
		flex-shrink: 0;
		position: static;
		top: unset;
		margin-right: 0;
	}

	[b-wbysyjbyqw] .lay-bottom-item span {
		font-size: 10px;
		line-height: 1.2;
		white-space: nowrap;
	}

	[b-wbysyjbyqw] .lay-bottom-item:hover,
	[b-wbysyjbyqw] .lay-bottom-item.active {
		color: #1D9E75 !important;
		border-top-color: #1D9E75 !important;
		text-decoration: none;
	}

/* ── Blazor error UI ────────────────────────────────────────── */
#blazor-error-ui[b-wbysyjbyqw] {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0,0,0,.2);
	display: none;
	left: 0;
	padding: .6rem 1.25rem .7rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss[b-wbysyjbyqw] {
		cursor: pointer;
		position: absolute;
		right: .75rem;
		top: .5rem;
	}

/* ── Desktop (md+) ──────────────────────────────────────────── */
@media (min-width: 768px) {
	/* Push shell right to clear the 250px fixed sidebar.
	   Hardcoded — cannot use CSS vars in Blazor scoped CSS. */
	.lay-shell[b-wbysyjbyqw] {
		margin-left: 250px;
	}

	.lay-content[b-wbysyjbyqw] {
		padding-bottom: 0;
	}
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================================
   NavMenu.razor.css
   ::deep is required on all NavLink-targeting selectors because
   NavLink is a child Razor component — Blazor's scoped CSS scope
   attribute is not automatically applied to child component output
   without it, so .lay-nav-item rules would not match.
   ============================================================ */

/* ── Offcanvas → fixed sidebar on desktop ───────────────────── */
.lay-offcanvas[b-635d9qnlh6] {
	background: #0F1C2E !important;
	width: 250px !important;
	border-right: 1px solid rgba(255,255,255,0.08) !important;
	display: flex !important;
	flex-direction: column;
}

@media (min-width: 768px) {
	.lay-offcanvas[b-635d9qnlh6] {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		height: 100vh !important;
		transform: none !important;
		visibility: visible !important;
		z-index: 1029;
	}
}

/* ── User profile row ───────────────────────────────────────── */
.lay-user-row[b-635d9qnlh6] {
	background: rgba(255,255,255,0.04);
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.lay-avatar-sm[b-635d9qnlh6] {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(29,158,117,.15);
	border: 1px solid rgba(29,158,117,.35);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #1D9E75;
}

.lay-user-name[b-635d9qnlh6] {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255,255,255,0.90);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lay-user-username[b-635d9qnlh6] {
	font-size: 11px;
	color: #1D9E75;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lay-user-action-btn[b-635d9qnlh6] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	/* Reset browser button defaults — without these the button shows
	   its default white background and border */
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: rgba(255,255,255,0.40);
	font-size: 15px;
	text-decoration: none;
	transition: background 150ms ease, color 150ms ease;
}

	.lay-user-action-btn:hover[b-635d9qnlh6] {
		background: rgba(255,255,255,0.08);
		color: rgba(255,255,255,0.90);
	}

.lay-user-action-btn--active[b-635d9qnlh6] {
	background: rgba(29,158,117,0.20);
	color: #1D9E75;
}

	.lay-user-action-btn--active:hover[b-635d9qnlh6] {
		background: rgba(29,158,117,0.30);
		color: #1D9E75;
	}

.lay-user-logout-btn:hover[b-635d9qnlh6] {
	color: #e74c3c;
}

/* ── Sidebar header ─────────────────────────────────────────── */
.lay-sidebar-header[b-635d9qnlh6] {
	height: 54px;
	flex-shrink: 0;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* ── Two-panel slide container ───────────────────────────────── */
.lay-panel-wrap[b-635d9qnlh6] {
	flex: 1;
	position: relative;
	overflow: hidden;
}

.lay-panel[b-635d9qnlh6] {
	position: absolute;
	inset: 0;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255,0.1) transparent;
	transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
}

	.lay-panel[b-635d9qnlh6]::-webkit-scrollbar {
		width: 4px;
	}

	.lay-panel[b-635d9qnlh6]::-webkit-scrollbar-thumb {
		background: rgba(255,255,255,0.1);
		border-radius: 4px;
	}

/* Main nav: visible by default, slides left when settings opens */
.lay-nav-body[b-635d9qnlh6] {
	transform: translateX(0);
}

	.lay-nav-body.lay-panel--slide-out[b-635d9qnlh6] {
		transform: translateX(-100%);
	}

/* Settings panel: off-screen right by default, slides in */
.lay-settings-panel[b-635d9qnlh6] {
	transform: translateX(100%);
	background: #0F1C2E;
}

	.lay-settings-panel.lay-panel--slide-in[b-635d9qnlh6] {
		transform: translateX(0);
	}

/* Settings panel header (back arrow + title) */
.lay-settings-header[b-635d9qnlh6] {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	flex-shrink: 0;
}

.lay-settings-title[b-635d9qnlh6] {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.55);
}

/* ── Group labels ───────────────────────────────────────────── */
.lay-nav-group[b-635d9qnlh6] {
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.25);
	padding: 14px 20px 5px;
	user-select: none;
}

/* ── Nav items ──────────────────────────────────────────────── */
/* ::deep pierces the NavLink component boundary so styles reach
   the rendered <a> element and its dynamically added .active class */

[b-635d9qnlh6] .lay-nav-item {
	display: flex !important;
	align-items: center !important;
	gap: 10px;
	padding: 9px 20px;
	font-size: 13.5px;
	font-weight: 500;
	color: rgba(255,255,255,0.55);
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
	white-space: nowrap;
	width: 100%;
	background: none;
}

/* Plain <button> used as a nav item (e.g. WKYC ID copy row) */
.lay-nav-btn[b-635d9qnlh6] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 20px;
	font-size: 13.5px;
	font-weight: 500;
	color: rgba(255,255,255,0.55);
	border: none;
	border-left: 3px solid transparent;
	transition: background 150ms ease, color 150ms ease;
	white-space: nowrap;
	width: 100%;
	background: none;
	text-align: left;
	cursor: pointer;
}

	.lay-nav-btn:hover[b-635d9qnlh6] {
		background: rgba(255,255,255,0.05);
		color: rgba(255,255,255,0.90);
	}

[b-635d9qnlh6] .lay-nav-item:hover {
	background: rgba(255,255,255,0.05) !important;
	color: rgba(255,255,255,0.90) !important;
	text-decoration: none;
}

[b-635d9qnlh6] .lay-nav-item.active {
	background: rgba(29,158,117,0.15) !important;
	color: #1D9E75 !important;
	border-left-color: #1D9E75 !important;
}

/* Icons inside nav items */
[b-635d9qnlh6] .lay-nav-item i {
	font-size: 15px;
	flex-shrink: 0;
	width: 18px;
	text-align: center;
	line-height: 1;
	/* Reset any inherited top offset from old NavMenu.razor.css */
	position: static;
	top: unset;
	margin-right: 0;
}

/* ── Sidebar footer ─────────────────────────────────────────── */
.lay-sidebar-footer[b-635d9qnlh6] {
	flex-shrink: 0;
}

.lay-version[b-635d9qnlh6] {
	font-size: 11px;
	color: rgba(255,255,255,0.25);
}

	.lay-version:hover[b-635d9qnlh6] {
		color: rgba(255,255,255,0.55);
	}
/* /Components/Layout/VerifyIdLayout.razor.rz.scp.css */
body[b-7ojksbn2u0] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	Full viewport height background-color: #444 !important;
}

/*.content-wrapper {
	text-align: center;
	min-width: 800px;
}*/

.page[b-7ojksbn2u0] {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #444 !important;
}

main[b-7ojksbn2u0] {
	flex: 1;
	background-color: #444 !important;
}

.sidebar[b-7ojksbn2u0] {
	background-color: #2f353a;
}

.full-height[b-7ojksbn2u0] {
	height: 100%;
}

.top-row[b-7ojksbn2u0] {
	background-color: #394763;
	border-bottom: 1px solid #d6d5d5;
	justify-content: flex-end;
	height: 4rem;
	display: flex;
	align-items: center;
	overflow: visible;
}

	.top-row[b-7ojksbn2u0]  a, .top-row[b-7ojksbn2u0]  .btn-link {
		white-space: nowrap;
		margin-left: 1.5rem;
		text-decoration: none;
		color: white;
	}

		.top-row[b-7ojksbn2u0]  a:hover, .top-row[b-7ojksbn2u0]  .btn-link:hover {
			text-decoration: underline;
		}

		.top-row[b-7ojksbn2u0]  a:first-child {
			overflow: hidden;
			text-overflow: ellipsis;
		}

/* Ensure the dropdown toggle is positioned relatively to the nav item */
.nav-item.dropdown[b-7ojksbn2u0] {
	position: relative;
}

/* Style the dropdown menu */
.dropdown-menu[b-7ojksbn2u0] {
	z-index: 1030; /* Stacking order */
	position: absolute; /* Absolute position */
	right: 0; /* Align to the right of the nav item */
	top: 100%; /* Position below the toggle button */
	left: auto; /* Reset any left positioning */
	min-width: 25rem; /* Minimum width of the dropdown menu */
	border: none; /* Remove borders */
	background-color: #e4e7ea !important;
}

	/* Style the dropdown items for a consistent look and feel */
	.dropdown-menu .dropdown-item[b-7ojksbn2u0] {
		display: flex; /* Use flexbox for horizontal alignment */
		align-items: center; /* Align items vertically */
		color: #444; /* Text color */
		background-color: #fefefe;
		padding: 1rem 1rem; /* Padding inside each dropdown item */
		margin: 0px;
		border-bottom: 1px solid #c8ced3;
	}

	.dropdown-menu .dropdown-item-header[b-7ojksbn2u0] {
		display: flex; /* Use flexbox for horizontal alignment */
		align-items: center; /* Align items vertically */
		color: #333; /* Text color */
		background-color: #e4e7ea;
		padding: 0rem 1rem; /* Padding inside each dropdown item */
		margin: 0px;
		border-bottom: 1px solid #c8ced3;
	}

		.dropdown-menu .dropdown-item-header:hover[b-7ojksbn2u0] {
			text-decoration: none;
		}

		.dropdown-menu .dropdown-item-header .bi[b-7ojksbn2u0] {
			margin-right: 0.5rem; /* Space between the icon and text */
			min-width: 1.5rem; /* Minimum width for icons to ensure alignment */
			text-align: left; /* Center the icon in its container */
			padding-right: 0.5rem;
		}

	/* Adjust the space between the icon and text */
	.dropdown-menu .dropdown-item .bi[b-7ojksbn2u0] {
		margin-right: 0.5rem; /* Space between the icon and text */
		min-width: 1.5rem; /* Minimum width for icons to ensure alignment */
		text-align: left; /* Center the icon in its container */
		padding-right: 0.5rem;
	}

	.dropdown-menu .dropdown-item .fi[b-7ojksbn2u0] {
		margin-right: 0.5rem;
		margin-left: 1rem; /* Space between the icon and text */
		min-width: 1.5rem; /* Minimum width for icons to ensure alignment */
		text-align: left; /* Center the icon in its container */
		padding-right: 0.5rem;
	}

	/* Modify the hover state for dropdown items */
	.dropdown-menu .dropdown-item:hover[b-7ojksbn2u0] {
		background-color: #efefef;
		color: rgb(5, 39, 103);
		font-weight: 500;
		text-decoration: none;
	}

/* Style for large icons in the nav bar */
.large-icon[b-7ojksbn2u0] {
	font-size: 20px; /* Adjust the size of the icons */
}



@media (max-width: 640.98px) {
	.top-row[b-7ojksbn2u0] {
		justify-content: space-between;
	}

		.top-row[b-7ojksbn2u0]  a, .top-row[b-7ojksbn2u0]  .btn-link {
			margin-left: 0;
		}
}

@media (min-width: 641px) {
	.page[b-7ojksbn2u0] {
		flex-direction: row;
	}

	.sidebar[b-7ojksbn2u0] {
		width: 250px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.top-row[b-7ojksbn2u0] {
		position: sticky;
		top: 0;
		z-index: 1;
	}

		.top-row.auth[b-7ojksbn2u0]  a:first-child {
			flex: 1;
			text-align: right;
			width: 0;
		}

	.top-row[b-7ojksbn2u0], article[b-7ojksbn2u0] {
		padding-left: 2rem !important;
		padding-right: 1.5rem !important;
	}
}

#blazor-error-ui[b-7ojksbn2u0] {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss[b-7ojksbn2u0] {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}
/* /Components/Layout/VLinkViewLayout.razor.rz.scp.css */
body[b-0nchtscgll] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	Full viewport height background-color: #444 !important;
}

/*.content-wrapper {
	text-align: center;
	min-width: 800px;
}*/

.page[b-0nchtscgll] {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #444 !important;
}

main[b-0nchtscgll] {
	flex: 1;
	background-color: #444 !important;
}

.sidebar[b-0nchtscgll] {
	background-color: #2f353a;
}

.full-height[b-0nchtscgll] {
	height: 100%;
}

.top-row[b-0nchtscgll] {
	background-color: #394763;
	border-bottom: 1px solid #d6d5d5;
	justify-content: flex-end;
	height: 4rem;
	display: flex;
	align-items: center;
	overflow: visible;
}

	.top-row[b-0nchtscgll]  a, .top-row[b-0nchtscgll]  .btn-link {
		white-space: nowrap;
		margin-left: 1.5rem;
		text-decoration: none;
		color: white;
	}

		.top-row[b-0nchtscgll]  a:hover, .top-row[b-0nchtscgll]  .btn-link:hover {
			text-decoration: underline;
		}

		.top-row[b-0nchtscgll]  a:first-child {
			overflow: hidden;
			text-overflow: ellipsis;
		}

/* Ensure the dropdown toggle is positioned relatively to the nav item */
.nav-item.dropdown[b-0nchtscgll] {
	position: relative;
}

/* Style the dropdown menu */
.dropdown-menu[b-0nchtscgll] {
	z-index: 1030; /* Stacking order */
	position: absolute; /* Absolute position */
	right: 0; /* Align to the right of the nav item */
	top: 100%; /* Position below the toggle button */
	left: auto; /* Reset any left positioning */
	min-width: 25rem; /* Minimum width of the dropdown menu */
	border: none; /* Remove borders */
	background-color: #e4e7ea !important;
}

	/* Style the dropdown items for a consistent look and feel */
	.dropdown-menu .dropdown-item[b-0nchtscgll] {
		display: flex; /* Use flexbox for horizontal alignment */
		align-items: center; /* Align items vertically */
		color: #444; /* Text color */
		background-color: #fefefe;
		padding: 1rem 1rem; /* Padding inside each dropdown item */
		margin: 0px;
		border-bottom: 1px solid #c8ced3;
	}

	.dropdown-menu .dropdown-item-header[b-0nchtscgll] {
		display: flex; /* Use flexbox for horizontal alignment */
		align-items: center; /* Align items vertically */
		color: #333; /* Text color */
		background-color: #e4e7ea;
		padding: 0rem 1rem; /* Padding inside each dropdown item */
		margin: 0px;
		border-bottom: 1px solid #c8ced3;
	}

		.dropdown-menu .dropdown-item-header:hover[b-0nchtscgll] {
			text-decoration: none;
		}

		.dropdown-menu .dropdown-item-header .bi[b-0nchtscgll] {
			margin-right: 0.5rem; /* Space between the icon and text */
			min-width: 1.5rem; /* Minimum width for icons to ensure alignment */
			text-align: left; /* Center the icon in its container */
			padding-right: 0.5rem;
		}

	/* Adjust the space between the icon and text */
	.dropdown-menu .dropdown-item .bi[b-0nchtscgll] {
		margin-right: 0.5rem; /* Space between the icon and text */
		min-width: 1.5rem; /* Minimum width for icons to ensure alignment */
		text-align: left; /* Center the icon in its container */
		padding-right: 0.5rem;
	}

	.dropdown-menu .dropdown-item .fi[b-0nchtscgll] {
		margin-right: 0.5rem;
		margin-left: 1rem; /* Space between the icon and text */
		min-width: 1.5rem; /* Minimum width for icons to ensure alignment */
		text-align: left; /* Center the icon in its container */
		padding-right: 0.5rem;
	}

	/* Modify the hover state for dropdown items */
	.dropdown-menu .dropdown-item:hover[b-0nchtscgll] {
		background-color: #efefef;
		color: rgb(5, 39, 103);
		font-weight: 500;
		text-decoration: none;
	}

/* Style for large icons in the nav bar */
.large-icon[b-0nchtscgll] {
	font-size: 20px; /* Adjust the size of the icons */
}



@media (max-width: 640.98px) {
	.top-row[b-0nchtscgll] {
		justify-content: space-between;
	}

		.top-row[b-0nchtscgll]  a, .top-row[b-0nchtscgll]  .btn-link {
			margin-left: 0;
		}
}

@media (min-width: 641px) {
	.page[b-0nchtscgll] {
		flex-direction: row;
	}

	.sidebar[b-0nchtscgll] {
		width: 250px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.top-row[b-0nchtscgll] {
		position: sticky;
		top: 0;
		z-index: 1;
	}

		.top-row.auth[b-0nchtscgll]  a:first-child {
			flex: 1;
			text-align: right;
			width: 0;
		}

	.top-row[b-0nchtscgll], article[b-0nchtscgll] {
		padding-left: 2rem !important;
		padding-right: 1.5rem !important;
	}
}

#blazor-error-ui[b-0nchtscgll] {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss[b-0nchtscgll] {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}
/* /Components/Pages/Balance.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Balance Page — WorldKYC
   Fonts: Sora (UI), JetBrains Mono (amounts)
   ═══════════════════════════════════════════════ */

/* ── CSS variables ── */
.balance-page[b-n91wee4v8c] {
	--teal: #00CBA4;
	--teal-dim: rgba(0, 203, 164, 0.12);
	--teal-border: rgba(0, 203, 164, 0.30);
	--border: rgba(0, 0, 0, 0.10);
	--hover-bg: rgba(0, 0, 0, 0.04);
	--active-bg: rgba(0, 203, 164, 0.08);
	--text-primary: inherit;
	--text-muted: #6B7280;
	--text-dim: #9CA3AF;
	--red: #EF4444;
	--green: #00CBA4;
	--font-ui: 'Sora', sans-serif;
	--font-mono: 'JetBrains Mono', monospace;
	--radius-card: 16px;
	--radius-input: 10px;
	font-family: var(--font-ui);
	padding: 16px;
	max-width: 560px;
	margin: 0 auto;
}

/* ── Header Row ── */
.balance-header[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.balance-header-left[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	gap: 14px;
}

.balance-folder-icon[b-n91wee4v8c] {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--teal-dim);
	border: 1px solid var(--teal-border);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--teal);
	flex-shrink: 0;
}

	.balance-folder-icon svg[b-n91wee4v8c] {
		width: 20px;
		height: 20px;
	}

.balance-title-group[b-n91wee4v8c] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.balance-title[b-n91wee4v8c] {
	font-size: 1.15rem;
	font-weight: 600;
	margin: 0;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.balance-count[b-n91wee4v8c] {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--teal);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* ── Toolbar Row ── */
.balance-toolbar[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}

.balance-search-wrap[b-n91wee4v8c] {
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
}

.search-icon[b-n91wee4v8c] {
	position: absolute;
	left: 12px;
	width: 15px;
	height: 15px;
	color: var(--text-muted);
	pointer-events: none;
	flex-shrink: 0;
}

.balance-search[b-n91wee4v8c] {
	width: 100%;
	background: transparent;
	border: 1px solid var(--border);
	border-radius: var(--radius-input);
	font-family: var(--font-ui);
	font-size: 0.88rem;
	padding: 10px 36px 10px 36px;
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
}

	.balance-search[b-n91wee4v8c]::placeholder {
		color: var(--text-dim);
	}

	.balance-search:focus[b-n91wee4v8c] {
		border-color: var(--teal-border);
		box-shadow: 0 0 0 3px var(--teal-dim);
	}

.search-clear[b-n91wee4v8c] {
	position: absolute;
	right: 10px;
	background: none;
	border: none;
	padding: 2px;
	color: var(--text-muted);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.15s;
}

	.search-clear svg[b-n91wee4v8c] {
		width: 14px;
		height: 14px;
	}

	.search-clear:hover[b-n91wee4v8c] {
		color: var(--text-primary);
	}

/* Zero-balance toggle button */
.zero-toggle[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: 1px solid var(--border);
	border-radius: var(--radius-input);
	color: var(--text-muted);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 500;
	padding: 9px 12px;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s;
	flex-shrink: 0;
}

	.zero-toggle svg[b-n91wee4v8c] {
		width: 14px;
		height: 14px;
		flex-shrink: 0;
	}

	.zero-toggle:hover[b-n91wee4v8c] {
		border-color: var(--teal-border);
	}

	.zero-toggle.active[b-n91wee4v8c] {
		background: var(--teal-dim);
		border-color: var(--teal-border);
		color: var(--teal);
	}

/* ── Balance Card ── */
.balance-card[b-n91wee4v8c] {
	border: 1px solid var(--border);
	border-radius: var(--radius-card);
	overflow: hidden;
}

/* List header */
.balance-list-header[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--text-dim);
	border-bottom: 1px solid var(--border);
}

/* Balance rows */
.balance-list[b-n91wee4v8c] {
	display: flex;
	flex-direction: column;
}

.balance-row-link[b-n91wee4v8c] {
	display: block;
	text-decoration: none;
	color: inherit;
}

	.balance-row-link:last-child .balance-row[b-n91wee4v8c] {
		border-bottom: none;
	}

	.balance-row-link:hover .balance-row[b-n91wee4v8c] {
		background: var(--hover-bg);
	}

	.balance-row-link:active .balance-row[b-n91wee4v8c] {
		background: var(--active-bg);
	}

.balance-row[b-n91wee4v8c] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 13px 16px;
	border-bottom: 1px solid var(--border);
}

/* Currency cell: avatar + code */
.ccy-cell[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ccy-avatar[b-n91wee4v8c] {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--ccy-color) 18%, transparent);
	border: 1px solid color-mix(in srgb, var(--ccy-color) 40%, transparent);
	color: var(--ccy-color);
	font-family: var(--font-mono);
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	text-transform: uppercase;
}

.ccy-code[b-n91wee4v8c] {
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0.02em;
}

/* Balance amount */
.balance-amount[b-n91wee4v8c] {
	font-family: var(--font-mono);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: -0.01em;
}

	/* BalanceClass variants */
	.balance-amount.text-danger[b-n91wee4v8c] {
		color: var(--red);
	}

	.balance-amount.text-success[b-n91wee4v8c] {
		color: var(--green);
	}

	.balance-amount.text-muted[b-n91wee4v8c] {
		color: var(--text-muted);
	}

/* ── Empty state ── */
.balance-empty[b-n91wee4v8c] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 48px 24px;
	color: var(--text-dim);
}

	.balance-empty svg[b-n91wee4v8c] {
		width: 32px;
		height: 32px;
		opacity: 0.4;
	}

	.balance-empty p[b-n91wee4v8c] {
		font-size: 0.85rem;
		margin: 0;
	}

/* ── Error state ── */
.balance-error[b-n91wee4v8c] {
	text-align: center;
	color: var(--red);
	padding: 32px 16px;
	font-size: 0.88rem;
}

/* ── Skeleton loader ── */
@keyframes shimmer-b-n91wee4v8c {
	0% {
		background-position: -400px 0;
	}

	100% {
		background-position: 400px 0;
	}
}

.skeleton-block[b-n91wee4v8c] {
	background: linear-gradient( 90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.10) 50%, rgba(0,0,0,0.06) 75% );
	background-size: 800px 100%;
	animation: shimmer-b-n91wee4v8c 1.4s infinite;
}

.skeleton-row[b-n91wee4v8c] {
	display: flex;
	align-items: center;
	padding: 14px 16px;
	border-bottom: 1px solid var(--border);
}

	.skeleton-row:last-child[b-n91wee4v8c] {
		border-bottom: none;
	}

/* ── Responsive ── */
@media (min-width: 480px) {
	.balance-page[b-n91wee4v8c] {
		padding: 24px 20px;
	}

	.balance-title[b-n91wee4v8c] {
		font-size: 1.25rem;
	}
}
/* /Components/Pages/Balances/AccountStatement.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   AccountStatement.razor.css  —  WorldKYC mobile-first, theme-aware
   No dark backgrounds — inherits from app shell
   ═══════════════════════════════════════════════════════════════════ */

/* ── Tokens ──────────────────────────────────────────────────────── */
.stmt-page[b-ynvccehpd0] {
	--teal: #00CBA4;
	--teal-dim: rgba(0, 203, 164, 0.12);
	--teal-border: rgba(0, 203, 164, 0.30);
	--border: rgba(0, 0, 0, 0.09);
	--hover-bg: rgba(0, 0, 0, 0.04);
	--credit: #059669;
	--credit-bg: rgba(5, 150, 105, 0.10);
	--credit-border: rgba(5, 150, 105, 0.25);
	--debit: #DC2626;
	--debit-bg: rgba(220, 38, 38, 0.08);
	--debit-border: rgba(220, 38, 38, 0.22);
	--text-muted: #6B7280;
	--text-dim: #9CA3AF;
	--red-err: #EF4444;
	--font-ui: 'Sora', sans-serif;
	--font-mono: 'JetBrains Mono', monospace;
	--radius: 14px;
	--radius-sm: 8px;
	--radius-xs: 5px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	max-width: 640px;
	margin: 0 auto;
	font-family: var(--font-ui);
}

/* ── Loading ─────────────────────────────────────────────────────── */
.stmt-loading[b-ynvccehpd0] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
	gap: 14px;
	font-family: var(--font-ui, 'Sora', sans-serif);
}

.stmt-spinner-ring[b-ynvccehpd0] {
	width: 44px;
	height: 44px;
	border: 3px solid rgba(0,0,0,0.10);
	border-top-color: #00CBA4;
	border-radius: 50%;
	animation: stmt-spin-b-ynvccehpd0 0.8s linear infinite;
}

@keyframes stmt-spin-b-ynvccehpd0 {
	to {
		transform: rotate(360deg);
	}
}

.stmt-loading-text[b-ynvccehpd0] {
	font-size: 0.8rem;
	color: #6B7280;
	letter-spacing: 0.04em;
	margin: 0;
}

/* ── Error ───────────────────────────────────────────────────────── */
.stmt-error[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px;
	background: rgba(239, 68, 68, 0.07);
	border: 1px solid rgba(239, 68, 68, 0.22);
	border-radius: var(--radius);
	color: var(--red-err);
	font-size: 0.88rem;
}

.stmt-error-icon[b-ynvccehpd0] {
	flex-shrink: 0;
}

.stmt-error p[b-ynvccehpd0] {
	margin: 0;
}

/* ══ BACK BUTTON ═════════════════════════════════════════════════════ */
.stmt-back-btn[b-ynvccehpd0] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	background: transparent;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	padding: 9px 14px;
	font-family: var(--font-ui);
	font-size: 0.82rem;
	color: var(--text-muted);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
}

	.stmt-back-btn:hover[b-ynvccehpd0] {
		border-color: var(--teal-border);
		color: var(--teal);
	}

	.stmt-back-btn .bi[b-ynvccehpd0] {
		font-size: 0.85rem;
	}

/* ══ HEADER ══════════════════════════════════════════════════════════ */
.stmt-header[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 16px;
	position: relative;
	overflow: hidden;
}

	/* Subtle teal left accent bar */
	.stmt-header[b-ynvccehpd0]::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 3px;
		height: 100%;
		background: linear-gradient(180deg, var(--teal), transparent);
		border-radius: var(--radius) 0 0 var(--radius);
	}

	.stmt-header > *[b-ynvccehpd0] {
		position: relative;
		z-index: 1;
	}

.stmt-header-icon[b-ynvccehpd0] {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--teal-dim);
	border: 1px solid var(--teal-border);
	border-radius: var(--radius-sm);
	color: var(--teal);
	font-size: 1.1rem;
}

.stmt-header-text[b-ynvccehpd0] {
	flex: 1;
	min-width: 0;
}

.stmt-title[b-ynvccehpd0] {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 2px 0;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.stmt-subtitle[b-ynvccehpd0] {
	font-size: 0.75rem;
	color: var(--text-muted);
	margin: 0;
}

.stmt-ccy-badge[b-ynvccehpd0] {
	flex-shrink: 0;
	font-family: var(--font-mono);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--teal);
	background: var(--teal-dim);
	border: 1px solid var(--teal-border);
	border-radius: 20px;
	padding: 4px 10px;
}

/* ══ CONTROLS ════════════════════════════════════════════════════════ */
.stmt-controls[b-ynvccehpd0] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 12px 14px;
}

.stmt-period-row[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.stmt-period-cal-icon[b-ynvccehpd0] {
	flex-shrink: 0;
	font-size: 0.85rem;
	color: var(--text-dim);
}

/* Scrollable chip strip — no wrapping on small screens */
.stmt-period-chips[b-ynvccehpd0] {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 2px;
}

	.stmt-period-chips[b-ynvccehpd0]::-webkit-scrollbar {
		display: none;
	}

.stmt-chip[b-ynvccehpd0] {
	flex-shrink: 0;
	padding: 6px 13px;
	border-radius: 20px;
	border: 1px solid var(--border);
	background: transparent;
	font-family: var(--font-mono);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--text-muted);
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
	white-space: nowrap;
}

	.stmt-chip:hover[b-ynvccehpd0] {
		border-color: var(--teal-border);
		color: var(--teal);
	}

.stmt-chip--active[b-ynvccehpd0] {
	background: var(--teal-dim);
	border-color: var(--teal-border);
	color: var(--teal);
}

.stmt-count-badge[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	color: var(--text-dim);
	font-family: var(--font-mono);
	padding-top: 8px;
	border-top: 1px solid var(--border);
}

/* ══ LIST ════════════════════════════════════════════════════════════ */
.stmt-list[b-ynvccehpd0] {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
}

/* Column header */
.stmt-list-header[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
	border-bottom: 1px solid var(--border);
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--text-dim);
}

.stmt-col-amt-header[b-ynvccehpd0] {
	text-align: right;
}

/* ── Entry row ── */
.stmt-entry[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--border);
	cursor: pointer;
	transition: background 0.15s;
	position: relative;
}

	.stmt-entry:last-child[b-ynvccehpd0] {
		border-bottom: none;
	}

	.stmt-entry:hover[b-ynvccehpd0] {
		background: var(--hover-bg);
	}

	.stmt-entry:active[b-ynvccehpd0] {
		background: var(--teal-dim);
	}

	/* Teal left-flash on hover */
	.stmt-entry[b-ynvccehpd0]::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 2px;
		background: var(--teal);
		transform: scaleY(0);
		transition: transform 0.15s ease;
	}

	.stmt-entry:hover[b-ynvccehpd0]::before {
		transform: scaleY(1);
	}

/* ── Body: ref + date stacked ── */
.stmt-entry-body[b-ynvccehpd0] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.stmt-entry-ref[b-ynvccehpd0] {
	font-family: var(--font-mono);
	font-size: 0.78rem;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.stmt-entry-date[b-ynvccehpd0] {
	font-family: var(--font-mono);
	font-size: 0.68rem;
	color: var(--text-dim);
	white-space: nowrap;
}

/* ── Right: amount + chevron ── */
.stmt-entry-right[b-ynvccehpd0] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.stmt-amount[b-ynvccehpd0] {
	font-family: var(--font-mono);
	font-size: 0.84rem;
	font-weight: 700;
	white-space: nowrap;
	text-align: right;
}

	.stmt-amount.text-success[b-ynvccehpd0],
	.stmt-amount.credit[b-ynvccehpd0],
	.stmt-amount.positive[b-ynvccehpd0] {
		color: var(--credit);
	}

	.stmt-amount.text-danger[b-ynvccehpd0],
	.stmt-amount.debit[b-ynvccehpd0],
	.stmt-amount.negative[b-ynvccehpd0] {
		color: var(--debit);
	}

.stmt-entry-chevron[b-ynvccehpd0] {
	color: var(--text-dim);
	font-size: 0.72rem;
	transition: color 0.15s, transform 0.15s;
}

.stmt-entry:hover .stmt-entry-chevron[b-ynvccehpd0] {
	color: var(--teal);
	transform: translateX(2px);
}

/* ══ EMPTY STATE ══════════════════════════════════════════════════════ */
.stmt-empty[b-ynvccehpd0] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 44px 20px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	text-align: center;
}

.stmt-empty-icon[b-ynvccehpd0] {
	color: var(--text-dim);
	font-size: 2.2rem;
	margin-bottom: 4px;
	line-height: 1;
}

.stmt-empty p[b-ynvccehpd0] {
	margin: 0;
	font-size: 0.9rem;
}

.stmt-empty span[b-ynvccehpd0] {
	font-size: 0.78rem;
	color: var(--text-dim);
}

/* ══ RESPONSIVE ═══════════════════════════════════════════════════════ */
@media (max-width: 360px) {
	.stmt-page[b-ynvccehpd0] {
		padding: 12px;
		gap: 10px;
	}

	.stmt-entry[b-ynvccehpd0] {
		padding: 12px;
		gap: 10px;
	}
}

@media (min-width: 480px) {
	.stmt-page[b-ynvccehpd0] {
		padding: 20px;
		gap: 14px;
	}

	.stmt-title[b-ynvccehpd0] {
		font-size: 1.05rem;
	}

	.stmt-amount[b-ynvccehpd0] {
		font-size: 0.88rem;
	}
}
/* /Components/Pages/ChangePassword.razor.rz.scp.css */
body[b-m48nbpkfbd] {
}
/* /Components/Pages/ContactUs.razor.rz.scp.css */
body[b-irlxo9iwwg] {
}
/* /Components/Pages/Document.razor.rz.scp.css */
body[b-k3xluv89ek] {
}
/* /Components/Pages/FX.razor.rz.scp.css */
.fx-row:hover[b-nkjp13kei3] {
	background-color: #f8f9fa;
	cursor: pointer;
}

.fx-list-item[b-nkjp13kei3] {
	transition: background-color 0.15s ease-in-out, transform 0.1s ease;
	border-radius: 6px;
}

	.fx-list-item:active[b-nkjp13kei3] {
		transform: scale(0.99);
		background-color: #f8f9fa !important;
	}

.font-monospace[b-nkjp13kei3] {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.badge-currency[b-nkjp13kei3] {
	font-size: 0.65rem;
	letter-spacing: 0.04em;
	padding: 0.2rem 0.4rem;
	border-radius: 4px;
}
/* /Components/Pages/FXs/FXDetail.razor.rz.scp.css */
.form-image[b-g8mnw4n680] {
	max-width: 500px; /* Adjust the max-width as needed */
	width: auto; /* Ensure the image is responsive */
}
/* /Components/Pages/GetVerified.razor.rz.scp.css */
/* ============================================================
   GetVerified.razor.css — Mobile-first KYC wizard
   ============================================================ */

/* ── Missing field indicators (step 3) ──────────────────────── */

/* ::deep pierces the InputText/InputSelect/InputDate component
   boundary so the scoped CSS scope attribute reaches the
   rendered <input> / <select> elements */
[b-9l2x1jhdkx] .gv-field-missing {
	border-color: #dc3545 !important;
	background-color: rgba(220, 53, 69, 0.04) !important;
}

	[b-9l2x1jhdkx] .gv-field-missing:focus {
		border-color: #dc3545 !important;
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
	}

[b-9l2x1jhdkx] .gv-field-ok {
	border-color: var(--bs-border-color, #dee2e6);
}

	[b-9l2x1jhdkx] .gv-field-ok:focus {
		border-color: var(--bs-primary, #0d6efd);
	}

/* ── Page ───────────────────────────────────────────────────── */
.gv-page[b-9l2x1jhdkx] {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 0 16px;
}

/* ── Stepper ─────────────────────────────────────────────────── */
.gv-stepper[b-9l2x1jhdkx] {
	display: flex;
	align-items: center;
	padding: 12px 0;
}

.gv-step[b-9l2x1jhdkx] {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.gv-step-dot[b-9l2x1jhdkx] {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid var(--bs-border-color, #dee2e6);
	background: var(--bs-body-bg, #fff);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	color: var(--bs-secondary-color, #6c757d);
	transition: background 200ms ease, border-color 200ms ease, color 200ms ease;
	flex-shrink: 0;
}

.gv-step--active .gv-step-dot[b-9l2x1jhdkx] {
	background: var(--bs-primary, #0d6efd);
	border-color: var(--bs-primary, #0d6efd);
	color: #fff;
}

.gv-step--done .gv-step-dot[b-9l2x1jhdkx] {
	background: var(--bs-success, #198754);
	border-color: var(--bs-success, #198754);
	color: #fff;
}

.gv-step-label[b-9l2x1jhdkx] {
	font-size: 11px;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
}

.gv-step--active .gv-step-label[b-9l2x1jhdkx] {
	color: var(--bs-primary, #0d6efd);
	font-weight: 600;
}

.gv-step--done .gv-step-label[b-9l2x1jhdkx] {
	color: var(--bs-success, #198754);
}

.gv-step-line[b-9l2x1jhdkx] {
	flex: 1;
	height: 2px;
	background: var(--bs-border-color, #dee2e6);
	margin: 0 4px;
	transition: background 200ms ease;
}

.gv-step-line--done[b-9l2x1jhdkx] {
	background: var(--bs-success, #198754);
}

/* ── Drop zone ───────────────────────────────────────────────── */
.gv-drop-zone[b-9l2x1jhdkx] {
	cursor: pointer;
	transition: border-color 150ms ease, background 150ms ease;
	background: var(--bs-tertiary-bg, #f8f9fa);
	min-height: 100px;
}

	.gv-drop-zone:hover[b-9l2x1jhdkx] {
		border-color: var(--bs-primary, #0d6efd) !important;
		background: rgba(13, 110, 253, .04);
	}

/* ── Verified icon ───────────────────────────────────────────── */
.gv-verified-icon[b-9l2x1jhdkx] {
	width: 64px;
	height: 64px;
	border-radius: 18px;
	background: linear-gradient(135deg, #d1e7dd, #a3cfbb);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	color: #0f5132;
}

/* ── Member avatar (step 1 header) ──────────────────────────── */
.gv-member-avatar[b-9l2x1jhdkx] {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(13, 110, 253, .1);
	border: 1px solid rgba(13, 110, 253, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--bs-primary, #0d6efd);
	flex-shrink: 0;
}

/* ── Summary rows (step 4) ───────────────────────────────────── */
.gv-summary[b-9l2x1jhdkx] {
	overflow: hidden;
}

.gv-summary-row[b-9l2x1jhdkx] {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 8px 12px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

	.gv-summary-row:last-child[b-9l2x1jhdkx] {
		border-bottom: none;
	}

	.gv-summary-row:nth-child(odd)[b-9l2x1jhdkx] {
		background: var(--bs-tertiary-bg, #f8f9fa);
	}

.gv-summary-label[b-9l2x1jhdkx] {
	font-size: 12px;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
	min-width: 130px;
}

/* ── Step navigation ─────────────────────────────────────────── */

/* Mobile: fixed above the bottom nav bar */
.gv-step-nav[b-9l2x1jhdkx] {
	position: fixed;
	bottom: 62px;
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--bs-body-bg, #fff);
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	padding: 10px 16px;
	gap: 8px;
	box-shadow: 0 -4px 16px rgba(0,0,0,.07);
}

.gv-nav-btn[b-9l2x1jhdkx] {
	min-width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ── Animations (preserved from original) ───────────────────── */
.fade-in[b-9l2x1jhdkx] {
	animation: fadeIn-b-9l2x1jhdkx 0.35s ease both;
}

@keyframes fadeIn-b-9l2x1jhdkx {
	from {
		opacity: 0;
		transform: translateY(6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── Dashed border (preserved) ──────────────────────────────── */
.border-dashed[b-9l2x1jhdkx] {
	border-style: dashed !important;
	border-width: 2px !important;
}

/* ── Desktop ─────────────────────────────────────────────────── */
@media (min-width: 768px) {
	/* Normal flow on desktop — not fixed, renders as card footer */
	.gv-step-nav[b-9l2x1jhdkx] {
		position: static;
		box-shadow: none;
		border: 1px solid var(--bs-border-color, #dee2e6);
		border-radius: .5rem;
		margin-top: 8px;
		padding: 12px 20px;
	}

	.gv-nav-btn[b-9l2x1jhdkx] {
		min-width: 120px;
		height: 42px;
		font-size: .9rem;
		font-weight: 500;
	}

	.gv-summary-label[b-9l2x1jhdkx] {
		min-width: 160px;
	}
}
/* /Components/Pages/GetVerifiedOld.razor.rz.scp.css */
.form-image[b-ulb7d7l624] {
	max-width: 500px; /* Adjust the max-width as needed */
	width: 100%; /* Ensure the image is responsive */
}

.qr-code[b-ulb7d7l624] {
	width: 250px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Design tokens ──────────────────────────────────────── */
:root[b-9zwfw027y9] {
	--wkyc-bg: #0B1120;
	--wkyc-surface: #111827;
	--wkyc-surface-2: #1a2236;
	--wkyc-border: rgba(255,255,255,0.07);
	--wkyc-teal: #00CBA4;
	--wkyc-teal-dim: rgba(0, 203, 164, 0.12);
	--wkyc-teal-border: rgba(0, 203, 164, 0.28);
	--wkyc-text: #E2E8F0;
	--wkyc-text-muted: #64748B;
	--wkyc-danger: #F87171;
	--wkyc-danger-dim: rgba(248, 113, 113, 0.1);
	--wkyc-radius: 16px;
	--wkyc-font: 'Sora', system-ui, sans-serif;
	--wkyc-mono: 'JetBrains Mono', monospace;
}

/* ── Page shell ─────────────────────────────────────────── */
.wkyc-home[b-9zwfw027y9] {
	font-family: var(--wkyc-font);
	color: var(--wkyc-text);
	padding: 1rem;
	max-width: 680px;
	margin: 0 auto;
	padding-bottom: 4rem; /* thumb-scroll breathing room */
}

/* ── Page header ────────────────────────────────────────── */
.wkyc-header[b-9zwfw027y9] {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--wkyc-border);
}

.wkyc-header-icon[b-9zwfw027y9] {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: var(--wkyc-teal-dim);
	border: 1.5px solid var(--wkyc-teal-border);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: var(--wkyc-teal);
	flex-shrink: 0;
}

.wkyc-header h1[b-9zwfw027y9] {
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin: 0;
	line-height: 1.2;
	color: var(--wkyc-text);
}

.wkyc-header .wkyc-subtitle[b-9zwfw027y9] {
	font-size: 0.75rem;
	color: var(--wkyc-text-muted);
	margin: 0.1rem 0 0;
	font-weight: 400;
}

/* ── Cards ──────────────────────────────────────────────── */
.wkyc-card[b-9zwfw027y9] {
	background: var(--wkyc-surface);
	border: 1px solid var(--wkyc-border);
	border-radius: var(--wkyc-radius);
	margin-bottom: 1rem;
	overflow: hidden;
}

.wkyc-card-header[b-9zwfw027y9] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.85rem 1rem;
	border-bottom: 1px solid var(--wkyc-border);
	background: rgba(255,255,255,0.02);
}

.wkyc-card-title[b-9zwfw027y9] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--wkyc-teal);
}

.wkyc-card-body[b-9zwfw027y9] {
	padding: 1.25rem 1rem;
}

/* ── QR code block ──────────────────────────────────────── */
.wkyc-qr-center[b-9zwfw027y9] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

.wkyc-qr-frame[b-9zwfw027y9] {
	position: relative;
	padding: 10px;
	border-radius: 12px;
	background: #fff;
	display: inline-block;
	box-shadow: 0 0 0 1.5px var(--wkyc-teal-border), 0 8px 32px rgba(0,0,0,0.35);
}

	.wkyc-qr-frame img[b-9zwfw027y9] {
		display: block;
		width: 200px;
		height: 200px;
		object-fit: contain;
		border-radius: 4px;
	}

@media (min-width: 420px) {
	.wkyc-qr-frame img[b-9zwfw027y9] {
		width: 230px;
		height: 230px;
	}
}

/* URL copy buttons */
.wkyc-url-group[b-9zwfw027y9] {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.wkyc-url-label[b-9zwfw027y9] {
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wkyc-text-muted);
	margin-bottom: 0.15rem;
}

.wkyc-copy-btn[b-9zwfw027y9] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	min-height: 44px;
	padding: 0.6rem 0.85rem;
	border-radius: 10px;
	border: 1px solid var(--wkyc-border);
	background: var(--wkyc-surface-2);
	color: var(--wkyc-teal);
	font-family: var(--wkyc-mono);
	font-size: 0.72rem;
	text-align: left;
	cursor: pointer;
	transition: background 0.18s, border-color 0.18s;
	word-break: break-all;
	-webkit-tap-highlight-color: transparent;
}

	.wkyc-copy-btn:hover[b-9zwfw027y9] {
		background: var(--wkyc-teal-dim);
		border-color: var(--wkyc-teal-border);
	}

	.wkyc-copy-btn .copy-icon[b-9zwfw027y9] {
		flex-shrink: 0;
		font-size: 0.85rem;
		opacity: 0.6;
	}

/* ══════════════════════════════════════════════════════════
   SEARCH FIELD — mobile-first
   Base styles target phones (≤479px).
   Desktop overrides live inside @media (min-width: 480px).
   ══════════════════════════════════════════════════════════ */

/* ── Field group wrapper ────────────────────────────────── */
.wkyc-search-field-group[b-9zwfw027y9] {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

/* ── Label ──────────────────────────────────────────────── */
.wkyc-search-label[b-9zwfw027y9] {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-family: var(--wkyc-font);
	font-size: 0.78rem; /* slightly larger on mobile for readability */
	font-weight: 600;
	color: var(--wkyc-text-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	user-select: none;
}

	.wkyc-search-label i[b-9zwfw027y9] {
		font-size: 0.95rem;
		color: var(--wkyc-teal);
	}

/* ── Search row — stacked on mobile, side-by-side on desktop */
.wkyc-search-row[b-9zwfw027y9] {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

@media (min-width: 480px) {
	.wkyc-search-row[b-9zwfw027y9] {
		flex-direction: row;
		align-items: stretch;
		gap: 0.5rem;
	}
}

/* ── Input wrapper ──────────────────────────────────────── */
.wkyc-search-input-wrapper[b-9zwfw027y9] {
	flex: 1;
	display: flex;
	align-items: center;
	min-height: 52px; /* generous touch target on mobile */
	border-radius: 14px; /* slightly more rounded — native app feel */
	border: 1.5px solid rgba(0, 203, 164, 0.30);
	background: var(--wkyc-surface-2);
	touch-action: manipulation;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
	box-sizing: border-box;
	-webkit-appearance: none;
}

	.wkyc-search-input-wrapper:focus-within[b-9zwfw027y9] {
		border-color: var(--wkyc-teal);
		background: var(--wkyc-surface);
		box-shadow: 0 0 0 3px rgba(0, 203, 164, 0.15), 0 2px 10px rgba(0, 203, 164, 0.10);
	}

	.wkyc-search-input-wrapper.is-error[b-9zwfw027y9] {
		border-color: rgba(248, 113, 113, 0.65);
		box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.12);
	}

@media (min-width: 480px) {
	.wkyc-search-input-wrapper[b-9zwfw027y9] {
		min-height: 48px;
		border-radius: 12px;
	}
}

/* ── Prefix icon ────────────────────────────────────────── */
.wkyc-input-prefix-icon[b-9zwfw027y9] {
	flex-shrink: 0;
	padding: 0 0.3rem 0 1rem;
	font-size: 1rem; /* larger tap-area icon on mobile */
	color: rgba(0, 203, 164, 0.50);
	pointer-events: none;
	transition: color 0.15s ease;
}

.wkyc-search-input-wrapper:focus-within .wkyc-input-prefix-icon[b-9zwfw027y9] {
	color: var(--wkyc-teal);
}

@media (min-width: 480px) {
	.wkyc-input-prefix-icon[b-9zwfw027y9] {
		padding: 0 0.25rem 0 0.9rem;
		font-size: 0.9rem;
	}
}

/* ── Text input ─────────────────────────────────────────── */
.wkyc-search-input[b-9zwfw027y9] {
	flex: 1;
	min-width: 0;
	background: transparent;
	border: none;
	outline: none;
	padding: 0 1rem 0 0.5rem;
	font-family: var(--wkyc-mono);
	font-size: 0.95rem; /* comfortable reading size on mobile */
	color: var(--wkyc-text);
	caret-color: var(--wkyc-teal);
	touch-action: manipulation;
	-webkit-appearance: none;
}

	.wkyc-search-input[b-9zwfw027y9]::placeholder {
		font-family: var(--wkyc-font);
		font-size: 0.88rem;
		font-style: italic;
		color: rgba(100, 116, 139, 0.60);
	}

@media (min-width: 480px) {
	.wkyc-search-input[b-9zwfw027y9] {
		font-size: 0.88rem;
		padding: 0 0.9rem 0 0.5rem;
	}

		.wkyc-search-input[b-9zwfw027y9]::placeholder {
			font-size: 0.85rem;
		}
}

/* ── Hint line ──────────────────────────────────────────── */
.wkyc-search-hint[b-9zwfw027y9] {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-family: var(--wkyc-font);
	font-size: 0.75rem;
	color: rgba(100, 116, 139, 0.60);
}

	.wkyc-search-hint i[b-9zwfw027y9] {
		font-size: 0.78rem;
		color: rgba(0, 203, 164, 0.40);
	}

/* ── Search button ──────────────────────────────────────── */
.wkyc-search-btn[b-9zwfw027y9] {
	/* Mobile-first base */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%; /* full-width when stacked */
	min-height: 52px; /* matches input wrapper — thumb-friendly */
	padding: 0 1.75rem;
	border-radius: 14px; /* matches input wrapper radius */

	border: 1px solid rgba(255, 255, 255, 0.18);
	border-bottom-color: rgba(0, 140, 115, 0.6);
	background: linear-gradient(145deg, #00ddb3 0%, #00CBA4 45%, #00aa89 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 4px 16px rgba(0, 203, 164, 0.32), 0 1px 4px rgba(0, 0, 0, 0.28);
	color: #041c16;
	font-family: var(--wkyc-font);
	font-size: 0.95rem; /* larger label on mobile */
	font-weight: 700;
	letter-spacing: 0.03em;
	cursor: pointer;
	white-space: nowrap;
	user-select: none;
	touch-action: manipulation; /* kills 300ms tap delay */
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	/* Snappy transitions — mobile users feel lag above 150ms */
	transition: box-shadow 0.15s ease, transform 0.1s ease, filter 0.15s ease;
}

	/* Icon inside button — always visible (full-width button has room) */
	.wkyc-search-btn .btn-search-icon[b-9zwfw027y9] {
		font-size: 1rem;
	}

/* Desktop overrides */
@media (min-width: 480px) {
	.wkyc-search-btn[b-9zwfw027y9] {
		width: auto;
		flex-shrink: 0;
		min-height: 48px;
		padding: 0 1.5rem;
		border-radius: 12px;
		font-size: 0.88rem;
	}

		.wkyc-search-btn .btn-search-icon[b-9zwfw027y9] {
			font-size: 0.9rem;
		}
}

/* Disabled */
.wkyc-search-btn:disabled[b-9zwfw027y9] {
	opacity: 0.38;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
	filter: none;
}

/* ── Active / press state (primary feedback on touch) ───── */
/* Fires on both mobile tap and desktop click */
.wkyc-search-btn:not(:disabled):active[b-9zwfw027y9] {
	transform: scale(0.95) translateY(1px);
	filter: brightness(0.90);
	transition-duration: 0.08s; /* instant press-down feel */
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.20), 0 1px 4px rgba(0, 203, 164, 0.20);
}

/* ── Hover (pointer/mouse devices only — never fires on touch) */
@media (hover: hover) and (pointer: fine) {
	.wkyc-search-btn:not(:disabled):hover[b-9zwfw027y9] {
		filter: brightness(1.08);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 6px 22px rgba(0, 203, 164, 0.50), 0 2px 6px rgba(0, 0, 0, 0.22);
	}
}

.wkyc-field-error[b-9zwfw027y9] {
	margin-top: 0.4rem;
	font-size: 0.78rem;
	color: var(--wkyc-danger);
	display: flex;
	align-items: center;
	gap: 0.3rem;
}

/* ── Alert messages ─────────────────────────────────────── */
.wkyc-alert[b-9zwfw027y9] {
	padding: 0.8rem 1rem;
	border-radius: 10px;
	font-size: 0.85rem;
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

	.wkyc-alert.danger[b-9zwfw027y9] {
		background: var(--wkyc-danger-dim);
		border: 1px solid rgba(248,113,113,0.25);
		color: #fca5a5;
	}

	.wkyc-alert.info[b-9zwfw027y9] {
		background: rgba(59,130,246,0.1);
		border: 1px solid rgba(59,130,246,0.25);
		color: #93c5fd;
	}

	.wkyc-alert.warning[b-9zwfw027y9] {
		background: rgba(251,191,36,0.08);
		border: 1px solid rgba(251,191,36,0.25);
		color: #fde68a;
	}

/* ── Results table ──────────────────────────────────────── */
.wkyc-results-label[b-9zwfw027y9] {
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wkyc-text-muted);
	margin-bottom: 0.75rem;
}

/* Desktop table */
.wkyc-table[b-9zwfw027y9] {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.85rem;
}

	.wkyc-table thead th[b-9zwfw027y9] {
		padding: 0.55rem 0.75rem;
		font-size: 0.7rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		color: var(--wkyc-text-muted);
		text-align: left;
		border-bottom: 1px solid var(--wkyc-border);
	}

	.wkyc-table tbody tr[b-9zwfw027y9] {
		border-bottom: 1px solid var(--wkyc-border);
		transition: background 0.15s;
	}

		.wkyc-table tbody tr:last-child[b-9zwfw027y9] {
			border-bottom: none;
		}

		.wkyc-table tbody tr:hover[b-9zwfw027y9] {
			background: rgba(255,255,255,0.025);
		}

	.wkyc-table tbody td[b-9zwfw027y9] {
		padding: 0.7rem 0.75rem;
		color: var(--wkyc-text);
		vertical-align: middle;
	}

	.wkyc-table a[b-9zwfw027y9] {
		color: var(--wkyc-teal);
		text-decoration: none;
		font-family: var(--wkyc-mono);
		font-size: 0.8rem;
	}

		.wkyc-table a:hover[b-9zwfw027y9] {
			text-decoration: underline;
		}

.wkyc-type-badge[b-9zwfw027y9] {
	display: inline-block;
	padding: 0.2rem 0.55rem;
	border-radius: 20px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	background: var(--wkyc-teal-dim);
	border: 1px solid var(--wkyc-teal-border);
	color: var(--wkyc-teal);
	white-space: nowrap;
}

/* Mobile result cards */
.wkyc-result-card[b-9zwfw027y9] {
	border: 1px solid var(--wkyc-border);
	border-radius: 12px;
	padding: 1rem;
	margin-bottom: 0.65rem;
	background: var(--wkyc-surface-2);
	transition: border-color 0.15s;
}

	.wkyc-result-card:active[b-9zwfw027y9] {
		border-color: var(--wkyc-teal-border);
	}

.wkyc-result-card-top[b-9zwfw027y9] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.45rem;
}

.wkyc-result-name[b-9zwfw027y9] {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--wkyc-text);
	line-height: 1.3;
}

.wkyc-result-ref[b-9zwfw027y9] {
	font-family: var(--wkyc-mono);
	font-size: 0.72rem;
	color: var(--wkyc-text-muted);
	margin-top: 0.2rem;
}

.wkyc-result-card a[b-9zwfw027y9] {
	color: inherit;
	text-decoration: none;
}

/* Pagination */
.wkyc-pagination[b-9zwfw027y9] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 1rem;
}

.wkyc-page-btn[b-9zwfw027y9] {
	min-height: 40px;
	min-width: 40px;
	padding: 0 0.75rem;
	border-radius: 8px;
	border: 1px solid var(--wkyc-border);
	background: var(--wkyc-surface-2);
	color: var(--wkyc-text);
	font-family: var(--wkyc-font);
	font-size: 0.82rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	transition: background 0.15s, border-color 0.15s;
	-webkit-tap-highlight-color: transparent;
}

	.wkyc-page-btn:disabled[b-9zwfw027y9] {
		opacity: 0.35;
		cursor: not-allowed;
	}

	.wkyc-page-btn:not(:disabled):hover[b-9zwfw027y9] {
		background: var(--wkyc-teal-dim);
		border-color: var(--wkyc-teal-border);
		color: var(--wkyc-teal);
	}

.wkyc-page-info[b-9zwfw027y9] {
	font-size: 0.78rem;
	color: var(--wkyc-text-muted);
	font-family: var(--wkyc-mono);
	white-space: nowrap;
}

/* Notice banner */
.wkyc-notice[b-9zwfw027y9] {
	display: flex;
	gap: 0.75rem;
	padding: 1rem;
	border-radius: 12px;
	background: rgba(251,191,36,0.07);
	border: 1px solid rgba(251,191,36,0.2);
	color: #fde68a;
	font-size: 0.85rem;
	line-height: 1.55;
	margin-bottom: 1rem;
}

.wkyc-notice-icon[b-9zwfw027y9] {
	font-size: 1.1rem;
	flex-shrink: 0;
	margin-top: 1px;
}

/* ── Section divider ────────────────────────────────────── */
.wkyc-section[b-9zwfw027y9] {
	margin-bottom: 1rem;
}

/* ── Empty state ────────────────────────────────────────── */
.wkyc-empty[b-9zwfw027y9] {
	text-align: center;
	padding: 2rem 1rem;
	color: var(--wkyc-text-muted);
	font-size: 0.85rem;
}

	.wkyc-empty i[b-9zwfw027y9] {
		display: block;
		font-size: 2rem;
		margin-bottom: 0.5rem;
		opacity: 0.4;
	}
/* /Components/Pages/KYWs/KYWCreate.razor.rz.scp.css */
/* ============================================================
   KYWCreate.razor.css
   Old .indent / .file-upload / .browse-button hacks replaced
   with Bootstrap utilities in the markup.
   ============================================================ */

/* Indented sub-option rows */
.indent[b-6emvziiaoy] {
	padding-left: 20px;
}
/* /Components/Pages/KYWs/KYWDetail.razor.rz.scp.css */
.form-image[b-ux7s7asakd] {
	max-width: 500px; /* Adjust the max-width as needed */
	width: auto; /* Ensure the image is responsive */
}
/* /Components/Pages/KYWs/KYWEdit.razor.rz.scp.css */
.indent[b-fssa1rgrn9] {
	margin-left: 20px;
	/*background-color: blue;*/
}

.file-upload[b-fssa1rgrn9] {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

#Document[b-fssa1rgrn9] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1; /* Ensure file input is clickable */
}

.browse-button[b-fssa1rgrn9] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px; /* Adjust width as needed */
	height: 30px; /* Adjust height as needed */
	background-color: #007bff; /* Example background color */
	color: #fff; /* Example text color */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	z-index: 2; /* Ensure button is clickable */
}

/* 1. The Container Logic: Highlighting Icons based on Checkbox State */

/* When Locked (Checked) */
.wallet-status-box:has(.custom-toggle-input:checked) .locked-group[b-fssa1rgrn9] {
	color: #dc3545; /* Red highlight */
	font-weight: bold;
	opacity: 1;
}

.wallet-status-box:has(.custom-toggle-input:checked) .unlocked-group[b-fssa1rgrn9] {
	color: #6c757d; /* Muted gray */
	opacity: 0.3;
}

/* When Unlocked (Not Checked) */
.wallet-status-box:has(.custom-toggle-input:not(:checked)) .unlocked-group[b-fssa1rgrn9] {
	color: #198754; /* Green highlight */
	font-weight: bold;
	opacity: 1;
}

.wallet-status-box:has(.custom-toggle-input:not(:checked)) .locked-group[b-fssa1rgrn9] {
	color: #6c757d; /* Muted gray */
	opacity: 0.3;
}

/* 2. Styling the Switch itself */

.custom-toggle-input[b-fssa1rgrn9] {
	width: 4rem !important;
	height: 2rem !important;
	cursor: pointer;
	margin: 0 !important;
}

	/* Change switch color to red when active (Locked) */
	.custom-toggle-input:checked[b-fssa1rgrn9] {
		background-color: #dc3545;
		border-color: #dc3545;
	}

	/* Change switch color to green when inactive (Unlocked) */
	.custom-toggle-input:not(:checked)[b-fssa1rgrn9] {
		background-color: #198754;
		border-color: #198754;
	}

/* Smooth transitions */
.icon-transition[b-fssa1rgrn9] {
	transition: all 0.3s ease-in-out;
}

.status-group[b-fssa1rgrn9] {
	transition: opacity 0.3s ease;
	flex: 1;
}
/* /Components/Pages/KYWs/KYWView.razor.rz.scp.css */
.indent[b-cesrgcc1ig] {
	margin-left: 20px; /* Adjust the indentation as needed */
}
/* /Components/Pages/LiquidationPreference.razor.rz.scp.css */
.main-viewport[b-l32ld2h1uf] {
	height: 100dvh;
	width: 100%;
	background: #eee;
}

.bg-active-zone[b-l32ld2h1uf] {
	background-color: #f0f7ff;
}

.bg-inactive-zone[b-l32ld2h1uf] {
	background-color: #f8f9fa;
}

.scrollable-content[b-l32ld2h1uf] {
	flex: 1 1 auto;
	height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.zone-header[b-l32ld2h1uf] {
	font-size: 0.75rem;
	font-weight: 800;
	padding: 10px 2px;
	text-align: center;
	letter-spacing: 1px;
}

.list-item-compact[b-l32ld2h1uf] {
	background: white;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	padding: 10px 6px;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	touch-action: none;
}

.order-badge[b-l32ld2h1uf] {
	background: #0d6efd;
	color: white;
	font-size: 0.65rem;
	padding: 2px 4px;
	border-radius: 4px;
	margin-right: 5px;
	min-width: 22px;
	text-align: center;
}

.currency-text[b-l32ld2h1uf] {
	font-size: 0.85rem;
	font-weight: 700;
	color: #222;
}

/* Highlight the item being dragged */
.bg-warning[b-l32ld2h1uf] {
	background-color: #fff3cd !important;
	border: 2px dashed #ffc107 !important;
}

.save-indicator[b-l32ld2h1uf] {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2000;
	background: white;
	padding: 6px 15px;
	border-radius: 20px;
	border: 1px solid #0d6efd;
	display: flex;
	align-items: center;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* /Components/Pages/Partner.razor.rz.scp.css */
partner-logo[b-p5nmvc8pbh] {
	max-height: 50px;
}
/* /Components/Pages/Payment.razor.rz.scp.css */
.payment-row:hover[b-u7c1unj1ky] {
	background-color: #f8f9fa;
	cursor: pointer;
}

.shadow-sm-hover[b-u7c1unj1ky] {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

	.shadow-sm-hover:hover[b-u7c1unj1ky], .shadow-sm-hover:focus[b-u7c1unj1ky] {
		transform: translateY(-1px);
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	}

.border-top-dashed[b-u7c1unj1ky] {
	border-top: 1px dashed #dee2e6;
}

.bg-success-subtle[b-u7c1unj1ky] {
	background-color: rgba(25, 135, 84, 0.12) !important;
}

.bg-warning-subtle[b-u7c1unj1ky] {
	background-color: rgba(255, 193, 7, 0.12) !important;
}

.min-vh-50[b-u7c1unj1ky] {
	min-height: 50vh;
}
/* /Components/Pages/Payments/PaymentDetail.razor.rz.scp.css */
.form-image[b-wz3wpn95qy] {
	max-width: 500px; /* Adjust the max-width as needed */
	width: auto; /* Ensure the image is responsive */
}
/* /Components/Pages/Register.razor.rz.scp.css */
/* ============================================================
   Register.razor.css — Mobile-first
   ============================================================ */

/* ── Page ───────────────────────────────────────────────────── */
.reg-page[b-v85qpfpjp8] {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 0 16px;
}

/* ── Section header ─────────────────────────────────────────── */
.reg-section-header[b-v85qpfpjp8] {
	display: flex;
	align-items: center;
	gap: 7px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.reg-section-icon[b-v85qpfpjp8] {
	font-size: 13px;
	color: var(--bs-primary, #0d6efd);
	flex-shrink: 0;
}

.reg-section-title[b-v85qpfpjp8] {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: var(--bs-secondary-color, #6c757d);
}

/* ── Missing field indicators ───────────────────────────────── */
/* ::deep pierces InputText / InputSelect component boundaries */
[b-v85qpfpjp8] .reg-field-missing {
	border-color: #dc3545 !important;
	background-color: rgba(220, 53, 69, 0.03) !important;
}

	[b-v85qpfpjp8] .reg-field-missing:focus {
		border-color: #dc3545 !important;
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
	}

[b-v85qpfpjp8] .reg-field-ok {
	border-color: var(--bs-border-color, #dee2e6);
}

	[b-v85qpfpjp8] .reg-field-ok:focus {
		border-color: var(--bs-primary, #0d6efd);
	}

/* ── Sticky submit bar (mobile) ─────────────────────────────── */
.reg-action-bar[b-v85qpfpjp8] {
	position: fixed;
	bottom: 62px; /* clears the app bottom nav */
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--bs-body-bg, #fff);
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	padding: 10px 16px;
	box-shadow: 0 -4px 16px rgba(0, 0, 0, .07);
}

/* ── Desktop ────────────────────────────────────────────────── */
@media (min-width: 768px) {
	.reg-page[b-v85qpfpjp8] {
		padding-top: 8px;
	}

	/* Static footer on desktop — no fixed positioning */
	.reg-action-bar[b-v85qpfpjp8] {
		position: static;
		box-shadow: none;
		border: none;
		padding: 8px 0 0;
		background: transparent;
	}
}
/* /Components/Pages/Registers/RegisterEdit.razor.rz.scp.css */
/* ============================================================
   RegisterEdit.razor.css
   ============================================================ */

/* ── Image / QR ─────────────────────────────────────────────── */
.form-image[b-bpc85d77ow] {
	max-width: 500px;
	width: 100%;
}

.qr-code[b-bpc85d77ow] {
	width: 250px;
}

/* ── Animations ─────────────────────────────────────────────── */
.fade-in[b-bpc85d77ow] {
	animation: fadeIn-b-bpc85d77ow 0.5s;
}

@keyframes fadeIn-b-bpc85d77ow {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.border-dashed[b-bpc85d77ow] {
	border-style: dashed !important;
	border-width: 2px !important;
}

/* ── Missing field indicators ───────────────────────────────── */
/* ::deep pierces InputText / InputSelect / InputDate boundaries
   so scoped CSS reaches the rendered <input> / <select> elements */
[b-bpc85d77ow] .reg-field-missing {
	border-color: #dc3545 !important;
	background-color: rgba(220, 53, 69, 0.03) !important;
}

	[b-bpc85d77ow] .reg-field-missing:focus {
		border-color: #dc3545 !important;
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
	}

[b-bpc85d77ow] .reg-field-ok {
	border-color: var(--bs-border-color, #dee2e6);
}

	[b-bpc85d77ow] .reg-field-ok:focus {
		border-color: var(--bs-primary, #0d6efd);
	}
/* /Components/Pages/Shared/ImagePreview.razor.rz.scp.css */
.file-preview[b-anb6yoja8i] {
	display: flex;
	align-items: center;
	margin: 5px 0;
}

.file-icon[b-anb6yoja8i] {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.file-info[b-anb6yoja8i] {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	overflow: hidden;
}

	.file-info div[b-anb6yoja8i] {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 200px; /* Adjust as needed */
	}

.file-size[b-anb6yoja8i] {
	font-size: 0.8rem;
	color: #6c757d;
}

.img-thumbnail[b-anb6yoja8i] {
	object-fit: contain;
	flex-shrink: 0;
}
/* /Components/Pages/Shared/QRCodeScanner.razor.rz.scp.css */
/* ── QR Scanner Component Styles ─────────────────────────── */
.qr-scanner-wrap[b-jspyyf0orv] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	width: 100%;
}

/* Toggle button */
.qr-toggle-btn[b-jspyyf0orv] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	min-height: 48px;
	border-radius: 12px;
	border: 1.5px solid rgba(0, 203, 164, 0.4);
	background: rgba(0, 203, 164, 0.08);
	color: #00CBA4;
	font-family: 'Sora', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s, transform 0.15s;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
}

	.qr-toggle-btn:hover[b-jspyyf0orv],
	.qr-toggle-btn:focus-visible[b-jspyyf0orv] {
		background: rgba(0, 203, 164, 0.16);
		border-color: rgba(0, 203, 164, 0.7);
		outline: none;
	}

	.qr-toggle-btn:active[b-jspyyf0orv] {
		transform: scale(0.97);
	}

	.qr-toggle-btn.is-active[b-jspyyf0orv] {
		background: rgba(239, 68, 68, 0.1);
		border-color: rgba(239, 68, 68, 0.4);
		color: #f87171;
	}

	.qr-toggle-btn .btn-icon[b-jspyyf0orv] {
		font-size: 1.25rem;
		line-height: 1;
	}

/* Scanner viewport */
.qr-viewport-wrap[b-jspyyf0orv] {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	border: 1.5px solid rgba(0, 203, 164, 0.25);
	background: rgba(11, 17, 32, 0.8);
	animation: fadeSlideIn-b-jspyyf0orv 0.25s ease;
}

@keyframes fadeSlideIn-b-jspyyf0orv {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Corner accent marks */
.qr-viewport-wrap[b-jspyyf0orv]::before,
.qr-viewport-wrap[b-jspyyf0orv]::after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	z-index: 10;
	pointer-events: none;
}

.qr-viewport-wrap[b-jspyyf0orv]::before {
	top: 10px;
	left: 10px;
	border-top: 2.5px solid #00CBA4;
	border-left: 2.5px solid #00CBA4;
	border-radius: 3px 0 0 0;
}

.qr-viewport-wrap[b-jspyyf0orv]::after {
	bottom: 10px;
	right: 10px;
	border-bottom: 2.5px solid #00CBA4;
	border-right: 2.5px solid #00CBA4;
	border-radius: 0 0 3px 0;
}

#qr-reader[b-jspyyf0orv] {
	width: 100%;
	max-width: 100%;
	border: none !important;
	background: transparent;
}

/* Scanning hint label */
.qr-scan-hint[b-jspyyf0orv] {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 0.75rem;
	font-family: 'Sora', sans-serif;
	font-size: 0.75rem;
	color: rgba(0, 203, 164, 0.7);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

	.qr-scan-hint .pulse-dot[b-jspyyf0orv] {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #00CBA4;
		animation: pulse-b-jspyyf0orv 1.4s ease-in-out infinite;
	}

@keyframes pulse-b-jspyyf0orv {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.4;
		transform: scale(0.7);
	}
}

/* Cancel button */
.qr-cancel-btn[b-jspyyf0orv] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.6rem 1.2rem;
	min-height: 44px;
	border-radius: 10px;
	border: 1.5px solid rgba(239, 68, 68, 0.35);
	background: rgba(239, 68, 68, 0.08);
	color: #f87171;
	font-family: 'Sora', sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
	width: 100%;
}

	.qr-cancel-btn:hover[b-jspyyf0orv] {
		background: rgba(239, 68, 68, 0.16);
	}

/* Error alert */
.qr-error-alert[b-jspyyf0orv] {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	border-radius: 10px;
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: #fca5a5;
	font-family: 'Sora', sans-serif;
	font-size: 0.82rem;
	line-height: 1.4;
}

	.qr-error-alert i[b-jspyyf0orv] {
		margin-top: 1px;
		flex-shrink: 0;
		color: #f87171;
	}
/* /Components/Pages/Shared/ShareQRDialog.razor.rz.scp.css */
/* ============================================================
   ShareQRDialog.razor.css
   Shared share dialog — used by VLinkDetail, StealthIdDetail, etc.
   ============================================================ */

/* ── Backdrop ────────────────────────────────────────────────── */
.vld-share-backdrop[b-0yokunwi7x] {
	position: fixed;
	inset: 0;
	z-index: 1055;
	background: rgba(0,0,0,0.45);
	display: flex;
	align-items: flex-end; /* bottom sheet on mobile */
	justify-content: center;
}

/* ── Dialog (bottom sheet on mobile, centered card on desktop) ── */
.vld-share-dialog[b-0yokunwi7x] {
	background: var(--bs-body-bg, #fff);
	width: 100%;
	max-width: 480px;
	border-radius: 1.25rem 1.25rem 0 0;
	padding: 20px 20px 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	animation: sqd-slide-up-b-0yokunwi7x 240ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes sqd-slide-up-b-0yokunwi7x {
	from {
		transform: translateY(40px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* ── Header ──────────────────────────────────────────────────── */
.vld-share-header[b-0yokunwi7x] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.vld-share-title[b-0yokunwi7x] {
	font-size: 1.1rem;
	font-weight: 700;
}

.vld-share-subtitle[b-0yokunwi7x] {
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	margin-top: 2px;
}

.vld-share-close[b-0yokunwi7x] {
	background: var(--bs-tertiary-bg, #f1f3f5);
	border: none;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--bs-body-color, #212529);
	cursor: pointer;
	flex-shrink: 0;
	transition: background 150ms;
}

	.vld-share-close:hover[b-0yokunwi7x] {
		background: var(--bs-secondary-bg, #e9ecef);
	}

/* ── QR code ─────────────────────────────────────────────────── */
.vld-share-qr-wrap[b-0yokunwi7x] {
	background: var(--bs-tertiary-bg, #f8f9fa);
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: .875rem;
	padding: 20px;
	text-align: center;
}

.vld-share-qr[b-0yokunwi7x] {
	max-width: 200px;
	width: 100%;
	height: auto;
	border-radius: .5rem;
}

.vld-share-scan-label[b-0yokunwi7x] {
	font-size: 0.8rem;
	color: var(--bs-secondary-color, #6c757d);
	margin-top: 10px;
}

/* ── Action rows ─────────────────────────────────────────────── */
.vld-share-action-row[b-0yokunwi7x] {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--bs-tertiary-bg, #f8f9fa);
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: .75rem;
	padding: 14px;
	width: 100%;
	text-align: left;
	cursor: pointer;
	transition: background 150ms;
	text-decoration: none;
	color: inherit;
}

	.vld-share-action-row:hover[b-0yokunwi7x] {
		background: var(--bs-secondary-bg, #e9ecef);
	}

.vld-share-action-icon[b-0yokunwi7x] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--bs-border-color, #dee2e6);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
	color: var(--bs-secondary-color, #6c757d);
}

.vld-share-action-icon--green[b-0yokunwi7x] {
	background: rgba(29,158,117,0.12);
	color: #1D9E75;
}

.vld-share-action-body[b-0yokunwi7x] {
	flex: 1;
	min-width: 0;
}

.vld-share-action-title[b-0yokunwi7x] {
	font-size: 0.9rem;
	font-weight: 600;
}

.vld-share-action-desc[b-0yokunwi7x] {
	font-size: 0.75rem;
	color: var(--bs-secondary-color, #6c757d);
	margin-top: 1px;
}

.vld-share-action-chevron[b-0yokunwi7x] {
	color: var(--bs-secondary-color, #6c757d);
	font-size: 13px;
	flex-shrink: 0;
}

.vld-share-url[b-0yokunwi7x] {
	font-size: 0.78rem;
	color: var(--bs-body-color, #212529);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 2px;
}

/* ── Copy success toast ──────────────────────────────────────── */
.vld-share-toast[b-0yokunwi7x] {
	background: rgba(29,158,117,0.10);
	border: 1px solid rgba(29,158,117,0.25);
	border-radius: .75rem;
	padding: 10px 14px;
	font-size: 0.85rem;
	font-weight: 500;
	color: #1D9E75;
	display: flex;
	align-items: center;
	animation: sqd-slide-up-b-0yokunwi7x 200ms ease both;
}

/* ── Desktop: centered card instead of bottom sheet ──────────── */
@media (min-width: 576px) {
	.vld-share-backdrop[b-0yokunwi7x] {
		align-items: center;
		padding: 16px;
	}

	.vld-share-dialog[b-0yokunwi7x] {
		border-radius: 1.25rem;
	}
}
/* /Components/Pages/Shared/TypeaheadComponent.razor.rz.scp.css */
/*.typeahead ul {
	list-style-type: none;
	padding: 0;
}

.typeahead li {
	cursor: pointer;
	padding: 5px;
}

	.typeahead li:hover {
		background-color: #f0f0f0;
	}
*/

.typeahead[b-su14sfy649] {
	position: relative;
}

.suggestion-list[b-su14sfy649] {
	position: absolute;
	top: calc(100% + 5px); /* Adjust the distance from the input */
	left: 0;
	z-index: 999;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	max-height: 200px; /* Adjust the max height if necessary */
	overflow-y: auto;
}

	.suggestion-list li[b-su14sfy649] {
		cursor: pointer;
		padding: 5px;
	}
/* /Components/Pages/Shared/Verification.razor.rz.scp.css */

.leader-kyc-verified[b-duikgafx63]::after {
	content: "";
	background: url("../assets/img/verify/kyc-verified.svg") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.leader-kyc-not-verified[b-duikgafx63]::after {
	content: "";
	background: url("../assets/img/verify/kyc-not-verified30.png") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.leader-kyc-unverified[b-duikgafx63]::after {
	content: "";
	background: url("../assets/img/verify/not-verified.svg") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.leader-blank[b-duikgafx63]::after {
	content: "";
	background: url("../assets/img/verify/kyc-blank.png") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.input-group-addon-verify[b-duikgafx63] {
	padding-left: 13px;
}

.pvl-page > .pvl-page[b-duikgafx63] {
	max-width: none;
	margin: 0;
	padding: 0;
}
/* /Components/Pages/Shared/VerificationResult.razor.rz.scp.css */
.input-group-addon-verify[b-wih6nmp5l0] {
	padding-left: 13px;
}

.suffix-kyc-verified[b-wih6nmp5l0]::before {
	content: "";
	background: url("../../../assets/img/verify/kyc-verified.svg") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.suffix-kyc-unverified[b-wih6nmp5l0]::before {
	content: "";
	background: url("../../../assets/img/verify/not-verified.svg") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.suffix-kyc-not-verified[b-wih6nmp5l0]::before {
	content: "";
	background: url("../../../assets/img/verify/kyc-not-verified.jpg") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 300px;
}

.icon-container[b-wih6nmp5l0] {
	display: flex;
	align-items: center;
}

.icon-right[b-wih6nmp5l0] {
	display: flex;
	float: right;
}

/* ── Add to Wallet buttons ───────────────────────────────────── */
.vr-wallet-actions[b-wih6nmp5l0] {
	text-align: center;
	padding: 6px 0 2px;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.vr-wallet-btn[b-wih6nmp5l0] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: var(--bs-body-bg, #fff);
	border-radius: 8px;
	min-width: 36px;
	min-height: 36px;
	cursor: pointer;
	transition: opacity 150ms ease, box-shadow 150ms ease;
	overflow: hidden;
}

	.vr-wallet-btn:hover[b-wih6nmp5l0] {
		box-shadow: 0 2px 8px rgba(0,0,0,.12);
		opacity: .9;
	}

	.vr-wallet-btn:active[b-wih6nmp5l0] {
		opacity: .8;
	}

	.vr-wallet-btn:disabled[b-wih6nmp5l0] {
		opacity: .5;
		cursor: not-allowed;
	}

	.vr-wallet-btn:focus-visible[b-wih6nmp5l0] {
		outline: 2px solid #1a73e8;
		outline-offset: 2px;
	}

	.vr-wallet-btn img[b-wih6nmp5l0] {
		display: block;
		width: 120px;
		height: auto;
	}

/* ── pvl shared styles (mirrors PublicVLView) ────────────────── */
.pvl-page[b-wih6nmp5l0] {
	max-width: 560px;
	margin: 0 auto;
	padding: 8px 8px 16px;
}

	.pvl-page .card[b-wih6nmp5l0] {
		--bs-card-spacer-x: 0;
		--bs-card-spacer-y: 0;
	}

.pvl-meta-row[b-wih6nmp5l0] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
}

.pvl-meta-ref[b-wih6nmp5l0] {
	font-weight: 700;
	font-size: 13px;
}

.pvl-meta-item[b-wih6nmp5l0] {
	color: var(--bs-secondary-color, #6c757d);
}

.pvl-meta-sep[b-wih6nmp5l0] {
	color: var(--bs-border-color, #dee2e6);
	user-select: none;
}

.pvl-trust-badge[b-wih6nmp5l0] {
	display: inline-flex;
	align-items: stretch;
	border: 1.5px solid #e07b20;
	border-radius: 20px;
	overflow: hidden;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.pvl-trust-label[b-wih6nmp5l0] {
	background: #e07b20;
	color: #fff;
	padding: 3px 7px;
	display: flex;
	align-items: center;
	letter-spacing: .04em;
}

.pvl-trust-score[b-wih6nmp5l0] {
	color: #e07b20;
	padding: 3px 8px;
	display: flex;
	align-items: center;
}

.pvl-toggle-btn[b-wih6nmp5l0] {
	color: #1D9E75 !important;
	font-size: 13px;
}

	.pvl-toggle-btn:hover[b-wih6nmp5l0] {
		color: #0F6E56 !important;
	}

.pvl-field-row[b-wih6nmp5l0] {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 8px 0;
}

.pvl-field-label[b-wih6nmp5l0] {
	font-size: 12.5px;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
	min-width: 110px;
}

.pvl-img-field[b-wih6nmp5l0] {
	display: flex;
	flex-direction: column;
	padding: 8px 0;
}

.pvl-id-img[b-wih6nmp5l0] {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

/* ── Collapsed identity row ──────────────────────────────────── */
.pvl-id-row[b-wih6nmp5l0] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* ── Trust score circle ──────────────────────────────────────── */
.pvl-trust-circle[b-wih6nmp5l0] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
}

.pvl-trust-circle--verified[b-wih6nmp5l0] {
	background: #1a9e5c;
}

.pvl-trust-circle--unverified[b-wih6nmp5l0] {
	background: #d9364a;
}

/* ── Circular chevron toggle ─────────────────────────────────── */
.pvl-chevron-btn[b-wih6nmp5l0] {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid var(--bs-border-color, #dee2e6);
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #495057;
	flex-shrink: 0;
	cursor: pointer;
	transition: background 150ms;
}

	.pvl-chevron-btn:hover[b-wih6nmp5l0] {
		background: var(--bs-tertiary-bg, #f1f3f5);
	}

/* ── Expanded mini-drawer ────────────────────────────────────── */
.pvl-id-drawer[b-wih6nmp5l0] {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.pvl-mini-row[b-wih6nmp5l0] {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 4px 0;
}

.pvl-auth-footer[b-wih6nmp5l0] {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.pvl-auth-label[b-wih6nmp5l0] {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	color: var(--bs-secondary-color, #6c757d);
	text-transform: uppercase;
	margin-bottom: 2px;
}

.pvl-auth-links[b-wih6nmp5l0] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

	.pvl-auth-links a[b-wih6nmp5l0] {
		font-weight: 600;
		font-size: 13px;
		color: var(--bs-secondary-color, #6c757d);
		text-decoration: none;
		padding: 4px 2px;
		border-bottom: 2px solid transparent;
		transition: color 150ms ease, border-color 150ms ease;
	}

		.pvl-auth-links a:hover[b-wih6nmp5l0] {
			color: #212529;
		}

		.pvl-auth-links a.active[b-wih6nmp5l0] {
			color: #0F1C2E;
			border-bottom-color: #0F1C2E;
		}

	.pvl-auth-links .pvl-meta-sep[b-wih6nmp5l0] {
		display: none;
	}

@media (min-width: 576px) {
	.pvl-page[b-wih6nmp5l0] {
		padding-top: 12px;
	}

	.pvl-field-label[b-wih6nmp5l0] {
		min-width: 130px;
	}
}
/* /Components/Pages/StealthId.razor.rz.scp.css */
/* ============================================================
   StealthId.razor.css
   Only styles Bootstrap 5 utilities cannot cover.
   Layout, spacing, typography → Bootstrap classes in markup.
   ============================================================ */

/* ── Page ───────────────────────────────────────────────────── */
.sid-page[b-12vgocyapf] {
	max-width: 640px;
	margin: 0 auto;
	padding: 16px 0 40px;
}

@media (min-width: 640px) {
	.sid-page[b-12vgocyapf] {
		padding-top: 20px;
	}
}

/* ── Item card ──────────────────────────────────────────────── */
/* Bootstrap has no entrance animation, primary accent line, or
   the precise hover-lift pattern — all stay custom.           */
@keyframes sid-slide-in-b-12vgocyapf {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sid-item[b-12vgocyapf] {
	display: flex;
	align-items: center;
	gap: 12px;
	background: transparent;
	border: 0.5px solid var(--bs-border-color, rgba(0,0,0,.10));
	border-radius: 14px;
	padding: 12px 10px 12px 14px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
	animation: sid-slide-in-b-12vgocyapf 300ms ease both;
}

	.sid-item:hover[b-12vgocyapf] {
		background: rgba(0,0,0,.025);
		border-color: rgba(0,0,0,.15);
		box-shadow: 0 2px 10px rgba(0,0,0,.055);
		transform: translateY(-1px);
	}

	.sid-item:active[b-12vgocyapf] {
		transform: translateY(0);
		box-shadow: none;
	}

/* Primary — left teal accent bar */
.sid-item--primary[b-12vgocyapf] {
	border-color: #5DCAA5;
	background: rgba(29,158,117,.035);
}

	.sid-item--primary[b-12vgocyapf]::after {
		content: '';
		position: absolute;
		left: 0;
		top: 20%;
		bottom: 20%;
		width: 3px;
		border-radius: 0 3px 3px 0;
		background: #1D9E75;
	}

	.sid-item--primary:hover[b-12vgocyapf] {
		background: rgba(29,158,117,.055);
		border-color: #1D9E75;
		box-shadow: 0 2px 12px rgba(29,158,117,.12);
	}

/* Skeleton items must not animate */
.sid-item--skeleton[b-12vgocyapf] {
	pointer-events: none;
	border-color: rgba(0,0,0,.06);
	animation: none;
}

/* ── Reference monospace — needs max-width truncation ───────── */
.sid-item-ref[b-12vgocyapf] {
	font-size: 11px;
	color: var(--bs-secondary-color, rgba(0,0,0,.38));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 130px;
}

@media (min-width: 640px) {
	.sid-item-ref[b-12vgocyapf] {
		max-width: 180px;
	}
}

/* ── Access pills (brand colours, not Bootstrap's palette) ──── */
.sid-pill[b-12vgocyapf] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 10px;
	font-weight: 600;
	border-radius: 20px;
	padding: 2px 7px;
	white-space: nowrap;
	letter-spacing: .01em;
	flex-shrink: 0;
}

.sid-pill--public[b-12vgocyapf] {
	background: #E6F1FB;
	color: #185FA5;
}

.sid-pill--members[b-12vgocyapf] {
	background: #EEEDFE;
	color: #534AB7;
}

.sid-pill--verified[b-12vgocyapf] {
	background: #EAF3DE;
	color: #3B6D11;
}

.sid-pill--default[b-12vgocyapf] {
	background: #E1F5EE;
	color: #0F6E56;
	border: 0.5px solid #5DCAA5;
}

.sid-pill--primary-badge[b-12vgocyapf] {
	font-size: 9.5px;
	padding: 1.5px 6px;
}

/* ── Chevron — slide-right on hover ─────────────────────────── */
.sid-item-chevron[b-12vgocyapf] {
	font-size: 11px;
	color: rgba(0,0,0,.20);
	flex-shrink: 0;
	margin-left: 2px;
	transition: color 150ms ease, transform 150ms ease;
}

.sid-item:hover .sid-item-chevron[b-12vgocyapf] {
	color: rgba(0,0,0,.38);
	transform: translateX(2px);
}

/* ── Star button ────────────────────────────────────────────── */
.sid-star[b-12vgocyapf] {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 0.5px solid rgba(0,0,0,.13);
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: rgba(0,0,0,.30);
	font-size: 14px;
	flex-shrink: 0;
	transition: background 150ms ease, color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

	.sid-star:hover:not(:disabled)[b-12vgocyapf] {
		background: #E1F5EE;
		color: #0F6E56;
		border-color: #5DCAA5;
		box-shadow: 0 0 0 3px rgba(29,158,117,.12);
	}

	.sid-star:disabled[b-12vgocyapf] {
		opacity: .45;
		cursor: not-allowed;
	}

.sid-star--on[b-12vgocyapf] {
	background: #E1F5EE;
	color: #0F6E56;
	border-color: #5DCAA5;
}

/* ── Star spinner ───────────────────────────────────────────── */
@keyframes sid-spin-b-12vgocyapf {
	to {
		transform: rotate(360deg);
	}
}

.sid-star-spinner[b-12vgocyapf] {
	width: 14px;
	height: 14px;
	border: 2px solid rgba(29,158,117,.25);
	border-top-color: #1D9E75;
	border-radius: 50%;
	animation: sid-spin-b-12vgocyapf 650ms linear infinite;
	display: block;
}

/* ── Empty state icon wrap ──────────────────────────────────── */
.sid-empty-icon-wrap[b-12vgocyapf] {
	width: 64px;
	height: 64px;
	border-radius: 18px;
	background: linear-gradient(135deg, #C8EEE2, #E1F5EE);
	border: 1px solid #5DCAA5;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	color: #0F6E56;
	margin-bottom: 20px;
	flex-shrink: 0;
}

/* ── Error state icon wrap ──────────────────────────────────── */
.sid-error-icon-wrap[b-12vgocyapf] {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: rgba(226,75,74,.08);
	border: 1px solid rgba(226,75,74,.25);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #E24B4A;
	margin-bottom: 8px;
	flex-shrink: 0;
}

/* ── Skeleton shimmer ───────────────────────────────────────── */
@keyframes sid-shimmer-b-12vgocyapf {
	0% {
		background-position: -400px 0;
	}

	100% {
		background-position: 400px 0;
	}
}

.sid-skeleton[b-12vgocyapf] {
	background: linear-gradient( 90deg, var(--bs-tertiary-bg, rgba(0,0,0,.05)) 25%, rgba(0,0,0,.09) 50%, var(--bs-tertiary-bg, rgba(0,0,0,.05)) 75% );
	background-size: 800px 100%;
	animation: sid-shimmer-b-12vgocyapf 1.4s infinite linear;
}
/* /Components/Pages/StealthIds/StealthIdCreate.razor.rz.scp.css */
/* ============================================================
   StealthIdCreate.razor.css
   Only custom styles Bootstrap 5 doesn't cover.
   Everything else (inputs, selects, checkboxes, file, buttons)
   is handled by Bootstrap classes in the markup.
   ============================================================ */

/* ── Page ───────────────────────────────────────────────────── */
.sic-page[b-pzt5wi52wo] {
	max-width: 600px;
	margin: 0 auto;
	padding: 16px 0 24px;
}

/* ── Section card ───────────────────────────────────────────── */
.sic-section[b-pzt5wi52wo] {
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: .75rem;
	padding: 16px;
}

.sic-section-header[b-pzt5wi52wo] {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.sic-section-icon[b-pzt5wi52wo] {
	font-size: 13px;
	color: var(--bs-primary, #0d6efd);
	flex-shrink: 0;
}

.sic-section-title[b-pzt5wi52wo] {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: var(--bs-secondary-color, #6c757d);
}

/* ── Age number input — compact width ───────────────────────── */
.sic-input-num[b-pzt5wi52wo] {
	width: 90px;
	flex-shrink: 0;
}

/* ── Checklist rows ─────────────────────────────────────────── */
/* Full-width tap target: label on left, checkbox on right */
.sic-check-row[b-pzt5wi52wo] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	gap: 12px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

	.sic-check-row:last-child[b-pzt5wi52wo] {
		border-bottom: none;
		padding-bottom: 0;
	}

	.sic-check-row .form-check-label[b-pzt5wi52wo] {
		cursor: pointer;
		flex: 1;
		margin-bottom: 0;
	}

/* Nested sub-option rows (First/Middle/Last name) */
.sic-check-row--nested[b-pzt5wi52wo] {
	padding-left: 20px;
	background-color: var(--bs-tertiary-bg, #f8f9fa);
}

/* Right-align the Bootstrap checkbox inside the row */
.sic-check[b-pzt5wi52wo] {
	flex-shrink: 0;
	margin: 0;
	cursor: pointer;
}

/* ── Sticky bottom action bar (mobile) ─────────────────────── */
.sic-action-bar[b-pzt5wi52wo] {
	position: fixed;
	bottom: 62px;
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--bs-body-bg, #fff);
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	padding: 10px 16px;
	gap: 8px;
	box-shadow: 0 -4px 16px rgba(0, 0, 0, .07);
}

/* ── Skeleton shimmer ───────────────────────────────────────── */
@keyframes sic-shimmer-b-pzt5wi52wo {
	0% {
		background-position: -400px 0;
	}

	100% {
		background-position: 400px 0;
	}
}

.sic-skeleton[b-pzt5wi52wo] {
	background: linear-gradient( 90deg, var(--bs-tertiary-bg, rgba(0,0,0,.05)) 25%, rgba(0,0,0,.09) 50%, var(--bs-tertiary-bg, rgba(0,0,0,.05)) 75% );
	background-size: 800px 100%;
	animation: sic-shimmer-b-pzt5wi52wo 1.4s infinite linear;
}

/* ── Desktop ────────────────────────────────────────────────── */
@media (min-width: 768px) {
	.sic-page[b-pzt5wi52wo] {
		padding-top: 20px;
	}

	.sic-section[b-pzt5wi52wo] {
		padding: 20px;
	}
}
/* /Components/Pages/StealthIds/StealthIdDetail.razor.rz.scp.css */
.form-image[b-q8pp9gygd5] {
	max-width: 500px;
	width: auto;
}

/* Prevent toolbar buttons bleeding past card rounded corners */
.card[b-q8pp9gygd5] {
	overflow: hidden;
}

/* ── Public Preview modal ────────────────────────────────────── */
.sid-preview-backdrop[b-q8pp9gygd5] {
	position: fixed;
	inset: 0;
	z-index: 1055;
	background: rgba(0,0,0,0.60);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.sid-preview-dialog[b-q8pp9gygd5] {
	background: var(--bs-body-bg, #fff);
	width: 100%;
	max-width: 480px;
	height: 85vh;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: sid-preview-in-b-q8pp9gygd5 200ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes sid-preview-in-b-q8pp9gygd5 {
	from {
		transform: scale(0.95);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

.sid-preview-header[b-q8pp9gygd5] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	flex-shrink: 0;
}

.sid-preview-close[b-q8pp9gygd5] {
	background: var(--bs-tertiary-bg, #f1f3f5);
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	cursor: pointer;
	transition: background 150ms;
}

	.sid-preview-close:hover[b-q8pp9gygd5] {
		background: var(--bs-secondary-bg, #e9ecef);
	}

.sid-preview-body[b-q8pp9gygd5] {
	flex: 1;
	overflow: hidden;
}

.sid-preview-frame[b-q8pp9gygd5] {
	width: 100%;
	height: 100%;
	border: none;
}
/* /Components/Pages/StealthIds/StealthIdEdit.razor.rz.scp.css */
/* ============================================================
   StealthIdEdit.razor.css
   Mirrors StealthIdCreate.razor.css — same design system.
   ============================================================ */

.sic-page[b-9iolwyfs4i] {
	max-width: 600px;
	margin: 0 auto;
	padding: 16px 0 24px;
}

.sic-section[b-9iolwyfs4i] {
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: .75rem;
	padding: 16px;
}

.sic-section-header[b-9iolwyfs4i] {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.sic-section-icon[b-9iolwyfs4i] {
	font-size: 13px;
	color: var(--bs-primary, #0d6efd);
	flex-shrink: 0;
}

.sic-section-title[b-9iolwyfs4i] {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: var(--bs-secondary-color, #6c757d);
}

.sic-input-num[b-9iolwyfs4i] {
	width: 90px;
	flex-shrink: 0;
}

.sic-check-row[b-9iolwyfs4i] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	gap: 12px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

	.sic-check-row:last-child[b-9iolwyfs4i] {
		border-bottom: none;
		padding-bottom: 0;
	}

	.sic-check-row .form-check-label[b-9iolwyfs4i] {
		cursor: pointer;
		flex: 1;
		margin-bottom: 0;
	}

.sic-check-row--nested[b-9iolwyfs4i] {
	padding-left: 20px;
	background-color: var(--bs-tertiary-bg, #f8f9fa);
}

.sic-check[b-9iolwyfs4i] {
	flex-shrink: 0;
	margin: 0;
	cursor: pointer;
}

.sic-action-bar[b-9iolwyfs4i] {
	position: fixed;
	bottom: 62px;
	left: 0;
	right: 0;
	z-index: 100;
	background: var(--bs-body-bg, #fff);
	border-top: 1px solid var(--bs-border-color, #dee2e6);
	padding: 10px 16px;
	gap: 8px;
	box-shadow: 0 -4px 16px rgba(0, 0, 0, .07);
}

@media (min-width: 768px) {
	.sic-page[b-9iolwyfs4i] {
		padding-top: 20px;
	}

	.sic-section[b-9iolwyfs4i] {
		padding: 20px;
	}
}
/* /Components/Pages/Subscription.razor.rz.scp.css */
body[b-8va67m3eos] {
}
/* /Components/Pages/VerifiedEmail.razor.rz.scp.css */
.vem-page[b-ydeqz0z11r] {
	max-width: 900px;
	margin: 0 auto;
	padding: 18px 0 42px;
	color: #13261b;
}

.vem-header[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.vem-header h1[b-ydeqz0z11r] {
	font-size: 1.45rem;
	font-weight: 700;
	margin: 0 0 4px;
	letter-spacing: 0;
}

.vem-header p[b-ydeqz0z11r] {
	max-width: 620px;
	margin: 0;
	color: rgba(19, 38, 27, .68);
	font-size: .92rem;
	line-height: 1.45;
}

.vem-refresh[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.vem-search-row[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 210px;
	gap: 10px;
	margin-bottom: 14px;
}

.vem-filter-select[b-ydeqz0z11r] {
	min-height: 38px;
	font-size: .86rem;
}

.vem-count[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	gap: 6px;
	color: rgba(19, 38, 27, .62);
	font-size: .82rem;
	margin: 0 0 10px 2px;
}

.vem-list[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.vem-card[b-ydeqz0z11r] {
	background: #fffcf5;
	border: 1px solid rgba(19, 38, 27, .12);
	border-radius: 8px;
	padding: 14px;
	box-shadow: 0 1px 8px rgba(19, 38, 27, .04);
	transition: background-color .18s ease, padding .18s ease, box-shadow .18s ease;
}

.vem-card--disabled[b-ydeqz0z11r] {
	background: #f4f2ed;
	padding: 8px 12px;
	box-shadow: none;
	opacity: .82;
}

.vem-card-head[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.vem-card--disabled .vem-card-head[b-ydeqz0z11r] {
	align-items: center;
	margin-bottom: 0;
}

.vem-card--disabled .vem-title-wrap[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.vem-card--disabled .vem-title-wrap h2[b-ydeqz0z11r] {
	margin: 0;
}

.vem-card--disabled .vem-chip-row[b-ydeqz0z11r] {
	flex-wrap: nowrap;
	min-width: 0;
}

.vem-card--disabled .vem-chip[b-ydeqz0z11r] {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vem-title-wrap[b-ydeqz0z11r] {
	min-width: 0;
}

.vem-mailbox-power[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 7px;
	margin: 0;
	color: rgba(19, 38, 27, .62);
	font-size: .72rem;
	font-weight: 800;
	white-space: nowrap;
	cursor: pointer;
}

.vem-mailbox-power .form-check-input[b-ydeqz0z11r],
.vem-setting-toggle .form-check-input[b-ydeqz0z11r] {
	width: 2rem;
	height: 1rem;
	margin: 0;
	cursor: pointer;
}

.vem-title-wrap h2[b-ydeqz0z11r] {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 6px;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.vem-chip-row[b-ydeqz0z11r] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.vem-chip[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	border-radius: 999px;
	padding: 3px 8px;
	font-size: .72rem;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.vem-chip--reference[b-ydeqz0z11r] {
	background: rgba(19, 38, 27, .08);
	color: #13261b;
	font-family: var(--bs-font-monospace);
}

.vem-chip--alias[b-ydeqz0z11r] {
	background: rgba(23, 78, 141, .10);
	color: #174e8d;
	font-family: var(--bs-font-monospace);
}

.vem-chip--active[b-ydeqz0z11r] {
	background: #dceee3;
	color: #175f31;
}

.vem-chip--expired[b-ydeqz0z11r] {
	background: #f0dfdc;
	color: #7b2a25;
}

.vem-chip--disabled[b-ydeqz0z11r] {
	background: #dedbd3;
	color: #6b6257;
}

.vem-chip--neutral[b-ydeqz0z11r] {
	background: #e9e9e4;
	color: #4d554f;
}

.vem-field[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr);
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid rgba(19, 38, 27, .08);
}

.vem-field-label[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(19, 38, 27, .64);
	font-size: .78rem;
	font-weight: 700;
}

.vem-value[b-ydeqz0z11r] {
	min-width: 0;
	font-size: .86rem;
	line-height: 1.4;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.vem-value--url[b-ydeqz0z11r] {
	color: #174e8d;
	text-decoration-thickness: .08em;
}

.vem-value--email[b-ydeqz0z11r] {
	color: #178d46;
	font-family: var(--bs-font-monospace);
}

.vem-email-values[b-ydeqz0z11r] {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.vem-value-action[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
}

.vem-value-action > :first-child[b-ydeqz0z11r] {
	flex: 1 1 auto;
}

.vem-copy-button[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 6px;
}

.vem-mailbox-settings[b-ydeqz0z11r] {
	display: grid;
	gap: 12px;
	margin-top: 12px;
	padding: 12px 12px 13px;
	border: 1px solid rgba(19, 38, 27, .12);
	border-radius: 8px;
	background: #f8faf7;
	box-shadow: inset 3px 0 0 rgba(19, 38, 27, .14);
}

.vem-mailbox-settings--active[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .22);
	box-shadow: inset 3px 0 0 #178d46;
}

.vem-mailbox-settings--paused[b-ydeqz0z11r] {
	background: #f7f5f1;
}

.vem-settings-head[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 11px;
	border-bottom: 1px solid rgba(19, 38, 27, .08);
}

.vem-settings-title[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
}

.vem-settings-icon[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border-radius: 8px;
	background: rgba(19, 38, 27, .08);
	color: #13261b;
	font-size: .95rem;
}

.vem-settings-title h3[b-ydeqz0z11r] {
	margin: 0 0 2px;
	color: #13261b;
	font-size: .88rem;
	font-weight: 800;
	line-height: 1.25;
}

.vem-settings-title span[b-ydeqz0z11r] {
	display: block;
	color: rgba(19, 38, 27, .58);
	font-size: .73rem;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.vem-settings-status[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
	border-radius: 999px;
	padding: 5px 10px;
	font-size: .7rem;
	font-weight: 800;
	line-height: 1.25;
	white-space: nowrap;
}

.vem-settings-status--on[b-ydeqz0z11r] {
	background: rgba(23, 141, 70, .11);
	color: #176536;
	border: 1px solid rgba(23, 141, 70, .16);
}

.vem-settings-status--off[b-ydeqz0z11r] {
	background: rgba(19, 38, 27, .08);
	color: rgba(19, 38, 27, .62);
	border: 1px solid rgba(19, 38, 27, .08);
}

.vem-settings-grid[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: 1.25fr 1fr 1fr;
	gap: 9px;
}

.vem-setting-toggle[b-ydeqz0z11r] {
	display: grid;
	gap: 10px;
	align-content: space-between;
	min-height: 98px;
	margin: 0;
	padding: 10px 11px;
	border: 1px solid rgba(19, 38, 27, .10);
	border-radius: 8px;
	background: #fffdfa;
	color: #13261b;
	cursor: pointer;
	transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.vem-setting-toggle:hover[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .24);
	background: #fff;
}

.vem-setting-toggle:focus-within[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .36);
	box-shadow: 0 0 0 3px rgba(23, 141, 70, .10);
}

.vem-setting-toggle--on[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .24);
	background: #fbfefb;
	box-shadow: inset 0 0 0 1px rgba(23, 141, 70, .05);
}

.vem-setting-toggle--off[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .72);
}

.vem-setting-toggle-main[b-ydeqz0z11r] {
	display: grid;
	gap: 10px;
	margin: 0;
	cursor: pointer;
}

.vem-setting-copy[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 8px;
	min-width: 0;
}

.vem-setting-copy i[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: rgba(19, 38, 27, .08);
	color: rgba(19, 38, 27, .72);
	font-size: .9rem;
}

.vem-setting-toggle--on .vem-setting-copy i[b-ydeqz0z11r] {
	background: rgba(23, 141, 70, .12);
	color: #176536;
}

.vem-setting-copy span[b-ydeqz0z11r] {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.vem-setting-copy strong[b-ydeqz0z11r] {
	color: #13261b;
	font-size: .78rem;
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.vem-setting-copy small[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .58);
	font-size: .7rem;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.vem-switch-wrap[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: rgba(19, 38, 27, .62);
	font-size: .72rem;
	font-weight: 800;
	line-height: 1.25;
}

.vem-switch-wrap span[b-ydeqz0z11r] {
	min-width: 0;
	overflow-wrap: anywhere;
}

.vem-switch-wrap .form-check-input[b-ydeqz0z11r] {
	flex: 0 0 auto;
	margin: 0;
	cursor: pointer;
	box-shadow: none;
}

.vem-switch-wrap .form-check-input:checked[b-ydeqz0z11r] {
	background-color: #176536;
	border-color: #176536;
}

.vem-switch-wrap span:last-child[b-ydeqz0z11r] {
	white-space: nowrap;
}

.vem-autoreply-message[b-ydeqz0z11r] {
	min-height: 68px;
	font-size: .78rem;
	resize: vertical;
	border-color: rgba(19, 38, 27, .14);
	background: #fffdfa;
	box-shadow: none;
}

.vem-forwarding-options[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
}

.vem-forwarding-options label[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 36px;
	margin: 0;
	padding: 7px 9px;
	border: 1px solid rgba(19, 38, 27, .09);
	border-radius: 8px;
	background: #fff;
	color: #13261b;
	font-size: .76rem;
	font-weight: 800;
	cursor: pointer;
	transition: border-color .16s ease, background-color .16s ease;
}

.vem-forwarding-options label:hover[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .20);
	background: #fff;
}

.vem-forwarding-options label:focus-within[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .34);
	box-shadow: 0 0 0 2px rgba(23, 141, 70, .08);
}

.vem-forwarding-options .vem-forwarding-option--on[b-ydeqz0z11r] {
	border-color: rgba(23, 141, 70, .26);
	background: rgba(23, 141, 70, .06);
}

.vem-forwarding-options span[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	overflow-wrap: anywhere;
}

.vem-forwarding-options span i[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .64);
	font-size: .9rem;
}

.vem-forwarding-option--on span i[b-ydeqz0z11r] {
	color: #176536;
}

.vem-forwarding-options .form-check-input[b-ydeqz0z11r] {
	order: 2;
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	margin: 0;
	cursor: pointer;
	box-shadow: none;
}

.vem-forwarding-options .form-check-input:checked[b-ydeqz0z11r] {
	background-color: #176536;
	border-color: #176536;
}

.vem-mailbox[b-ydeqz0z11r] {
	margin-top: 12px;
	border-top: 1px solid rgba(19, 38, 27, .08);
	padding-top: 12px;
}

.vem-mailbox-head[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.vem-mailbox-head h3[b-ydeqz0z11r] {
	font-size: .86rem;
	font-weight: 800;
	margin: 0;
	line-height: 1.25;
}

.vem-mailbox-head span[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .58);
	font-size: .74rem;
}

.vem-mailbox-state[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(23, 141, 70, .24);
	border-radius: 999px;
	background: rgba(23, 141, 70, .08);
	color: #176536 !important;
	font-weight: 700;
	padding: 3px 8px;
	white-space: nowrap;
}

.vem-email-list[b-ydeqz0z11r] {
	display: grid;
	gap: 6px;
	max-height: clamp(260px, 42vh, 420px);
	overflow-y: auto;
	padding-right: 4px;
	scrollbar-gutter: stable;
}

.vem-email-empty[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 9px 11px;
	border: 1px dashed rgba(19, 38, 27, .16);
	border-radius: 8px;
	background: rgba(255, 255, 255, .52);
	color: rgba(19, 38, 27, .62);
	font-size: .78rem;
	font-weight: 700;
	line-height: 1.35;
}

.vem-email-empty i[b-ydeqz0z11r] {
	color: #176536;
	font-size: .95rem;
}

.vem-email-row[b-ydeqz0z11r] {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	text-align: left;
	border: 1px solid rgba(19, 38, 27, .10);
	border-radius: 8px;
	background: rgba(255, 255, 255, .48);
	padding: 9px 10px;
	color: inherit;
}

.vem-email-row:hover[b-ydeqz0z11r] {
	background: rgba(23, 78, 141, .04);
	border-color: rgba(23, 78, 141, .20);
}

.vem-email-row--unread[b-ydeqz0z11r] {
	background: #fff;
	border-color: rgba(23, 141, 70, .22);
}

.vem-email-main[b-ydeqz0z11r] {
	min-width: 0;
}

.vem-email-line[b-ydeqz0z11r] {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
	margin-bottom: 2px;
}

.vem-email-from[b-ydeqz0z11r] {
	min-width: 0;
	color: #13261b;
	font-size: .78rem;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vem-email-time[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .48);
	font-size: .72rem;
	white-space: nowrap;
}

.vem-email-subject[b-ydeqz0z11r] {
	color: #13261b;
	font-size: .82rem;
	font-weight: 700;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vem-email-snippet[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .62);
	font-size: .76rem;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vem-email-meta[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(19, 38, 27, .42);
	font-size: .8rem;
}

.vem-sender-badge[b-ydeqz0z11r] {
	border-radius: 999px;
	font-size: .68rem;
	font-weight: 800;
	padding: 2px 7px;
	white-space: nowrap;
}

.vem-sender-badge--verified[b-ydeqz0z11r] {
	background: rgba(23, 78, 141, .12);
	color: #174e8d;
}

.vem-sender-badge--anonymous[b-ydeqz0z11r] {
	background: #f1e7d6;
	color: #735018;
}

.vem-email-body[b-ydeqz0z11r] {
	border: 1px solid rgba(19, 38, 27, .10);
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: #fff;
	margin: -6px 0 2px;
	padding: 10px 12px 12px;
}

.vem-email-body-grid[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 3px 10px;
	margin-bottom: 8px;
	font-size: .75rem;
}

.vem-email-body-grid span[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .55);
	font-weight: 700;
}

.vem-email-body-grid strong[b-ydeqz0z11r] {
	min-width: 0;
	color: #13261b;
	font-family: var(--bs-font-monospace);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.vem-message-from[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.vem-email-body p[b-ydeqz0z11r] {
	white-space: pre-wrap;
	margin: 0;
	color: rgba(19, 38, 27, .72);
	font-size: .8rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.vem-trust-banner[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 10px;
}

.vem-trust-card[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(23, 141, 70, .16);
	border-radius: 8px;
	background: rgba(23, 141, 70, .06);
	padding: 8px;
	min-width: 0;
}

.vem-trust-card i[b-ydeqz0z11r] {
	color: #176536;
	font-size: .95rem;
	margin-top: 1px;
}

.vem-trust-card div[b-ydeqz0z11r] {
	min-width: 0;
	display: grid;
	gap: 1px;
}

.vem-trust-card span[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .56);
	font-size: .68rem;
	font-weight: 800;
	line-height: 1.2;
}

.vem-trust-card strong[b-ydeqz0z11r] {
	color: #13261b;
	font-size: .76rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.vem-email-body-actions[b-ydeqz0z11r] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.vem-report-message[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(23, 78, 141, .18);
	border-radius: 8px;
	background: #f8fbff;
	color: #174e8d;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1.35;
	margin-top: 10px;
	padding: 8px 9px;
}

.vem-email-body-actions .btn[b-ydeqz0z11r],
.vem-reply-footer .btn[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-radius: 6px;
}

.vem-reply-composer[b-ydeqz0z11r] {
	border: 1px solid rgba(23, 78, 141, .18);
	border-radius: 8px;
	background: #f8fbff;
	padding: 10px;
	margin-top: 10px;
}

.vem-reply-authority[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	border: 1px solid rgba(23, 78, 141, .18);
	border-radius: 8px;
	background: #fff;
	padding: 9px;
	margin-bottom: 10px;
}

.vem-reply-authority i[b-ydeqz0z11r] {
	color: #174e8d;
	font-size: 1rem;
	margin-top: 2px;
}

.vem-reply-authority div[b-ydeqz0z11r] {
	min-width: 0;
	display: grid;
	gap: 1px;
}

.vem-reply-authority span[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .58);
	font-size: .7rem;
	font-weight: 800;
}

.vem-reply-authority strong[b-ydeqz0z11r] {
	color: #178d46;
	font-family: var(--bs-font-monospace);
	font-size: .82rem;
	overflow-wrap: anywhere;
}

.vem-reply-authority small[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .62);
	font-size: .72rem;
	line-height: 1.35;
}

.vem-compose-grid[b-ydeqz0z11r] {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 4px 10px;
	margin-bottom: 10px;
	font-size: .75rem;
}

.vem-compose-grid span[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .55);
	font-weight: 800;
}

.vem-compose-grid strong[b-ydeqz0z11r] {
	min-width: 0;
	color: #13261b;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.vem-reply-textarea[b-ydeqz0z11r] {
	font-size: .82rem;
	resize: vertical;
}

.vem-reply-footer[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 10px;
}

.vem-reply-confirmation[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(19, 38, 27, .64);
	font-size: .74rem;
	font-weight: 700;
	line-height: 1.35;
}

.vem-reply-confirmation i[b-ydeqz0z11r] {
	color: #176536;
}

.vem-reply-sent[b-ydeqz0z11r] {
	display: flex;
	align-items: center;
	gap: 6px;
	border-radius: 8px;
	background: #dceee3;
	color: #175f31;
	font-size: .78rem;
	font-weight: 800;
	padding: 8px 9px;
	margin-top: 10px;
}

.vem-send-error[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	border-radius: 8px;
	background: #f8e5e2;
	color: #842d25;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1.4;
	padding: 8px 9px;
	margin-top: 10px;
}

.vem-new-message-composer[b-ydeqz0z11r] {
	margin-top: 10px;
}

.vem-compose-field[b-ydeqz0z11r] {
	display: grid;
	gap: 5px;
	margin-bottom: 9px;
}

.vem-compose-field > span[b-ydeqz0z11r] {
	color: rgba(19, 38, 27, .64);
	font-size: .74rem;
	font-weight: 800;
}

.vem-compose-field .form-control[b-ydeqz0z11r] {
	font-size: .82rem;
}

.vem-actions[b-ydeqz0z11r] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.vem-actions .btn[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 32px;
	border-radius: 6px;
}

.vem-actions .btn-success[b-ydeqz0z11r] {
	background: #13261b;
	border-color: #13261b;
}

.vem-state[b-ydeqz0z11r] {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background: #fffcf5;
	border: 1px solid rgba(19, 38, 27, .12);
	border-radius: 8px;
	padding: 18px;
}

.vem-state h2[b-ydeqz0z11r] {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 4px;
}

.vem-state p[b-ydeqz0z11r] {
	margin: 0;
	color: rgba(19, 38, 27, .64);
	font-size: .9rem;
	line-height: 1.45;
}

.vem-state-icon[b-ydeqz0z11r] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 8px;
	background: #dceee3;
	color: #175f31;
	font-size: 1.15rem;
}

.vem-state-icon--error[b-ydeqz0z11r] {
	background: #f0dfdc;
	color: #8a2d2a;
}

.vem-card--skeleton[b-ydeqz0z11r] {
	min-height: 146px;
}

.vem-skeleton[b-ydeqz0z11r] {
	border-radius: 6px;
	background: linear-gradient(90deg, rgba(19, 38, 27, .06), rgba(19, 38, 27, .13), rgba(19, 38, 27, .06));
	background-size: 200% 100%;
	animation: vem-skeleton-b-ydeqz0z11r 1.2s ease-in-out infinite;
}

.vem-skeleton-title[b-ydeqz0z11r] {
	width: 42%;
	height: 18px;
	margin-bottom: 18px;
}

.vem-skeleton-line[b-ydeqz0z11r] {
	width: 100%;
	height: 14px;
	margin-top: 12px;
}

.vem-skeleton-line--short[b-ydeqz0z11r] {
	width: 68%;
}

@keyframes vem-skeleton-b-ydeqz0z11r {
	to {
		background-position: -200% 0;
	}
}

@media (max-width: 640px) {
	.vem-header[b-ydeqz0z11r] {
		flex-direction: column;
	}

	.vem-search-row[b-ydeqz0z11r],
	.vem-trust-banner[b-ydeqz0z11r] {
		grid-template-columns: 1fr;
	}

	.vem-refresh[b-ydeqz0z11r] {
		width: 100%;
		justify-content: center;
	}

	.vem-field[b-ydeqz0z11r] {
		grid-template-columns: 1fr;
		gap: 3px;
	}

	.vem-card-head[b-ydeqz0z11r] {
		align-items: flex-start;
	}

	.vem-mailbox-settings[b-ydeqz0z11r] {
		grid-template-columns: 1fr;
	}

	.vem-settings-head[b-ydeqz0z11r] {
		align-items: flex-start;
		flex-direction: column;
	}

	.vem-settings-status[b-ydeqz0z11r] {
		white-space: normal;
	}

	.vem-settings-grid[b-ydeqz0z11r],
	.vem-forwarding-options[b-ydeqz0z11r] {
		grid-template-columns: 1fr;
	}

	.vem-autoreply-message[b-ydeqz0z11r] {
		grid-column: auto;
	}

	.vem-forwarding-options[b-ydeqz0z11r] {
		grid-column: auto;
	}

	.vem-actions .btn[b-ydeqz0z11r] {
		flex: 1 1 130px;
	}

	.vem-mailbox-head[b-ydeqz0z11r] {
		flex-direction: column;
		gap: 6px;
	}

	.vem-email-row[b-ydeqz0z11r] {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.vem-email-meta[b-ydeqz0z11r] {
		justify-content: space-between;
	}

	.vem-email-body-grid[b-ydeqz0z11r] {
		grid-template-columns: 1fr;
	}

	.vem-reply-footer[b-ydeqz0z11r] {
		align-items: stretch;
		flex-direction: column;
	}

	.vem-reply-footer .btn[b-ydeqz0z11r] {
		width: 100%;
	}
}
/* /Components/Pages/Verify.razor.rz.scp.css */
/* ============================================================
   Verify.razor.css — Mobile-first
   ============================================================ */

/* ── Page ───────────────────────────────────────────────────── */
.vfy-page[b-4j1b4qc038] {
	max-width: 900px;
}

/* ── Field rows (receipt style) ─────────────────────────────── */
.vfy-fields[b-4j1b4qc038] {
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: .5rem;
	overflow: hidden;
}

.vfy-field-row[b-4j1b4qc038] {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 10px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

	.vfy-field-row:last-child[b-4j1b4qc038] {
		border-bottom: none;
	}

	.vfy-field-row:nth-child(odd)[b-4j1b4qc038] {
		background: var(--bs-tertiary-bg, #f8f9fa);
	}

.vfy-field-label[b-4j1b4qc038] {
	font-size: 12px;
	color: var(--bs-secondary-color, #6c757d);
	flex-shrink: 0;
	min-width: 130px;
}

/* ── Tab nav ─────────────────────────────────────────────────── */
.vfy-tab-wrap[b-4j1b4qc038] {
	overflow: hidden;
}

.vfy-tab-nav[b-4j1b4qc038] {
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

	.vfy-tab-nav[b-4j1b4qc038]::-webkit-scrollbar {
		display: none;
	}

.vfy-tab-btn[b-4j1b4qc038] {
	flex: 1;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 500;
	color: var(--bs-secondary-color, #6c757d);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	white-space: nowrap;
	transition: color 150ms ease, border-color 150ms ease;
}

	.vfy-tab-btn i[b-4j1b4qc038] {
		font-size: 15px;
	}

	.vfy-tab-btn:hover[b-4j1b4qc038] {
		color: var(--bs-body-color, #212529);
	}

	.vfy-tab-btn.active[b-4j1b4qc038] {
		color: var(--bs-primary, #0d6efd);
		border-bottom-color: var(--bs-primary, #0d6efd);
		font-weight: 600;
	}

/* ── Camera overlays (preserved from original) ──────────────── */
#overlay[b-4j1b4qc038] {
	display: none;
}

#overlay1[b-4j1b4qc038] {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
}

#video1[b-4j1b4qc038] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	max-width: 500px;
	width: 100%;
}

/* ── Desktop ─────────────────────────────────────────────────── */
@media (min-width: 576px) {
	.vfy-field-label[b-4j1b4qc038] {
		min-width: 160px;
	}
}

/* vfyShowTab() is called inline — add to wwwroot/js/app.js or site.js:

window.vfyShowTab = function(evt, paneId) {
	document.querySelectorAll('.vfy-pane').forEach(p => p.style.display = 'none');
	document.querySelectorAll('.vfy-tab-btn').forEach(b => b.classList.remove('active'));
	document.getElementById(paneId).style.display = 'block';
	evt.currentTarget.classList.add('active');
};
*/
/* /Components/Pages/VLinks/VerifiedLinkAccessHistoryMyVisits.razor.rz.scp.css */
.history-page[b-6uu88cuvtw] {
	max-width: 680px;
	margin: 0 auto;
	padding: 1rem;
}

/* Search */
.search-bar[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 1.25rem;
}

.btn-search-toggle[b-6uu88cuvtw] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 16px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.12);
	background: #fff;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s;
}

	.btn-search-toggle:hover[b-6uu88cuvtw],
	.btn-search-toggle.active[b-6uu88cuvtw] {
		background: #e8f0fe;
		color: #1a56db;
		border-color: transparent;
	}

.search-input-wrap[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	flex: 1;
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	transition: border-color 0.15s;
}

	.search-input-wrap:focus-within[b-6uu88cuvtw] {
		border-color: #1a56db;
	}

.search-input[b-6uu88cuvtw] {
	flex: 1;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 9px 12px;
	font-size: 14px;
	background: transparent;
}

.search-input-wrap button[b-6uu88cuvtw] {
	border: none;
	background: transparent;
	padding: 9px 12px;
	cursor: pointer;
	color: #777;
}

	.search-input-wrap button:hover[b-6uu88cuvtw] {
		color: #333;
	}

/* Record cards */
.record-card[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.08);
	background: #fff;
	margin-bottom: 7px;
	cursor: pointer;
	transition: border-color 0.12s, background 0.12s;
	text-decoration: none;
	color: inherit;
}

	.record-card:hover[b-6uu88cuvtw] {
		border-color: rgba(0,0,0,0.15);
		background: #f9f9f9;
	}

	.record-card:active[b-6uu88cuvtw] {
		transform: scale(0.99);
	}

.record-icon[b-6uu88cuvtw] {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #f3f3f3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 16px;
	color: #555;
}

.record-body[b-6uu88cuvtw] {
	flex: 1;
	min-width: 0;
}

.record-ref[b-6uu88cuvtw] {
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.record-meta[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 4px;
}

.record-top[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.record-date[b-6uu88cuvtw] {
	font-size: 11px;
	color: #9ca3af;
	white-space: nowrap;
	flex-shrink: 0;
}

.chip[b-6uu88cuvtw] {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 11px;
	padding: 2px 7px;
	border-radius: 99px;
	border: 1px solid rgba(0,0,0,0.08);
	color: #666;
	background: #f5f5f5;
	white-space: nowrap;
}

.trust-badge[b-6uu88cuvtw] {
	font-size: 11px;
	font-weight: 500;
	padding: 2px 8px;
	border-radius: 99px;
}

	.trust-badge.verified[b-6uu88cuvtw] {
		background: #edf7ed;
		color: #2e7d32;
	}

	.trust-badge.unverified[b-6uu88cuvtw] {
		background: #fdecea;
		color: #c62828;
	}

.chevron[b-6uu88cuvtw] {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	color: #bbb;
}

/* Pagination */
.pagination-wrap[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 1.25rem;
}

.pg-btn[b-6uu88cuvtw] {
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.1);
	background: #fff;
	color: #555;
	font-size: 13px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.12s;
}

	.pg-btn:hover:not(:disabled):not(.active)[b-6uu88cuvtw] {
		background: #f3f3f3;
	}

	.pg-btn.active[b-6uu88cuvtw] {
		background: #e8f0fe;
		color: #1a56db;
		border-color: transparent;
		font-weight: 500;
	}

	.pg-btn:disabled[b-6uu88cuvtw] {
		opacity: 0.35;
		cursor: default;
	}

/* States */
.empty-state[b-6uu88cuvtw] {
	color: #888;
	font-size: 14px;
	text-align: center;
	padding: 2rem 0;
}

.error-message[b-6uu88cuvtw] {
	color: #c62828;
	font-size: 14px;
	padding: 1rem 0;
}

.loading-state[b-6uu88cuvtw] {
	display: flex;
	justify-content: center;
	padding: 3rem 0;
}

.date-heading[b-6uu88cuvtw] {
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 0 4px 6px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	margin-bottom: 2px;
	margin-top: 1.25rem;
}

	.date-heading:first-of-type[b-6uu88cuvtw] {
		margin-top: 0;
	}

.h-row[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 8px;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.1s;
}

	.h-row:hover[b-6uu88cuvtw] {
		background: rgba(0,0,0,0.04);
	}

.h-time[b-6uu88cuvtw] {
	font-size: 11px;
	color: #9ca3af;
	width: 52px;
	flex-shrink: 0;
	text-align: right;
}

.h-favicon[b-6uu88cuvtw] {
	width: 20px;
	height: 20px;
	border-radius: 4px;
	background: #f3f4f6;
	border: 1px solid rgba(0,0,0,0.06);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #6b7280;
	font-size: 11px;
}

.h-body[b-6uu88cuvtw] {
	flex: 1;
	min-width: 0;
}

.h-title[b-6uu88cuvtw] {
	font-size: 13px;
	color: #111827;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.h-meta[b-6uu88cuvtw] {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 1px;
	flex-wrap: wrap;
}

.h-chip[b-6uu88cuvtw] {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 11px;
	color: #9ca3af;
}

.dot[b-6uu88cuvtw] {
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #d1d5db;
	flex-shrink: 0;
}

.trust-ok[b-6uu88cuvtw] {
	font-size: 11px;
	color: #15803d;
}

.trust-bad[b-6uu88cuvtw] {
	font-size: 11px;
	color: #dc2626;
}

.h-del[b-6uu88cuvtw] {
	opacity: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: #9ca3af;
	padding: 4px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transition: opacity 0.15s, color 0.15s;
}

.h-row:hover .h-del[b-6uu88cuvtw] {
	opacity: 1;
}

.h-del:hover[b-6uu88cuvtw] {
	color: #dc2626;
}
/* /Components/Pages/VLinks/VLinkCreate.razor.rz.scp.css */
.indent[b-fj8z8fq6of] {
	margin-left: 20px;
	/*background-color: blue;*/
}

.file-upload[b-fj8z8fq6of] {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

#Document[b-fj8z8fq6of] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1; /* Ensure file input is clickable */
}

.browse-button[b-fj8z8fq6of] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px; /* Adjust width as needed */
	height: 30px; /* Adjust height as needed */
	background-color: #007bff; /* Example background color */
	color: #fff; /* Example text color */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	z-index: 2; /* Ensure button is clickable */
}
/* /Components/Pages/VLinks/VLinkDetail.razor.rz.scp.css */
.form-image[b-dvxplmatty] {
	max-width: 500px;
	width: auto;
}

/* Prevent toolbar buttons from bleeding past the card's rounded corners */
.card[b-dvxplmatty] {
	overflow: hidden;
}

/* ── Public Preview modal ────────────────────────────────────── */
.vld-preview-backdrop[b-dvxplmatty] {
	position: fixed;
	inset: 0;
	z-index: 1055;
	background: rgba(0,0,0,0.60);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}

.vld-preview-dialog[b-dvxplmatty] {
	background: var(--bs-body-bg, #fff);
	width: 100%;
	max-width: 480px; /* matches PublicVLView max-width */
	height: 85vh;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: vld-preview-in-b-dvxplmatty 200ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes vld-preview-in-b-dvxplmatty {
	from {
		transform: scale(0.95);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

.vld-preview-header[b-dvxplmatty] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
	flex-shrink: 0;
}

.vld-preview-close[b-dvxplmatty] {
	background: var(--bs-tertiary-bg, #f1f3f5);
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	cursor: pointer;
	transition: background 150ms;
}

	.vld-preview-close:hover[b-dvxplmatty] {
		background: var(--bs-secondary-bg, #e9ecef);
	}

.vld-preview-body[b-dvxplmatty] {
	flex: 1;
	overflow: hidden;
}

.vld-preview-frame[b-dvxplmatty] {
	width: 100%;
	height: 100%;
	border: none;
}
/* /Components/Pages/VLinks/VLinkEdit.razor.rz.scp.css */
.indent[b-7mqcn8nlij] {
	margin-left: 20px;
	/*background-color: blue;*/
}

.file-upload[b-7mqcn8nlij] {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

#Document[b-7mqcn8nlij] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 1; /* Ensure file input is clickable */
}

.browse-button[b-7mqcn8nlij] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px; /* Adjust width as needed */
	height: 30px; /* Adjust height as needed */
	background-color: #007bff; /* Example background color */
	color: #fff; /* Example text color */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	z-index: 2; /* Ensure button is clickable */
}
/* /Components/Pages/VLinks/VLinkView.razor.rz.scp.css */
.indent[b-90ja7hp6fz] {
	margin-left: 20px; /* Adjust the indentation as needed */
}
/* /Components/Pages/VLive.razor.rz.scp.css */
.wizard-container[b-rqzpp2iy0y] {
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding: 30px;
}

.wizard-progress[b-rqzpp2iy0y] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	position: relative;
	/*flex-wrap: wrap;*/ /* Allow steps to wrap on small screens */
	/*gap: 10px;*/
}

	.wizard-progress[b-rqzpp2iy0y]:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		height: 4px;
		background: #e9ecef;
		transform: translateY(-50%);
		z-index: 1;
	}

.wizard-progress-step[b-rqzpp2iy0y] {
	position: relative;
	z-index: 2;
	text-align: center;
	width: 100%;
	/*	min-width: 80px;
	Prevent steps from getting too small flex: 1 0 auto;
	Flexible sizing*/
}

	.wizard-progress-step.completed .wizard-progress-indicator[b-rqzpp2iy0y] {
		background: #198754;
		color: white;
	}

	.wizard-progress-step.active .wizard-progress-indicator[b-rqzpp2iy0y] {
		background: #0d6efd;
		color: white;
		box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
	}

.wizard-progress-indicator[b-rqzpp2iy0y] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #e9ecef;
	color: #6c757d;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	font-weight: bold;
}

.wizard-progress-label[b-rqzpp2iy0y] {
	font-size: 14px;
	color: #6c757d;
}

.wizard-progress-step.active .wizard-progress-label[b-rqzpp2iy0y],
.wizard-progress-step.completed .wizard-progress-label[b-rqzpp2iy0y] {
	color: #212529;
	font-weight: 500;
}

.wizard-footer[b-rqzpp2iy0y] {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #e9ecef;
}

.wizard-btn[b-rqzpp2iy0y] {
	min-width: 120px;
}

.icon-container[b-rqzpp2iy0y] {
	display: flex;
	gap: 20px;
	font-size: 24px;
	cursor: pointer;
}

.icon[b-rqzpp2iy0y] {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #f8f8f8;
	display: inline-block;
}

	.icon:hover[b-rqzpp2iy0y] {
		background-color: #ddd;
	}

.win-5x[b-rqzpp2iy0y] {
	font-size: 5em;
}

.win-square[b-rqzpp2iy0y] {
	width: 5em; /* Set the width of the button */
	height: 5em; /* Set the height of the button */
	padding: 0; /* Remove padding to maintain the square shape */
	display: flex; /* Use flexbox for centering the icon */
	justify-content: center; /* Center the icon horizontally */
	align-items: center; /* Center the icon vertically */
}

	/* Optional: Style for the icon inside the button, adjust as needed */
	.win-square > .bi[b-rqzpp2iy0y] {
		font-size: 5em; /* Adjust the size of the icon */
	}

/* Review Step Styles */
.review-container[b-rqzpp2iy0y] {
	max-width: 800px;
	margin: 0 auto;
}

.review-section[b-rqzpp2iy0y] {
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	overflow: hidden;
}

.review-label[b-rqzpp2iy0y] {
	/*	font-weight: 600;*/
	font-weight: bold;
	color: #495057;
	font-size: 0.875rem;
	margin-bottom: 0.25rem;
	display: block;
}

.review-data[b-rqzpp2iy0y] {
	background-color: #f8f9fa;
	padding: 0.75rem;
	border-radius: 0.25rem;
	font-size: 1rem;
	min-height: 2.5rem;
	display: flex;
	align-items: center;
}

.card-header[b-rqzpp2iy0y] {
	font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.review-data[b-rqzpp2iy0y] {
		font-size: 0.9rem;
		padding: 0.5rem;
	}

	.review-label[b-rqzpp2iy0y] {
		font-size: 0.8rem;
	}
}
/* Hide progress line on small screens */
@media (max-width: 768px) {
	.wizard-progress[b-rqzpp2iy0y]:before {
		display: none;
	}

	.wizard-progress-indicator[b-rqzpp2iy0y] {
		width: 30px;
		height: 30px;
		font-size: 0.9rem;
	}

	.wizard-progress-label[b-rqzpp2iy0y] {
		font-size: 12px;
	}
}
/* /Components/Pages/VLives/VLiveDetail.razor.rz.scp.css */
.wizard-container[b-np54v903b4] {
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding: 30px;
}

.wizard-progress[b-np54v903b4] {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	position: relative;
	/*flex-wrap: wrap;*/ /* Allow steps to wrap on small screens */
	/*gap: 10px;*/
}

	.wizard-progress[b-np54v903b4]:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		height: 4px;
		background: #e9ecef;
		transform: translateY(-50%);
		z-index: 1;
	}

.wizard-progress-step[b-np54v903b4] {
	position: relative;
	z-index: 2;
	text-align: center;
	width: 100%;
	/*	min-width: 80px;
	Prevent steps from getting too small flex: 1 0 auto;
	Flexible sizing*/
}

	.wizard-progress-step.completed .wizard-progress-indicator[b-np54v903b4] {
		background: #198754;
		color: white;
	}

	.wizard-progress-step.active .wizard-progress-indicator[b-np54v903b4] {
		background: #0d6efd;
		color: white;
		box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
	}

.wizard-progress-indicator[b-np54v903b4] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #e9ecef;
	color: #6c757d;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	font-weight: bold;
}

.wizard-progress-label[b-np54v903b4] {
	font-size: 14px;
	color: #6c757d;
}

.wizard-progress-step.active .wizard-progress-label[b-np54v903b4],
.wizard-progress-step.completed .wizard-progress-label[b-np54v903b4] {
	color: #212529;
	font-weight: 500;
}

.wizard-footer[b-np54v903b4] {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #e9ecef;
}

.wizard-btn[b-np54v903b4] {
	min-width: 120px;
}

.icon-container[b-np54v903b4] {
	display: flex;
	gap: 20px;
	font-size: 24px;
	cursor: pointer;
}

.icon[b-np54v903b4] {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #f8f8f8;
	display: inline-block;
}

	.icon:hover[b-np54v903b4] {
		background-color: #ddd;
	}

.win-5x[b-np54v903b4] {
	font-size: 5em;
}

.win-square[b-np54v903b4] {
	width: 5em; /* Set the width of the button */
	height: 5em; /* Set the height of the button */
	padding: 0; /* Remove padding to maintain the square shape */
	display: flex; /* Use flexbox for centering the icon */
	justify-content: center; /* Center the icon horizontally */
	align-items: center; /* Center the icon vertically */
}

	/* Optional: Style for the icon inside the button, adjust as needed */
	.win-square > .bi[b-np54v903b4] {
		font-size: 5em; /* Adjust the size of the icon */
	}

/* Review Step Styles */
.review-container[b-np54v903b4] {
	max-width: 800px;
	margin: 0 auto;
}

.review-section[b-np54v903b4] {
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	overflow: hidden;
}

.review-label[b-np54v903b4] {
	/*	font-weight: 600;*/
	font-weight: bold;
	color: #495057;
	font-size: 0.875rem;
	margin-bottom: 0.25rem;
	display: block;
}

.review-data[b-np54v903b4] {
	background-color: #f8f9fa;
	padding: 0.75rem;
	border-radius: 0.25rem;
	font-size: 1rem;
	min-height: 2.5rem;
	display: flex;
	align-items: center;
}

.card-header[b-np54v903b4] {
	font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.review-data[b-np54v903b4] {
		font-size: 0.9rem;
		padding: 0.5rem;
	}

	.review-label[b-np54v903b4] {
		font-size: 0.8rem;
	}
}
/* Hide progress line on small screens */
@media (max-width: 768px) {
	.wizard-progress[b-np54v903b4]:before {
		display: none;
	}

	.wizard-progress-indicator[b-np54v903b4] {
		width: 30px;
		height: 30px;
		font-size: 0.9rem;
	}

	.wizard-progress-label[b-np54v903b4] {
		font-size: 12px;
	}
}
/* /Components/Pages/ZKQRs/ZKQRCreate.razor.rz.scp.css */
.indent[b-34voi5kee4] {
	margin-left: 20px;
	/*background-color: blue;*/
}
/* /Components/Pages/ZKQRs/ZKQREdit.razor.rz.scp.css */
.indent[b-wxm8v80i12] {
	margin-left: 20px;
	/*background-color: blue;*/
}
/* /Components/Pages/ZKQRs/ZKQRView.razor.rz.scp.css */
.indent[b-d4k7ie3rcz] {
	margin-left: 20px; /* Adjust the indentation as needed */
}
/* /Pages/PublicVLView.cshtml.rz.scp.css */
/* ============================================================
   PublicVLView.cshtml.css
   Public VLink view page — mobile-first
   ============================================================ */

/* ── Page ────────────────────────────────────────────────────── */
.pvl-page[b-ukyb6pipt1] {
	max-width: 560px;
	margin: 0 auto;
	padding: 8px 8px 16px;
}

	/* ── Card spacing reset ──────────────────────────────────────── */
	/* Zero out Bootstrap's default card padding via CSS variables so
   individual card-body elements can apply their own p-* classes.
   The !important rule was removed because it overrode every explicit
   p-3 / p-2 class on card-body elements, causing all sections to
   appear with no internal padding. */
	.pvl-page .card[b-ukyb6pipt1] {
		--bs-card-spacer-x: 0;
		--bs-card-spacer-y: 0;
		--bs-card-cap-padding-x: 0;
		--bs-card-cap-padding-y: 0;
	}

/* ── Trust split-pill badge ──────────────────────────────────── */
.pvl-trust-badge[b-ukyb6pipt1] {
	display: inline-flex;
	align-items: stretch;
	border: 1.5px solid #e07b20;
	border-radius: 20px;
	overflow: hidden;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.pvl-trust-label[b-ukyb6pipt1] {
	display: flex;
	align-items: center;
	background: #e07b20;
	color: #fff;
	padding: 3px 7px;
	letter-spacing: .04em;
}

.pvl-trust-score[b-ukyb6pipt1] {
	display: flex;
	align-items: center;
	color: #e07b20;
	padding: 3px 8px;
}

/* ── Horizontal meta row ─────────────────────────────────────── */
.pvl-meta-row[b-ukyb6pipt1] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
}

.pvl-meta-ref[b-ukyb6pipt1] {
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .01em;
}

.pvl-meta-item[b-ukyb6pipt1] {
	color: var(--bs-secondary-color, #6c757d);
}

.pvl-meta-sep[b-ukyb6pipt1] {
	color: var(--bs-border-color, #dee2e6);
	user-select: none;
}

/* ── Receipt-style field rows ────────────────────────────────── */
/* Removed justify-content:space-between — it caused an excessive
   gap between label and value on a narrow card. Labels now sit
   flush left with a fixed width; values follow immediately. */
.pvl-field-row[b-ukyb6pipt1] {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 8px 0;
}

.pvl-field-label[b-ukyb6pipt1] {
	font-size: 12.5px;
	color: #6c757d;
	flex-shrink: 0;
	min-width: 110px;
}

/* ── Toggle button (Show / Hide Details) ─────────────────────── */
.pvl-toggle-btn[b-ukyb6pipt1] {
	color: #1D9E75 !important;
	font-size: 13px;
}

	.pvl-toggle-btn:hover[b-ukyb6pipt1] {
		color: #0F6E56 !important;
	}

/* ── Tabs ────────────────────────────────────────────────────── */
.pvl-tab-wrap[b-ukyb6pipt1] {
	border-bottom: 1px solid #dee2e6;
}

.pvl-tab-nav[b-ukyb6pipt1] {
	gap: 0;
	-ms-overflow-style: none;
	scrollbar-width: none;
	white-space: nowrap;
}

	.pvl-tab-nav[b-ukyb6pipt1]::-webkit-scrollbar {
		display: none;
	}

.pvl-tab-btn[b-ukyb6pipt1] {
	flex: 1;
	padding: 10px 0;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	font-size: 13px;
	font-weight: 500;
	color: #6c757d;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease;
}

	.pvl-tab-btn:hover[b-ukyb6pipt1] {
		color: #212529;
	}

	.pvl-tab-btn.active[b-ukyb6pipt1] {
		color: #0F1C2E;
		border-bottom-color: #0F1C2E;
		font-weight: 600;
	}

/* ── Lock icon (chat / pay panes) ────────────────────────────── */
.pvl-lock-icon[b-ukyb6pipt1] {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #6c757d;
	margin: 0 auto;
}

.pvl-lock-icon--sm[b-ukyb6pipt1] {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	font-size: 1.1rem;
}

/* ── Image fields (ID Front, ID Back, Selfie) ────────────────── */
/* Label above, image below, constrained to card width */
.pvl-img-field[b-ukyb6pipt1] {
	display: flex;
	flex-direction: column;
	padding: 8px 0;
}

.pvl-id-img[b-ukyb6pipt1] {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

/* ── Rich content (TinyMCE / PublicMessage HTML) ─────────────── */
.pvl-rich-content[b-ukyb6pipt1] {
	margin-top: 4px;
}

/* ── Add to Wallet buttons (Apple + Google) ──────────────────── */
.pvl-wallet-actions[b-ukyb6pipt1] {
	padding: 10px 0 4px;
	text-align: center;
	border-top: 1px solid #dee2e6;
	margin-top: 8px;
}

.pvl-wallet-btn[b-ukyb6pipt1] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid #dee2e6;
	background: #fff;
	border-radius: 8px;
	min-width: 36px;
	min-height: 36px;
	cursor: pointer;
	transition: opacity 150ms ease, box-shadow 150ms ease;
	overflow: hidden;
}

	.pvl-wallet-btn:hover[b-ukyb6pipt1] {
		box-shadow: 0 2px 8px rgba(0,0,0,.12);
		opacity: .9;
	}

	.pvl-wallet-btn:active[b-ukyb6pipt1] {
		opacity: .8;
	}

	.pvl-wallet-btn:disabled[b-ukyb6pipt1] {
		opacity: .5;
		cursor: not-allowed;
	}

	.pvl-wallet-btn:focus-visible[b-ukyb6pipt1] {
		outline: 2px solid #1a73e8;
		outline-offset: 2px;
	}

	.pvl-wallet-btn img[b-ukyb6pipt1] {
		display: block;
		width: 120px;
		height: auto;
	}

/* ── Footer ──────────────────────────────────────────────────── */
.pvl-footer[b-ukyb6pipt1] {
	max-width: 560px;
	margin: 0 auto;
	padding: 0 8px;
	border-top: 1px solid #dee2e6;
}

/* ── Desktop ─────────────────────────────────────────────────── */
@media (min-width: 576px) {
	.pvl-page[b-ukyb6pipt1] {
		padding-top: 12px;
	}

	.pvl-field-label[b-ukyb6pipt1] {
		min-width: 140px;
	}
}