/* /Manage/GoogleValidatorDialog.razor.rz.scp.css */
.google-validator-dialog[b-yu0mbqu6nt] {
	color: var(--bs-body-color);
}

.google-validator-hero[b-yu0mbqu6nt] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	border-radius: 1rem;
	background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(111, 66, 193, .16));
	border: 1px solid rgba(13, 110, 253, .12);
}

.google-validator-hero-title[b-yu0mbqu6nt] {
	font-size: 1.125rem;
	font-weight: 700;
}

.google-validator-hero-desc[b-yu0mbqu6nt],
.google-validator-section-desc[b-yu0mbqu6nt],
.google-validator-qrcode-tip[b-yu0mbqu6nt] {
	font-size: .875rem;
	color: var(--bs-secondary-color);
	line-height: 1.6;
}

.google-validator-hero-badge[b-yu0mbqu6nt] {
	padding: .45rem .85rem;
	border-radius: 999px;
	font-size: .875rem;
	font-weight: 700;
	color: #6c757d;
	background: rgba(108, 117, 125, .12);
	white-space: nowrap;
}

.google-validator-hero-badge.is-bound[b-yu0mbqu6nt] {
	color: #198754;
	background: rgba(25, 135, 84, .14);
}

.google-validator-summary-card[b-yu0mbqu6nt],
.google-validator-panel[b-yu0mbqu6nt],
.google-validator-detail-card[b-yu0mbqu6nt],
.google-validator-qrcode-card[b-yu0mbqu6nt],
.google-validator-verify-card[b-yu0mbqu6nt],
.google-validator-warning[b-yu0mbqu6nt] {
	padding: 1.1rem 1.25rem;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .06);
	box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .05);
}

.google-validator-summary-label[b-yu0mbqu6nt],
.google-validator-section-title[b-yu0mbqu6nt] {
	font-size: .875rem;
	font-weight: 600;
	color: var(--bs-secondary-color);
	margin-bottom: .45rem;
}

.google-validator-summary-value[b-yu0mbqu6nt] {
	font-size: 1.1rem;
	font-weight: 700;
}

.google-validator-toolbar[b-yu0mbqu6nt] {
	padding-bottom: .25rem;
	border-bottom: 1px dashed rgba(0, 0, 0, .08);
}

.google-validator-code-text[b-yu0mbqu6nt] {
	padding: .85rem 1rem;
	border-radius: .85rem;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .08em;
	word-break: break-all;
	background: linear-gradient(180deg, rgba(13, 110, 253, .06), rgba(13, 110, 253, .02));
	border: 1px solid rgba(13, 110, 253, .1);
}

.google-validator-identifier-text[b-yu0mbqu6nt] {
	padding: .75rem .9rem;
	border-radius: .75rem;
	word-break: break-all;
	background: rgba(108, 117, 125, .08);
}

.google-validator-hint-list[b-yu0mbqu6nt] {
	display: flex;
	flex-direction: column;
	gap: .55rem;
	margin-top: 1rem;
}

.google-validator-hint-list > div[b-yu0mbqu6nt] {
	display: flex;
	align-items: center;
	gap: .55rem;
	font-size: .9rem;
	color: var(--bs-secondary-color);
}

.google-validator-hint-list i[b-yu0mbqu6nt] {
	color: #0d6efd;
}

.google-validator-qrcode-card[b-yu0mbqu6nt] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.google-validator-qrcode-wrap[b-yu0mbqu6nt] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1rem;
	margin: .25rem 0 .75rem;
	border-radius: 1rem;
	background: linear-gradient(180deg, rgba(248, 249, 250, .9), rgba(255, 255, 255, 1));
	border: 1px solid rgba(0, 0, 0, .06);
}

.google-validator-qrcode-wrap[b-yu0mbqu6nt]  canvas,
.google-validator-qrcode-wrap[b-yu0mbqu6nt]  img {
	max-width: 220px;
	max-height: 220px;
	border-radius: .75rem;
}

.google-validator-warning[b-yu0mbqu6nt] {
	background: linear-gradient(180deg, rgba(255, 243, 205, .7), rgba(255, 255, 255, 1));
	border-color: rgba(255, 193, 7, .35);
}

.google-validator-verify-card[b-yu0mbqu6nt]  .form-control,
.google-validator-verify-card[b-yu0mbqu6nt]  .bb-input {
	width: 100%;
}

.google-validator-verify-card[b-yu0mbqu6nt]  .validation-message {
	margin-top: .35rem;
	font-size: .875rem;
	color: var(--bs-danger);
}

@media (max-width: 767.98px) {
	.google-validator-hero[b-yu0mbqu6nt] {
		flex-direction: column;
	}

	.google-validator-hero-badge[b-yu0mbqu6nt] {
		white-space: normal;
	}
}
/* /Manage/Index.razor.rz.scp.css */
.index-dashboard-toolbar[b-ha6aelg6n3] {
	border-radius: var(--bs-border-radius-lg);
}

.index-dashboard-row[b-ha6aelg6n3] {
	align-items: stretch;
}

.index-dashboard-panel[b-ha6aelg6n3] {
	height: 100%;
	border-radius: var(--bs-border-radius-xl);
}

.index-dashboard-chart-panel[b-ha6aelg6n3] {
	overflow: hidden;
}

.index-dashboard-panel-header[b-ha6aelg6n3] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.index-dashboard-section-header[b-ha6aelg6n3] {
	align-items: baseline;
}

.index-dashboard-section[b-ha6aelg6n3] {
	--index-dashboard-accent: var(--bs-primary);
	--index-dashboard-accent-soft: var(--bs-primary-bg-subtle);
	--index-dashboard-accent-border: var(--bs-primary-border-subtle);
}

.index-dashboard-section-collection[b-ha6aelg6n3] {
	--index-dashboard-accent: var(--bs-info);
	--index-dashboard-accent-soft: var(--bs-info-bg-subtle);
	--index-dashboard-accent-border: var(--bs-info-border-subtle);
}

.index-dashboard-section-payout[b-ha6aelg6n3] {
	--index-dashboard-accent: var(--bs-warning);
	--index-dashboard-accent-soft: var(--bs-warning-bg-subtle);
	--index-dashboard-accent-border: var(--bs-warning-border-subtle);
}

.index-dashboard-section-trade[b-ha6aelg6n3] {
	--index-dashboard-accent: var(--portal-accent);
	--index-dashboard-accent-text: var(--portal-accent-text);
	--index-dashboard-accent-soft: color-mix(in srgb, var(--portal-accent) 10%, var(--bs-body-bg));
	--index-dashboard-accent-border: color-mix(in srgb, var(--portal-accent) 25%, var(--bs-body-bg));
}

.index-dashboard-section-title[b-ha6aelg6n3] {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	color: var(--index-dashboard-accent-text, var(--index-dashboard-accent));
}

.index-dashboard-section-icon[b-ha6aelg6n3] {
	display: inline-grid;
	width: 1.85rem;
	height: 1.85rem;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid var(--index-dashboard-accent-border);
	border-radius: .65rem;
	background-color: var(--index-dashboard-accent-soft);
	color: var(--index-dashboard-accent-text, var(--index-dashboard-accent));
	font-size: .88rem;
}

.index-dashboard-panel-title-with-icon[b-ha6aelg6n3] {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}

.index-dashboard-panel-title-with-icon i[b-ha6aelg6n3],
.index-dashboard-metric-title i[b-ha6aelg6n3] {
	color: var(--index-dashboard-accent-text, var(--index-dashboard-accent));
}

.index-dashboard-panel-title-with-icon i[b-ha6aelg6n3] {
	font-size: .9rem;
}

.index-dashboard-section-subtitle[b-ha6aelg6n3] {
	margin-top: 0;
	text-align: right;
}

.index-dashboard-chart-column[b-ha6aelg6n3] {
	flex: 1 1 48rem;
	min-width: 0;
}

.index-dashboard-metric-column[b-ha6aelg6n3] {
	flex: 0 0 15rem;
	width: 15rem;
	max-width: 100%;
}

.index-dashboard-panel-title[b-ha6aelg6n3] {
	color: var(--bs-body-color);
	font-size: 1.05rem;
	font-weight: 700;
}

.index-dashboard-panel-title.index-dashboard-section-title[b-ha6aelg6n3] {
	color: var(--index-dashboard-accent-text, var(--index-dashboard-accent));
}

.index-dashboard-panel-subtitle[b-ha6aelg6n3] {
	margin-top: .25rem;
	color: var(--bs-secondary-color);
	font-size: .875rem;
}

.index-dashboard-highlight[b-ha6aelg6n3] {
	margin-bottom: 1rem;
	padding: 1rem 1.125rem;
	border: 1px solid var(--index-dashboard-accent-border, var(--bs-primary-border-subtle));
	border-radius: 1rem;
	background-color: var(--index-dashboard-accent-soft, var(--bs-primary-bg-subtle));
}

.index-dashboard-highlight-compact[b-ha6aelg6n3] {
	margin-bottom: .75rem;
	padding: .65rem;
}

.index-dashboard-highlight-grid[b-ha6aelg6n3] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: .75rem;
}

.index-dashboard-highlight-item[b-ha6aelg6n3] {
	display: grid;
	grid-template-columns: max-content max-content minmax(0, 1fr);
	align-items: center;
	gap: .5rem;
	min-width: 0;
	padding: .55rem .7rem;
	border: 1px solid color-mix(in srgb, var(--index-dashboard-accent, var(--bs-primary)) 22%, var(--bs-border-color));
	border-radius: .8rem;
	background-color: var(--bs-card-bg, var(--bs-body-bg));
	box-shadow: var(--bs-box-shadow-sm);
}

.index-dashboard-highlight-label[b-ha6aelg6n3] {
	display: flex;
	align-items: center;
	gap: .4rem;
	color: var(--bs-secondary-color);
	font-size: .8rem;
	font-weight: 600;
	white-space: nowrap;
}

.index-dashboard-highlight-label i[b-ha6aelg6n3] {
	color: var(--index-dashboard-accent-text, var(--index-dashboard-accent, var(--bs-primary)));
	font-size: .82rem;
}

.index-dashboard-highlight-value[b-ha6aelg6n3] {
	margin-top: 0;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.2;
}

.index-dashboard-highlight-value-sm[b-ha6aelg6n3] {
	font-size: 1.35rem;
}

.index-dashboard-highlight-meta[b-ha6aelg6n3] {
	margin-top: 0;
	justify-self: end;
	color: var(--bs-body-color);
	font-size: .82rem;
	font-weight: 600;
	white-space: nowrap;
}

.index-dashboard-chart-wrap[b-ha6aelg6n3] {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: .25rem;
}

.index-dashboard-chart-summary[b-ha6aelg6n3] {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	color: var(--bs-secondary-color);
	font-size: .875rem;
}

.index-dashboard-trade-summary-row[b-ha6aelg6n3] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
	margin-bottom: 1rem;
}

.index-dashboard-trade-summary-row > .index-dashboard-panel-subtitle[b-ha6aelg6n3] {
	margin: 0 0 0 auto;
}

.index-dashboard-doughnut-center[b-ha6aelg6n3] {
	position: absolute;
	top: calc(50% - .5rem);
	left: 45%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: translate(-50%, -50%);
	pointer-events: none;
	text-align: center;
}

.index-dashboard-doughnut-center-label[b-ha6aelg6n3] {
	color: var(--bs-secondary-color);
	font-size: .85rem;
	font-weight: 600;
}

.index-dashboard-doughnut-center-value[b-ha6aelg6n3] {
	max-width: 9.5rem;
	margin-top: .15rem;
	color: var(--bs-body-color);
	font-size: 1.1rem;
	font-weight: 700;
	word-break: break-word;
}

.index-dashboard-metric-grid[b-ha6aelg6n3] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	height: 100%;
}

.index-dashboard-metric-grid-sm[b-ha6aelg6n3] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.index-dashboard-metric-card[b-ha6aelg6n3] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 1 0;
	min-height: 0;
	padding: .95rem 1rem;
	border: 1px solid var(--bs-border-color);
	border-left: 3px solid var(--index-dashboard-accent, var(--bs-primary));
	border-radius: var(--bs-border-radius-xl);
	background-color: var(--bs-card-bg, var(--bs-body-bg));
}

.index-dashboard-business-metric[b-ha6aelg6n3] {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	justify-content: flex-start;
	padding: 1rem 1.15rem;
	border-color: color-mix(in srgb, var(--index-dashboard-accent, var(--bs-primary)) 25%, var(--bs-border-color));
	border-left-width: 4px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--index-dashboard-accent, var(--bs-primary)) 8%, var(--bs-body-bg)), var(--bs-body-bg) 78%);
}

.index-dashboard-business-metric[b-ha6aelg6n3]::after {
	position: absolute;
	top: -2.5rem;
	right: -2rem;
	z-index: 0;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	background-color: color-mix(in srgb, var(--index-dashboard-accent, var(--bs-primary)) 7%, transparent);
	content: "";
	pointer-events: none;
}

.index-dashboard-business-metric > *[b-ha6aelg6n3] {
	position: relative;
	z-index: 1;
}

.index-dashboard-business-metric .index-dashboard-metric-title i[b-ha6aelg6n3] {
	width: 2rem;
	height: 2rem;
	border: 1px solid var(--index-dashboard-accent-border, var(--bs-primary-border-subtle));
	border-radius: .65rem;
}

.index-dashboard-business-metric .index-dashboard-metric-value[b-ha6aelg6n3] {
	margin-top: .7rem;
	font-size: 1.65rem;
}

.index-dashboard-business-metric .index-dashboard-metric-subtitle[b-ha6aelg6n3] {
	font-size: .8rem;
}

.index-dashboard-metric-title[b-ha6aelg6n3] {
	display: flex;
	align-items: center;
	gap: .45rem;
	color: var(--bs-body-color);
	font-size: .95rem;
	font-weight: 700;
}

.index-dashboard-metric-title i[b-ha6aelg6n3] {
	display: inline-grid;
	width: 1.75rem;
	height: 1.75rem;
	flex: 0 0 auto;
	place-items: center;
	border-radius: .55rem;
	background-color: var(--index-dashboard-accent-soft, var(--bs-primary-bg-subtle));
	font-size: .9rem;
}

.index-dashboard-section .index-dashboard-panel[b-ha6aelg6n3] {
	border-top: 3px solid var(--index-dashboard-accent) !important;
}

.index-dashboard-chart-summary span[b-ha6aelg6n3] {
	padding: .25rem .55rem;
	border: 1px solid color-mix(in srgb, var(--index-dashboard-accent) 25%, var(--bs-body-bg));
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--index-dashboard-accent) 9%, var(--bs-body-bg));
	color: var(--index-dashboard-accent);
}

.index-dashboard-trade-summary-row .index-dashboard-chart-summary[b-ha6aelg6n3] {
	align-items: center;
}

.index-dashboard-chart-summary .index-dashboard-collection-summary[b-ha6aelg6n3] {
	border-color: var(--bs-info-border-subtle);
	background-color: var(--bs-info-bg-subtle);
	color: var(--bs-info-text-emphasis);
}

.index-dashboard-chart-summary .index-dashboard-payout-summary[b-ha6aelg6n3] {
	border-color: var(--bs-warning-border-subtle);
	background-color: var(--bs-warning-bg-subtle);
	color: var(--bs-warning-text-emphasis);
}

.index-dashboard-metric-value[b-ha6aelg6n3] {
	margin-top: .5rem;
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.2;
}

.index-dashboard-metric-subtitle[b-ha6aelg6n3] {
	margin-top: .35rem;
	color: var(--bs-secondary-color);
	font-size: .85rem;
}

.index-dashboard-range-wrap[b-ha6aelg6n3] {
	min-width: 22rem;
}

.index-dashboard-range-wrap[b-ha6aelg6n3]  .index-dashboard-range-control {
	margin-bottom: 0;
}

.index-dashboard-datetime-row[b-ha6aelg6n3] {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.index-dashboard-range-wrap[b-ha6aelg6n3]  .index-dashboard-datetime-control {
	width: 14rem;
	margin-bottom: 0;
}

@media (max-width: 1199.98px) {
	.portal-filter-actions[b-ha6aelg6n3] {
		margin-left: 0;
	}

	.index-dashboard-range-wrap[b-ha6aelg6n3] {
		min-width: 100%;
	}
}

@media (max-width: 767.98px) {
	.index-dashboard-section-subtitle[b-ha6aelg6n3] {
		display: none;
	}

	.index-dashboard-chart-column[b-ha6aelg6n3],
	.index-dashboard-metric-column[b-ha6aelg6n3] {
		flex-basis: 100%;
		width: 100%;
	}

	.index-dashboard-metric-grid[b-ha6aelg6n3],
	.index-dashboard-highlight-grid[b-ha6aelg6n3] {
		grid-template-columns: minmax(0, 1fr);
	}

	.index-dashboard-panel-header[b-ha6aelg6n3] {
		flex-direction: column;
		align-items: stretch;
	}

	.portal-filter-item[b-ha6aelg6n3],
	.index-dashboard-range-wrap[b-ha6aelg6n3] {
		width: 100%;
	}

	.portal-filter-item[b-ha6aelg6n3]  .portal-filter-control {
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.index-dashboard-highlight-grid[b-ha6aelg6n3] {
		grid-template-columns: minmax(0, 1fr);
	}

	.index-dashboard-highlight-item[b-ha6aelg6n3] {
		grid-template-columns: max-content minmax(0, 1fr);
	}

	.index-dashboard-highlight-label[b-ha6aelg6n3] {
		grid-column: 1 / -1;
	}
}
/* /Manage/Login.razor.rz.scp.css */
/* 公共布局与组件样式统一维护在 wwwroot/css/app.css，站点差异位于 Themes 中 */
/* /Manage/MainLayout.razor.rz.scp.css */
/* 公共布局与组件样式统一维护在 wwwroot/css/app.css，站点差异位于 Themes 中 */
/* /Manage/MerchantIndex.razor.rz.scp.css */
.merchant-index-page[b-qnb3uv7td5] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.index-dashboard-panel[b-qnb3uv7td5] {
	height: 100%;
	border-radius: var(--bs-border-radius-xl);
}

.index-dashboard-chart-panel[b-qnb3uv7td5] {
	height: 100%;
	min-width: 0;
	overflow: hidden;
}

.index-dashboard-panel-header[b-qnb3uv7td5] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .8rem;
	margin-bottom: .8rem;
}

.index-dashboard-panel-title[b-qnb3uv7td5] {
	color: var(--bs-body-color);
	font-size: 1.05rem;
	font-weight: 700;
}

.index-dashboard-panel-subtitle[b-qnb3uv7td5] {
	margin-top: .2rem;
	color: var(--bs-secondary-color);
	font-size: .875rem;
}

.merchant-index-toolbar-panel .card-body[b-qnb3uv7td5],
.merchant-index-system-panel .card-body[b-qnb3uv7td5],
.index-dashboard-trade-row .card-body[b-qnb3uv7td5] {
	padding: .8rem;
}

.merchant-index-page-header[b-qnb3uv7td5] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.merchant-index-toolbar[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: 10rem minmax(28rem, 1fr) auto;
	align-items: end;
	gap: .5rem .7rem;
	width: min(100%, 50rem);
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.merchant-index-toolbar .portal-filter-actions[b-qnb3uv7td5] {
	margin-left: 0;
}

.merchant-index-currency-filter[b-qnb3uv7td5] {
	width: auto;
	min-width: 0;
}

.merchant-index-currency-filter[b-qnb3uv7td5]  .portal-filter-control {
	width: auto;
	min-width: 0;
	flex: 1 1 auto;
}

.merchant-index-currency-filter[b-qnb3uv7td5]  input.portal-filter-control {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

.merchant-index-date-filter[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	width: auto;
	min-width: 0;
	gap: .25rem;
}

.portal-filter-label[b-qnb3uv7td5] {
	color: var(--bs-secondary-color);
	font-size: .78rem;
	font-weight: 600;
}

.merchant-index-date-filter .index-dashboard-datetime-row[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-width: 0;
	gap: .4rem;
}

.merchant-index-date-filter[b-qnb3uv7td5]  .index-dashboard-datetime-control {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	margin-bottom: 0;
}

.merchant-index-section[b-qnb3uv7td5] {
	display: flex;
	min-width: 0;
	flex-direction: column;
	--merchant-index-accent: #2563eb;
	--merchant-index-accent-soft: rgba(37, 99, 235, .1);
	--merchant-index-accent-border: rgba(37, 99, 235, .2);
}

.merchant-index-section-collection[b-qnb3uv7td5] {
	--merchant-index-accent: #0f9d83;
	--merchant-index-accent-soft: rgba(15, 157, 131, .1);
	--merchant-index-accent-border: rgba(15, 157, 131, .2);
}

.merchant-index-section-payout[b-qnb3uv7td5] {
	--merchant-index-accent: #d88716;
	--merchant-index-accent-soft: rgba(216, 135, 22, .11);
	--merchant-index-accent-border: rgba(216, 135, 22, .23);
}

.merchant-index-section-trade[b-qnb3uv7td5] {
	--merchant-index-accent: #7453c8;
	--merchant-index-accent-soft: rgba(116, 83, 200, .1);
	--merchant-index-accent-border: rgba(116, 83, 200, .2);
}

.merchant-index-section-title[b-qnb3uv7td5] {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	color: var(--merchant-index-accent);
}

.merchant-index-section-icon[b-qnb3uv7td5] {
	display: inline-grid;
	width: 1.85rem;
	height: 1.85rem;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid var(--merchant-index-accent-border);
	border-radius: .65rem;
	background-color: var(--merchant-index-accent-soft);
	color: var(--merchant-index-accent);
	font-size: .88rem;
}

.merchant-index-section-header[b-qnb3uv7td5] {
	align-items: baseline;
	margin: 0 .2rem .5rem;
}

.merchant-index-section-subtitle[b-qnb3uv7td5] {
	margin-top: 0;
	text-align: right;
}

.merchant-index-system-grid[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .6rem;
}

.merchant-index-summary-card[b-qnb3uv7td5] {
	height: 100%;
	padding: .65rem .8rem;
	border: 1px solid var(--merchant-index-accent-border);
	border-radius: 1rem;
	background-color: var(--merchant-index-accent-soft);
}

.merchant-index-summary-card-funds[b-qnb3uv7td5] {
	border-color: rgba(25, 135, 84, .12);
	background-color: rgba(25, 135, 84, .08);
}

.merchant-index-summary-card-inventory[b-qnb3uv7td5] {
	border-color: rgba(13, 110, 253, .12);
	background-color: rgba(13, 110, 253, .08);
}

.merchant-index-summary-label[b-qnb3uv7td5] {
	display: flex;
	align-items: center;
	gap: .4rem;
	color: var(--bs-secondary-color);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25;
}

.merchant-index-summary-label i[b-qnb3uv7td5] {
	color: var(--merchant-index-accent);
	font-size: .85rem;
}

.merchant-index-summary-value[b-qnb3uv7td5] {
	margin-top: .28rem;
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.2;
}

.merchant-index-summary-meta[b-qnb3uv7td5] {
	margin-top: .28rem;
	color: var(--bs-body-color);
	font-size: .9rem;
	font-weight: 600;
	line-height: 1.25;
}

.merchant-index-inventory-panel[b-qnb3uv7td5] {
	display: flex;
	height: auto;
	min-height: 0;
	flex-direction: column;
	padding: .65rem .7rem;
	border: 0;
	border-radius: 1rem;
	background-color: var(--bs-body-bg);
	box-shadow: var(--bs-box-shadow-sm);
	overflow: hidden;
}

.merchant-index-trade-inventory-panel[b-qnb3uv7td5] {
	align-self: stretch;
	height: 100%;
}

.merchant-index-inventory-header[b-qnb3uv7td5] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: .6rem;
	margin-bottom: .6rem;
}

.merchant-index-inventory-title[b-qnb3uv7td5] {
	display: flex;
	align-items: center;
	gap: .45rem;
	color: var(--bs-body-color);
	font-size: .95rem;
	font-weight: 700;
}

.merchant-index-inventory-title i[b-qnb3uv7td5] {
	color: #7453c8;
}

.merchant-index-inventory-subtitle[b-qnb3uv7td5] {
	color: var(--bs-secondary-color);
	font-size: .8rem;
	text-align: right;
}

.merchant-index-inventory-table-wrap[b-qnb3uv7td5] {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.merchant-index-inventory-table[b-qnb3uv7td5] {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
	font-size: .78rem;
	line-height: 1.35;
}

.merchant-index-inventory-table th[b-qnb3uv7td5],
.merchant-index-inventory-table td[b-qnb3uv7td5] {
	padding: .28rem .32rem;
	border: 1px solid var(--bs-border-color);
	overflow-wrap: anywhere;
	vertical-align: middle;
	white-space: normal;
}

.merchant-index-inventory-table th[b-qnb3uv7td5] {
	background-color: var(--bs-tertiary-bg);
	font-size: .75rem;
	font-weight: 700;
}

.merchant-index-inventory-table tbody tr:nth-child(odd) td[b-qnb3uv7td5] {
	background-color: rgba(108, 117, 125, .04);
}

.merchant-index-inventory-category-column[b-qnb3uv7td5] {
	width: 22%;
}

.merchant-index-inventory-quantity-column[b-qnb3uv7td5] {
	width: 18%;
}

.merchant-index-inventory-date-column[b-qnb3uv7td5] {
	width: 31%;
}

.merchant-index-inventory-remark-column[b-qnb3uv7td5] {
	width: 29%;
}

.merchant-index-inventory-quantity[b-qnb3uv7td5] {
	white-space: nowrap;
}

.merchant-index-inventory-date[b-qnb3uv7td5] {
	word-break: normal;
}

.merchant-index-inventory-empty[b-qnb3uv7td5] {
	padding: .6rem !important;
	color: var(--bs-secondary-color);
	font-size: .9rem;
	text-align: center;
}

.merchant-index-business-layout[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 11rem;
	align-items: stretch;
	gap: .6rem;
}

.merchant-index-trade-layout[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	align-items: stretch;
	gap: .6rem;
}

.merchant-index-business-layout .index-dashboard-chart-panel .card-body[b-qnb3uv7td5] {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: .7rem;
}

.merchant-index-section-collection .index-dashboard-chart-panel[b-qnb3uv7td5],
.merchant-index-section-payout .index-dashboard-chart-panel[b-qnb3uv7td5] {
	border-top: 3px solid var(--merchant-index-accent) !important;
}

.merchant-index-section-trade .index-dashboard-trade-row[b-qnb3uv7td5] {
	border-top: 3px solid var(--merchant-index-accent) !important;
}

.merchant-index-section-trade .merchant-index-inventory-panel[b-qnb3uv7td5] {
	border: 1px solid var(--merchant-index-accent-border);
	background-color: color-mix(in srgb, var(--merchant-index-accent-soft) 32%, var(--bs-body-bg));
}

.merchant-index-business-layout .index-dashboard-panel-header[b-qnb3uv7td5] {
	margin-bottom: .5rem;
}

.merchant-index-business-metrics[b-qnb3uv7td5] {
	display: grid;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: .6rem;
	min-width: 0;
}

.index-dashboard-highlight[b-qnb3uv7td5] {
	margin-bottom: .6rem;
	padding: .8rem .9rem;
	border: 1px solid var(--merchant-index-accent-border);
	border-radius: 1rem;
	background-color: var(--merchant-index-accent-soft);
}

.index-dashboard-highlight-compact[b-qnb3uv7td5] {
	padding: .52rem .6rem;
}

.index-dashboard-highlight-grid[b-qnb3uv7td5] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: .6rem;
}

.merchant-index-highlight-item[b-qnb3uv7td5] {
	display: flex;
	min-width: 0;
	align-items: baseline;
	gap: .35rem .55rem;
	white-space: nowrap;
}

.index-dashboard-highlight-label[b-qnb3uv7td5] {
	display: flex;
	align-items: center;
	gap: .35rem;
	color: var(--bs-secondary-color);
	font-size: .875rem;
	font-weight: 600;
}

.index-dashboard-highlight-label i[b-qnb3uv7td5] {
	color: var(--merchant-index-accent);
	font-size: .82rem;
}

.index-dashboard-highlight-value[b-qnb3uv7td5] {
	margin-top: 0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
}

.index-dashboard-highlight-value-sm[b-qnb3uv7td5] {
	font-size: 1.1rem;
}

.index-dashboard-highlight-meta[b-qnb3uv7td5] {
	margin-top: 0;
	color: var(--bs-body-color);
	font-size: .8rem;
	font-weight: 600;
}

.index-dashboard-metric-card[b-qnb3uv7td5] {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: .7rem .8rem;
	border: 1px solid var(--merchant-index-accent-border);
	border-radius: var(--bs-border-radius-xl);
	background-color: color-mix(in srgb, var(--merchant-index-accent-soft) 42%, var(--bs-body-bg));
}

.index-dashboard-metric-title[b-qnb3uv7td5] {
	display: flex;
	align-items: center;
	gap: .45rem;
	color: var(--bs-body-color);
	font-size: .95rem;
	font-weight: 700;
	line-height: 1.25;
}

.index-dashboard-metric-title i[b-qnb3uv7td5] {
	color: var(--merchant-index-accent);
	font-size: .9rem;
}

.index-dashboard-metric-value[b-qnb3uv7td5] {
	margin-top: .28rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.1;
}

.index-dashboard-metric-subtitle[b-qnb3uv7td5] {
	margin-top: .28rem;
	color: var(--bs-secondary-color);
	font-size: .8rem;
	line-height: 1.25;
}

.index-dashboard-chart-wrap[b-qnb3uv7td5] {
	position: relative;
	width: 100%;
	height: 18rem;
	min-height: 0;
	overflow: hidden;
}

.index-dashboard-chart-wrap[b-qnb3uv7td5]  .chart {
	width: 100% !important;
	height: 100% !important;
}

.index-dashboard-trade-row[b-qnb3uv7td5] {
	height: auto;
}

.index-dashboard-trade-row .index-dashboard-chart-wrap[b-qnb3uv7td5] {
	height: 22rem;
}

.index-dashboard-chart-summary[b-qnb3uv7td5] {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem .8rem;
	margin-bottom: .4rem;
	color: var(--bs-secondary-color);
	font-size: .875rem;
}

@media (max-width: 1199.98px) {
	.merchant-index-page-header[b-qnb3uv7td5] {
		flex-direction: column;
	}

	.merchant-index-toolbar[b-qnb3uv7td5] {
		width: 100%;
		grid-template-columns: 10rem minmax(0, 1fr) auto;
	}
}

@media (max-width: 767.98px) {
	.merchant-index-toolbar[b-qnb3uv7td5],
	.merchant-index-date-filter[b-qnb3uv7td5],
	.merchant-index-currency-filter[b-qnb3uv7td5] {
		width: 100%;
		min-width: 0;
	}

	.merchant-index-toolbar[b-qnb3uv7td5] {
		grid-template-columns: minmax(0, 1fr);
	}

	.merchant-index-date-filter[b-qnb3uv7td5] {
		grid-template-columns: minmax(0, 1fr);
	}

	.merchant-index-toolbar .portal-filter-actions[b-qnb3uv7td5] {
		width: 100%;
	}

	.merchant-index-toolbar .portal-filter-actions[b-qnb3uv7td5]  button {
		width: 100%;
	}

	.merchant-index-date-filter[b-qnb3uv7td5]  .index-dashboard-datetime-control {
		width: 100%;
	}

	.merchant-index-system-grid[b-qnb3uv7td5],
	.merchant-index-business-layout[b-qnb3uv7td5],
	.merchant-index-trade-layout[b-qnb3uv7td5],
	.index-dashboard-highlight-grid[b-qnb3uv7td5] {
		grid-template-columns: minmax(0, 1fr);
	}

	.merchant-index-business-metrics[b-qnb3uv7td5] {
		grid-template-rows: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.index-dashboard-panel-header[b-qnb3uv7td5],
	.merchant-index-inventory-header[b-qnb3uv7td5] {
		flex-direction: column;
		align-items: stretch;
	}

	.merchant-index-highlight-item[b-qnb3uv7td5] {
		flex-wrap: wrap;
		white-space: normal;
		gap: .2rem .45rem;
	}

	.merchant-index-section-subtitle[b-qnb3uv7td5],
	.merchant-index-inventory-subtitle[b-qnb3uv7td5] {
		text-align: left;
	}

	.index-dashboard-chart-wrap[b-qnb3uv7td5],
	.index-dashboard-trade-row .index-dashboard-chart-wrap[b-qnb3uv7td5] {
		height: 15rem;
	}
}

@media (max-width: 479.98px) {
	.merchant-index-business-metrics[b-qnb3uv7td5] {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* /Manage/MerchantLayout.razor.rz.scp.css */
/* 公共布局与组件样式统一维护在 wwwroot/css/app.css，站点差异位于 Themes 中 */
/* /Manage/NotificationView.razor.rz.scp.css */
.notification-view[b-rje4qsro4i] {
	--notification-panel-border: color-mix(in srgb, var(--bs-primary) 36%, var(--bs-border-color));
	position: relative;
}

.notification-view.is-open[b-rje4qsro4i] {
	z-index: 1050;
}

.notification-view.is-open[b-rje4qsro4i]::before,
.notification-view.is-open[b-rje4qsro4i]::after {
	position: absolute;
	z-index: 3;
	right: 13px;
	width: 0;
	height: 0;
	pointer-events: none;
	content: "";
}

.notification-view.is-open[b-rje4qsro4i]::before {
	top: 100%;
	border-right: 10px solid transparent;
	border-bottom: 11px solid var(--notification-panel-border);
	border-left: 10px solid transparent;
}

.notification-view.is-open[b-rje4qsro4i]::after {
	top: calc(100% + 2px);
	right: 15px;
	border-right: 8px solid transparent;
	border-bottom: 9px solid var(--bs-primary-bg-subtle);
	border-left: 8px solid transparent;
}

.notification-toggle[b-rje4qsro4i] {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--bs-border-color);
	border-radius: 12px;
	background: var(--bs-body-bg);
	color: var(--bs-primary);
	font-size: 1.25rem;
	transition: background-color .15s, border-color .15s;
}

.notification-toggle:hover[b-rje4qsro4i],
.notification-toggle:focus-visible[b-rje4qsro4i],
.is-open .notification-toggle[b-rje4qsro4i] {
	border-color: var(--bs-primary-border-subtle);
	background: var(--bs-primary-bg-subtle);
}

.notification-view.is-open .notification-toggle[b-rje4qsro4i] {
	box-shadow: 0 5px 16px rgb(var(--bs-dark-rgb) / 14%);
}

.notification-toggle:focus-visible[b-rje4qsro4i],
.notification-read-all:focus-visible[b-rje4qsro4i],
.notification-item:focus-visible[b-rje4qsro4i] {
	outline: 3px solid var(--bs-focus-ring-color);
	outline-offset: 2px;
}

.notification-badge[b-rje4qsro4i] {
	position: absolute;
	top: -6px;
	right: -6px;
	min-width: 20px;
	padding: 3px 5px;
	border: 2px solid var(--bs-body-bg);
	border-radius: 12px;
	background: var(--bs-danger);
	color: var(--bs-white);
	font-size: .6rem;
	font-weight: 700;
	line-height: 1;
}

.notification-backdrop[b-rje4qsro4i] {
	position: fixed;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: default;
}

.notification-panel[b-rje4qsro4i] {
	position: fixed;
	z-index: 2;
	top: calc(var(--portal-header-height) - 6px);
	right: 12px;
	width: 460px;
	max-width: calc(100vw - 24px);
	border: 1px solid var(--notification-panel-border);
	border-radius: 14px;
	background: var(--bs-body-bg);
	box-shadow: 0 22px 58px rgb(var(--bs-dark-rgb) / 22%), 0 7px 18px rgb(var(--bs-dark-rgb) / 13%), 0 2px 4px rgb(var(--bs-dark-rgb) / 8%);
	overflow: visible;
}

.notification-heading[b-rje4qsro4i] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 15px 16px;
	border-bottom: 1px solid var(--bs-border-color);
	border-radius: 13px 13px 0 0;
	background: var(--bs-primary-bg-subtle);
}

.notification-title[b-rje4qsro4i] {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.notification-title-icon[b-rje4qsro4i] {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border: 1px solid var(--bs-primary-border-subtle);
	border-radius: 10px;
	background: var(--bs-body-bg);
	color: var(--bs-primary);
}

.notification-title strong[b-rje4qsro4i],
.notification-title small[b-rje4qsro4i] {
	display: block;
	letter-spacing: 0;
}

.notification-title strong[b-rje4qsro4i] {
	color: var(--bs-body-color);
	font-size: .9rem;
	font-weight: 650;
}

.notification-title small[b-rje4qsro4i] {
	margin-top: 3px;
	color: var(--bs-secondary-color);
	font-size: .7rem;
}

.notification-read-all[b-rje4qsro4i] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	padding: 7px 9px;
	border: 1px solid var(--bs-primary-border-subtle);
	border-radius: 8px;
	background: var(--bs-body-bg);
	color: var(--bs-primary);
	font-size: .72rem;
	font-weight: 600;
}

.notification-read-all:hover:not(:disabled)[b-rje4qsro4i] {
	background: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-body-bg));
}

.notification-read-all:disabled[b-rje4qsro4i] {
	border-color: var(--bs-border-color);
	color: var(--bs-secondary-color);
	opacity: .65;
}

.notification-list[b-rje4qsro4i] {
	max-height: min(520px, calc(100dvh - 180px));
	padding: 12px;
	border-radius: 0 0 13px 13px;
	background: var(--bs-body-bg);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: var(--bs-border-color) transparent;
	scrollbar-width: thin;
}

.notification-list[b-rje4qsro4i]::-webkit-scrollbar {
	width: 7px;
}

.notification-list[b-rje4qsro4i]::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	border-radius: 8px;
	background: var(--bs-border-color);
	background-clip: padding-box;
}

.notification-date[b-rje4qsro4i] {
	margin: 3px 2px 8px;
	color: var(--bs-secondary-color);
	font-size: .69rem;
	font-weight: 600;
	letter-spacing: 0;
}

.notification-date:not(:first-child)[b-rje4qsro4i] {
	margin-top: 13px;
}

.notification-item[b-rje4qsro4i] {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 8px;
	padding: 12px 13px 10px 16px;
	border: 1px solid var(--bs-border-color);
	border-radius: 8px;
	background: var(--bs-tertiary-bg);
	color: var(--bs-body-color);
	cursor: pointer;
	text-align: left;
	user-select: text;
	transition: background-color .15s, border-color .15s, box-shadow .15s;
}

.notification-item:last-child[b-rje4qsro4i] {
	margin-bottom: 0;
}

.notification-item[b-rje4qsro4i]::before {
	position: absolute;
	top: 9px;
	bottom: 9px;
	left: 0;
	width: 3px;
	border-radius: 0 3px 3px 0;
	background: transparent;
	content: "";
}

.notification-item.is-unread[b-rje4qsro4i] {
	border-color: color-mix(in srgb, var(--bs-primary) 34%, var(--bs-border-color));
	background: color-mix(in srgb, var(--bs-primary) 7%, var(--bs-body-bg));
	box-shadow: 0 2px 9px rgb(var(--bs-primary-rgb) / 7%);
}

.notification-item.is-unread[b-rje4qsro4i]::before {
	background: var(--bs-primary);
}

.notification-item:hover[b-rje4qsro4i],
.notification-item.is-expanded[b-rje4qsro4i] {
	border-color: var(--bs-primary-border-subtle);
	background: var(--bs-primary-bg-subtle);
}

.notification-item.is-read[b-rje4qsro4i] {
	color: var(--bs-secondary-color);
}

.notification-item-heading[b-rje4qsro4i],
.notification-item-title[b-rje4qsro4i],
.notification-item-footer[b-rje4qsro4i],
.notification-read-state[b-rje4qsro4i] {
	display: flex;
	align-items: center;
}

.notification-item-heading[b-rje4qsro4i] {
	justify-content: space-between;
	gap: 12px;
}

.notification-item-title[b-rje4qsro4i] {
	min-width: 0;
	gap: 7px;
}

.notification-item-title strong[b-rje4qsro4i] {
	overflow: hidden;
	color: inherit;
	font-size: .82rem;
	font-weight: 650;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.is-unread .notification-item-title strong[b-rje4qsro4i] {
	color: var(--bs-body-color);
	font-weight: 700;
}

.notification-item-icon[b-rje4qsro4i] {
	flex-shrink: 0;
	font-size: .78rem;
}

.notification-item time[b-rje4qsro4i] {
	flex-shrink: 0;
	color: var(--bs-secondary-color);
	font-size: .68rem;
	font-variant-numeric: tabular-nums;
}

.notification-message[b-rje4qsro4i] {
	display: block;
	margin-top: 7px;
	overflow: hidden;
	font-size: .79rem;
	line-height: 1.55;
	overflow-wrap: anywhere;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notification-item.is-expanded .notification-message[b-rje4qsro4i] {
	overflow: visible;
	white-space: normal;
}

.notification-item-footer[b-rje4qsro4i] {
	justify-content: space-between;
	margin-top: 7px;
	color: var(--bs-secondary-color);
	font-size: .65rem;
}

.notification-item-actions[b-rje4qsro4i] {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.notification-copy-button[b-rje4qsro4i] {
	display: inline-grid;
	width: 24px;
	height: 24px;
	padding: 0;
	place-items: center;
	border: 1px solid transparent;
	border-radius: 6px;
	background: transparent;
	color: var(--bs-secondary-color);
	font-size: .72rem;
	transition: background-color .15s, border-color .15s, color .15s;
}

.notification-copy-button:hover[b-rje4qsro4i],
.notification-copy-button:focus-visible[b-rje4qsro4i] {
	border-color: var(--bs-primary-border-subtle);
	background: var(--bs-primary-bg-subtle);
	color: var(--bs-primary);
}

.notification-copy-button:focus-visible[b-rje4qsro4i] {
	outline: 3px solid var(--bs-focus-ring-color);
	outline-offset: 2px;
}

.notification-read-state[b-rje4qsro4i] {
	gap: 5px;
}

.is-unread .notification-read-state[b-rje4qsro4i] {
	color: var(--bs-primary);
	font-weight: 650;
}

.is-unread .notification-read-state i[b-rje4qsro4i] {
	font-size: .38rem;
}

.notification-expand-icon[b-rje4qsro4i] {
	font-size: .62rem;
	transition: transform .16s ease;
}

.is-expanded .notification-expand-icon[b-rje4qsro4i] {
	transform: rotate(180deg);
}

.notification-empty[b-rje4qsro4i] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 150px;
	color: var(--bs-secondary-color);
	font-size: .82rem;
}

.notification-empty i[b-rje4qsro4i] {
	font-size: 1rem;
}

@media (max-width: 575.98px) {
	.notification-panel[b-rje4qsro4i] {
		top: calc(var(--portal-header-height) - 2px);
		right: 12px;
		left: 12px;
		width: auto;
		max-width: none;
	}

	.notification-heading[b-rje4qsro4i] {
		padding: 13px 14px;
	}

	.notification-list[b-rje4qsro4i] {
		max-height: calc(100dvh - var(--portal-header-height) - 90px);
		padding: 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.notification-toggle[b-rje4qsro4i],
	.notification-item[b-rje4qsro4i],
	.notification-expand-icon[b-rje4qsro4i] {
		transition: none;
	}
}
/* /Manage/Profile.razor.rz.scp.css */
.profile-page[b-7kzi663tdn] {
    height: calc(100dvh - var(--portal-header-height) - var(--portal-footer-height) - 24px);
    min-height: 0;
    padding: 0;
}

.profile-shell[b-7kzi663tdn] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    align-items: stretch;
    gap: 1rem;
    height: 100%;
    max-width: 1480px;
    margin: 0 auto;
}

.profile-content[b-7kzi663tdn], .profile-sessions[b-7kzi663tdn] {
    min-height: 0;
    height: 100%;
    border: 1px solid rgba(31, 104, 191, .12);
    border-radius: 8px;
    background: var(--bs-body-bg);
    box-shadow: 0 14px 38px rgba(20, 72, 141, .07);
}

.profile-content[b-7kzi663tdn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding: clamp(1.25rem, 2.5vw, 2.25rem);
}

.profile-content > form[b-7kzi663tdn] { flex: 1 1 auto; width: 100%; }

.profile-header[b-7kzi663tdn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--bs-border-color-translucent);
}

.profile-avatar[b-7kzi663tdn] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem;
    border: 1px solid rgba(13, 110, 253, .15);
    border-radius: 12px;
    color: #1677ff;
    background: linear-gradient(145deg, rgba(18, 156, 235, .13), rgba(22, 119, 255, .05));
    font-size: 1.5rem;
}

.profile-heading[b-7kzi663tdn] { min-width: 0; }
.profile-heading h1[b-7kzi663tdn], .profile-section-heading h2[b-7kzi663tdn] { margin: 0; font-weight: 700; color: var(--bs-body-color); }
.profile-heading h1[b-7kzi663tdn] { font-size: 1.35rem; line-height: 1.25; word-break: break-word; }
.profile-heading p[b-7kzi663tdn], .profile-section-heading p[b-7kzi663tdn] { margin: .3rem 0 0; color: var(--bs-secondary-color); font-size: .9rem; }
.profile-eyebrow[b-7kzi663tdn] { margin-bottom: .35rem; color: #1677ff; font-size: .8rem; font-weight: 700; }
.profile-status[b-7kzi663tdn] { margin-left: auto; white-space: nowrap; color: #198754; font-size: .85rem; font-weight: 700; }

.profile-section-heading[b-7kzi663tdn] { display: flex; align-items: center; gap: .65rem; margin: 1.75rem 0 .75rem; }
.profile-section-heading[b-7kzi663tdn]::before { width: 3px; height: 2.1rem; border-radius: 2px; background: #1677ff; content: ""; }
.profile-section-heading h2[b-7kzi663tdn] { font-size: 1rem; }
.profile-section-heading-security[b-7kzi663tdn] { margin-top: 1.8rem; }

.profile-inline-list[b-7kzi663tdn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.1rem; }
.profile-inline-item[b-7kzi663tdn] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3.65rem; padding: .85rem 0; border-bottom: 1px solid var(--bs-border-color-translucent); }
.profile-inline-item span[b-7kzi663tdn] { flex: 0 0 auto; color: var(--bs-secondary-color); font-size: .875rem; font-weight: 600; }
.profile-inline-item strong[b-7kzi663tdn] { min-width: 0; text-align: right; word-break: break-word; color: var(--bs-body-color); font-size: .9rem; }
.profile-inline-value[b-7kzi663tdn] { display: flex; flex: 1 1 auto; align-items: flex-start; justify-content: flex-end; gap: .45rem; min-width: 0; }
.profile-inline-value strong[b-7kzi663tdn] { flex: 1 1 auto; overflow-wrap: anywhere; }
.profile-copy-button[b-7kzi663tdn] { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; padding: 0; border: 1px solid transparent; border-radius: 4px; color: var(--bs-secondary-color); background: transparent; cursor: pointer; }
.profile-copy-button:hover[b-7kzi663tdn], .profile-copy-button:focus-visible[b-7kzi663tdn] { border-color: var(--bs-border-color); color: var(--bs-primary); background: var(--bs-tertiary-bg); outline: none; }
.profile-copy-button:focus-visible[b-7kzi663tdn] { box-shadow: 0 0 0 .15rem rgba(13, 110, 253, .2); }
.profile-inline-item-note[b-7kzi663tdn] { grid-column: 1 / -1; justify-content: flex-start; }
.profile-inline-item-note strong[b-7kzi663tdn] { text-align: left; font-weight: 500; white-space: pre-wrap; }
.profile-inline-item-timezone[b-7kzi663tdn] { grid-column: 1 / -1; }
.profile-inline-item-edit[b-7kzi663tdn] { align-items: flex-start; }
.profile-inline-editor[b-7kzi663tdn] { flex: 1 1 auto; min-width: 0; }
.profile-inline-editor[b-7kzi663tdn]  .form-control, .profile-inline-editor[b-7kzi663tdn]  .bb-input { width: 100%; }
.profile-inline-editor[b-7kzi663tdn]  .validation-message { display: block; margin-top: .35rem; color: var(--bs-danger); font-size: .8rem; }
.profile-certificate-state[b-7kzi663tdn] { color: var(--bs-secondary-color); }
.profile-certificate-state.is-enabled[b-7kzi663tdn] { color: #198754; }

.profile-actions[b-7kzi663tdn] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; margin-top: auto; padding-top: 1.25rem; border-top: 1px solid var(--bs-border-color-translucent); }

.profile-sessions[b-7kzi663tdn] { display: flex; flex-direction: column; min-width: 0; overflow: hidden; padding: clamp(1.25rem, 2.5vw, 2.25rem); }
.profile-sessions .profile-section-heading[b-7kzi663tdn] { justify-content: flex-start; margin: calc(-1 * clamp(1.25rem, 2.5vw, 2.25rem)) calc(-1 * clamp(1.25rem, 2.5vw, 2.25rem)) 0; padding: 1.15rem clamp(1.25rem, 2.5vw, 2.25rem); border-bottom: 1px solid var(--bs-border-color-translucent); background: rgba(246, 249, 252, .92); }
.profile-sessions .profile-section-heading > div[b-7kzi663tdn] { flex: 1 1 auto; min-width: 0; }
.profile-session-heading-title[b-7kzi663tdn] { display: flex; align-items: center; gap: .55rem; }
.profile-session-count[b-7kzi663tdn] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.35rem; height: 1.35rem; padding: 0 .35rem; border-radius: 999px; background: rgba(22, 119, 255, .1); color: #1677ff; font-size: .72rem; font-weight: 700; }
.profile-sessions .profile-section-heading[b-7kzi663tdn]  .btn { min-height: 2rem; padding: .3rem .65rem; border-radius: 6px; }
.profile-session-list[b-7kzi663tdn] { flex: 1 1 auto; min-height: 0; overflow-y: auto; margin: 0 calc(-1 * clamp(1.25rem, 2.5vw, 2.25rem)) calc(-1 * clamp(1.25rem, 2.5vw, 2.25rem)); padding: 0 1.2rem; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: rgba(108, 117, 125, .45) transparent; }
.profile-session-list[b-7kzi663tdn]::-webkit-scrollbar { width: 6px; }
.profile-session-list[b-7kzi663tdn]::-webkit-scrollbar-track { background: transparent; }
.profile-session-list[b-7kzi663tdn]::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(108, 117, 125, .45); }
.profile-session-list[b-7kzi663tdn]::-webkit-scrollbar-thumb:hover { background: rgba(108, 117, 125, .7); }
.profile-session[b-7kzi663tdn] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-width: 0; padding: 1.2rem .35rem; border-bottom: 1px solid var(--bs-border-color-translucent); }
.profile-session-details[b-7kzi663tdn] { flex: 1 1 auto; min-width: 0; }
.profile-session-title[b-7kzi663tdn] { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; font-size: .9rem; }
.profile-session-current[b-7kzi663tdn], .profile-session-remembered[b-7kzi663tdn] { padding: .12rem .4rem; border-radius: 4px; background: #e6f4ea; color: #176840; font-size: .75rem; font-weight: 600; }
.profile-session-current[b-7kzi663tdn], .profile-session-actions[b-7kzi663tdn] { margin-left: auto; }
.profile-session-remembered[b-7kzi663tdn] { background: #edf2fa; color: #35577e; }
.profile-session-agent[b-7kzi663tdn] { overflow: hidden; width: 100%; max-width: 72ch; margin-top: .3rem; color: var(--bs-body-color); font-size: .85rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-session-times[b-7kzi663tdn] { margin-top: .3rem; color: var(--bs-secondary-color); font-size: .8rem; }
.profile-session-times > span[b-7kzi663tdn] { font-size: .7rem; }
.profile-session-time-separator[b-7kzi663tdn] { margin: 0 .12rem; }
.profile-session-actions[b-7kzi663tdn] { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .4rem; }
.profile-sessions-empty[b-7kzi663tdn] { padding: 1rem 0; color: var(--bs-secondary-color); }

@media (max-width: 1199.98px) { .profile-page[b-7kzi663tdn], .profile-shell[b-7kzi663tdn], .profile-content[b-7kzi663tdn], .profile-sessions[b-7kzi663tdn] { height: auto; } .profile-page[b-7kzi663tdn] { min-height: auto; } .profile-shell[b-7kzi663tdn] { grid-template-columns: minmax(0, 1fr); } .profile-session-list[b-7kzi663tdn] { margin: 0; overflow-y: visible; padding: 0; scrollbar-gutter: auto; } }
@media (max-width: 575.98px) { .profile-page[b-7kzi663tdn] { padding: 0; } .profile-shell[b-7kzi663tdn] { gap: .75rem; } .profile-content[b-7kzi663tdn], .profile-sessions[b-7kzi663tdn] { padding: 1rem; } .profile-header[b-7kzi663tdn] { align-items: flex-start; gap: .75rem; } .profile-avatar[b-7kzi663tdn] { width: 3.5rem; height: 3.5rem; border-radius: 8px; } .profile-status[b-7kzi663tdn] { display: none; } .profile-inline-list[b-7kzi663tdn] { grid-template-columns: 1fr; } .profile-inline-item[b-7kzi663tdn] { min-height: 3.2rem; } .profile-inline-item span[b-7kzi663tdn] { flex-basis: 5rem; } .profile-inline-item-note[b-7kzi663tdn] { align-items: flex-start; } .profile-actions[b-7kzi663tdn] { justify-content: stretch; } .profile-actions[b-7kzi663tdn]  .btn { flex: 1 1 100%; } .profile-session[b-7kzi663tdn] { align-items: flex-start; flex-direction: column; gap: .7rem; } .profile-session-details[b-7kzi663tdn] { width: 100%; } .profile-session-agent[b-7kzi663tdn] { max-width: 100%; } .profile-session-times[b-7kzi663tdn] { line-height: 1.6; } .profile-sessions .profile-section-heading[b-7kzi663tdn] { align-items: flex-start; gap: .7rem; margin: -1rem -1rem 0; padding: 1rem; } .profile-sessions .profile-section-heading[b-7kzi663tdn]  .btn { flex: 0 0 auto; } }
/* /Manage/Routes.razor.rz.scp.css */
.reconnect-overlay[b-hj0dwb5tcn] {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	background: rgba(17, 32, 52, .42);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.reconnect-card[b-hj0dwb5tcn] {
	width: min(100%, 27rem);
	padding: 2.25rem 2rem 1.75rem;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 1.5rem 4rem rgba(10, 35, 66, .24);
	color: #1f2937;
	text-align: center;
	animation: reconnect-card-in-b-hj0dwb5tcn .24s ease-out;
}

.reconnect-icon[b-hj0dwb5tcn] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.5rem;
	height: 4.5rem;
	margin-bottom: 1.25rem;
	border-radius: 1.4rem;
	background: linear-gradient(145deg, #eaf4ff, #dcecff);
	box-shadow: 0 .75rem 1.75rem rgba(8, 125, 202, .16);
	color: #087dca;
	font-size: 1.8rem;
}

.reconnect-icon.is-loading i[b-hj0dwb5tcn] {
	display: inline-block;
	transform-origin: center;
	will-change: transform;
	animation: reconnect-spin-b-hj0dwb5tcn 1.15s linear infinite;
}

.reconnect-icon.is-warning[b-hj0dwb5tcn] {
	background: linear-gradient(145deg, #fff7df, #ffedbd);
	box-shadow: 0 .75rem 1.75rem rgba(217, 146, 23, .15);
	color: #d58a0b;
}

.reconnect-icon.is-danger[b-hj0dwb5tcn] {
	background: linear-gradient(145deg, #fff0f0, #ffdddd);
	box-shadow: 0 .75rem 1.75rem rgba(211, 65, 65, .14);
	color: #d14343;
}

.reconnect-copy[b-hj0dwb5tcn] {
	margin-bottom: 1.4rem;
}

.reconnect-eyebrow[b-hj0dwb5tcn] {
	display: block;
	margin-bottom: .4rem;
	color: #087dca;
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.reconnect-copy h2[b-hj0dwb5tcn] {
	margin: 0 0 .65rem;
	color: #172033;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.35;
}

.reconnect-copy p[b-hj0dwb5tcn] {
	margin: 0;
	color: #667085;
	font-size: .9rem;
	line-height: 1.7;
}

.reconnect-progress[b-hj0dwb5tcn] {
	height: .3rem;
	margin: -.15rem 0 1.4rem;
	overflow: hidden;
	border-radius: 999px;
	background: #e8f0f7;
}

.reconnect-progress span[b-hj0dwb5tcn] {
	display: block;
	width: 42%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #36bffa, #087dca);
	animation: reconnect-progress-b-hj0dwb5tcn 1.35s ease-in-out infinite;
}

.reconnect-actions[b-hj0dwb5tcn] {
	display: flex;
	justify-content: center;
	gap: .7rem;
}

.reconnect-button[b-hj0dwb5tcn] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	min-height: 2.55rem;
	padding: .65rem 1.05rem;
	border: 1px solid transparent;
	border-radius: .65rem;
	font-size: .86rem;
	font-weight: 600;
	text-decoration: none;
	transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.reconnect-button:hover[b-hj0dwb5tcn] {
	transform: translateY(-1px);
}

.reconnect-button.is-primary[b-hj0dwb5tcn] {
	background: #087dca;
	box-shadow: 0 .45rem 1rem rgba(8, 125, 202, .22);
	color: #fff;
}

.reconnect-button.is-primary:hover[b-hj0dwb5tcn] {
	background: #066dac;
	color: #fff;
}

.reconnect-button.is-secondary[b-hj0dwb5tcn] {
	border-color: #d9e2ec;
	background: #fff;
	color: #475467;
}

.reconnect-button.is-secondary:hover[b-hj0dwb5tcn] {
	border-color: #9ec8e5;
	background: #f4f9fd;
	color: #087dca;
}

.reconnect-button:focus-visible[b-hj0dwb5tcn] {
	outline: 3px solid rgba(8, 125, 202, .24);
	outline-offset: 2px;
}

@keyframes reconnect-spin-b-hj0dwb5tcn {
	to { transform: rotate(360deg); }
}

@keyframes reconnect-progress-b-hj0dwb5tcn {
	0% { transform: translateX(-120%); }
	50% { transform: translateX(95%); }
	100% { transform: translateX(250%); }
}

@keyframes reconnect-card-in-b-hj0dwb5tcn {
	from { opacity: 0; transform: translateY(.75rem) scale(.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 575.98px) {
	.reconnect-overlay[b-hj0dwb5tcn] { padding: 1rem; }
	.reconnect-card[b-hj0dwb5tcn] { padding: 1.8rem 1.25rem 1.35rem; }
	.reconnect-actions[b-hj0dwb5tcn] { flex-direction: column; }
	.reconnect-button[b-hj0dwb5tcn] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.reconnect-card[b-hj0dwb5tcn],
	.reconnect-progress span[b-hj0dwb5tcn] { animation: none; }
}
/* /Manage/StatisticsRoutesManage.razor.rz.scp.css */
.route-statistics-selector[b-suorjjy8c1] {
	display: grid;
	grid-template-columns: auto minmax(12rem, min(24rem, 40vw)) minmax(0, 1fr);
	align-items: center;
	gap: .5rem;
	padding: .5rem .75rem;
	margin-bottom: .6rem;
	background: var(--bs-tertiary-bg);
	border-bottom: 1px solid var(--bs-border-color);
}

.route-statistics-selector-label[b-suorjjy8c1] {
	font-size: .8rem;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
}

.route-statistics-selector-control[b-suorjjy8c1] {
	min-width: 0;
}

.route-statistics-selector-businesses[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: .75rem;
}

.route-statistics-selector-businesses[b-suorjjy8c1]  .bb-checkbox {
	margin-bottom: 0;
}

.route-statistics-empty[b-suorjjy8c1] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
	text-align: center;
	background: var(--bs-body-bg);
	border: 1px dashed var(--bs-border-color);
	margin-top: .75rem;
}

.route-statistics-alert[b-suorjjy8c1] {
	padding: .5rem .75rem;
	margin-bottom: .75rem;
	background: rgba(var(--bs-warning-rgb), .1);
	border-left: 3px solid var(--bs-warning);
	color: var(--bs-warning-text-emphasis);
	font-size: .875rem;
}

.route-statistics-summary[b-suorjjy8c1] {
	padding: .6rem .75rem;
	margin-bottom: .6rem;
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-left: 3px solid var(--bs-info);
}

.route-statistics-summary-header[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
}

.route-statistics-summary-title[b-suorjjy8c1] {
	font-size: .95rem;
	font-weight: 600;
	margin: 0;
}

.route-statistics-edit-section[b-suorjjy8c1] {
	padding: .75rem;
	margin-bottom: .75rem;
	border: 1px solid var(--bs-border-color);
	background: rgba(var(--bs-body-color-rgb), .015);
}

.route-statistics-edit-section-title[b-suorjjy8c1] {
	margin-bottom: .6rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--bs-emphasis-color);
}

.route-statistics-edit-table[b-suorjjy8c1] {
	min-width: 34rem;
}

.route-statistics-edit-table th[b-suorjjy8c1],
.route-statistics-edit-table td[b-suorjjy8c1] {
	white-space: nowrap;
}

.route-statistics-edit-table th:nth-child(3)[b-suorjjy8c1],
.route-statistics-edit-table th:nth-child(4)[b-suorjjy8c1],
.route-statistics-edit-table td:nth-child(3)[b-suorjjy8c1],
.route-statistics-edit-table td:nth-child(4)[b-suorjjy8c1] {
	width: 8rem;
}

.route-statistics-summary-counts[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-left: auto;
}

.route-statistics-count[b-suorjjy8c1] {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .15rem .4rem;
	font-size: .7rem;
	border: 1px solid var(--bs-border-color);
	background: rgba(var(--bs-body-bg-rgb), .6);
}

.route-statistics-count span[b-suorjjy8c1] {
	color: var(--bs-secondary-color);
}

.route-statistics-count strong[b-suorjjy8c1] {
	font-weight: 600;
	font-size: .75rem;
}

.route-statistics-weights[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem;
	min-width: 0;
}

.route-statistics-weights-label[b-suorjjy8c1] {
	font-size: .7rem;
	font-weight: 600;
	color: var(--bs-secondary-color);
}

.route-statistics-weight-item[b-suorjjy8c1] {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .15rem .3rem;
	font-size: .7rem;
	background: var(--bs-tertiary-bg);
	border: 1px solid var(--bs-border-color);
	border-left: 2px solid var(--bs-info);
	white-space: nowrap;
}

.route-statistics-weight-item span[b-suorjjy8c1] {
	color: var(--bs-secondary-color);
}

.route-statistics-weight-item strong[b-suorjjy8c1] {
	color: var(--bs-emphasis-color);
	font-weight: 600;
}

.route-statistics-channels[b-suorjjy8c1] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.route-statistics-channel[b-suorjjy8c1] {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-left-width: 3px;
}

.route-statistics-channel-warning[b-suorjjy8c1] {
	border-left-color: var(--bs-warning);
	background: rgba(var(--bs-warning-rgb), .05);
}

.route-statistics-channel-disabled[b-suorjjy8c1] {
	filter: grayscale(1);
	opacity: .62;
}

.route-statistics-channel-header[b-suorjjy8c1] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: .5rem;
	padding: .5rem .75rem;
	background: var(--bs-tertiary-bg);
	border-bottom: 1px solid var(--bs-border-color);
}

.route-statistics-channel-info[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	flex: 1 1 auto;
	min-width: 0;
	grid-column: 1;
	grid-row: 1;
}

.route-statistics-channel-name[b-suorjjy8c1] {
	font-size: .9rem;
	font-weight: 600;
}

.route-statistics-channel-badges[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	gap: .3rem;
}

.route-statistics-badge[b-suorjjy8c1] {
	display: inline-block;
	padding: .1rem .4rem;
	font-size: .7rem;
	font-weight: 500;
	border: 1px solid currentColor;
	background: rgba(var(--bs-body-bg-rgb), .5);
	white-space: nowrap;
}

.route-statistics-badge-priority[b-suorjjy8c1] {
	color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.route-statistics-badge-weight[b-suorjjy8c1] {
	color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.route-statistics-badge-unloaded[b-suorjjy8c1] {
	color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.route-statistics-badge-company[b-suorjjy8c1] {
	color: var(--bs-info);
	border-color: var(--bs-info);
}

.route-statistics-badge-interface[b-suorjjy8c1] {
	color: var(--bs-dark);
	border-color: var(--bs-dark);
}

.route-statistics-channel-meta[b-suorjjy8c1] {
	font-size: .7rem;
	color: var(--bs-secondary-color);
	flex: 0 0 100%;
	margin-top: -.15rem;
}

.route-statistics-channel-currency[b-suorjjy8c1] {
	color: var(--bs-info-text-emphasis);
	font-weight: 700;
}

.route-statistics-channel-quick-metrics[b-suorjjy8c1] {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	justify-content: flex-end;
	min-width: 0;
	grid-column: 2;
	grid-row: 1;
}

.route-statistics-channel-actions[b-suorjjy8c1] {
	grid-column: 3;
	grid-row: 1;
	justify-content: flex-end;
}

.route-statistics-channel-availability[b-suorjjy8c1] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	grid-column: 1 / -1;
	grid-row: 2;
	padding: .2rem .45rem;
	margin-top: -.15rem;
	text-align: left;
	font-size: .72rem;
	font-weight: 600;
	color: var(--bs-warning-text-emphasis);
	background: rgba(var(--bs-warning-rgb), .1);
	border: 1px solid rgba(var(--bs-warning-rgb), .35);
}

.route-statistics-channel-availability > span[b-suorjjy8c1] {
	min-width: 0;
}

.route-statistics-quick-metric[b-suorjjy8c1] {
	display: flex;
	align-items: center;
	gap: .3rem;
	padding: .25rem .45rem;
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	white-space: nowrap;
}

.route-statistics-quick-metric span[b-suorjjy8c1] {
	font-size: .7rem;
	color: var(--bs-secondary-color);
}

.route-statistics-quick-metric strong[b-suorjjy8c1] {
	font-size: .75rem;
	font-weight: 600;
}

.route-statistics-channel-body[b-suorjjy8c1] {
	padding: .6rem .75rem;
}

.route-statistics-data-grid[b-suorjjy8c1] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: .6rem;
}

.route-statistics-data-grid-single[b-suorjjy8c1] {
	grid-template-columns: minmax(0, 1fr);
}

.route-statistics-data-grid-temporarily-disabled[b-suorjjy8c1] {
	filter: grayscale(1);
	opacity: .62;
}

.route-statistics-data-card[b-suorjjy8c1] {
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
}

.route-statistics-data-card .card-header[b-suorjjy8c1] {
	background: var(--bs-tertiary-bg) !important;
	border-bottom-color: var(--bs-border-color);
}

.route-statistics-data-card .card-body > .row > .col > div[b-suorjjy8c1] {
	background: var(--bs-body-bg) !important;
}

.route-statistics-amount-current[b-suorjjy8c1] {
	color: var(--bs-emphasis-color);
}

.route-statistics-amount-limit[b-suorjjy8c1] {
	color: var(--bs-secondary-color);
	font-size: .72rem;
	font-weight: 600;
}

@media (max-width: 1399.98px) {
	.route-statistics-channel-quick-metrics[b-suorjjy8c1] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1199.98px) {
	.route-statistics-summary-header[b-suorjjy8c1] {
		align-items: flex-start;
	}

	.route-statistics-summary-counts[b-suorjjy8c1] {
		justify-self: start;
	}

	.route-statistics-channel-header[b-suorjjy8c1] {
		grid-template-columns: 1fr;
	}

	.route-statistics-channel-info[b-suorjjy8c1],
	.route-statistics-channel-quick-metrics[b-suorjjy8c1],
	.route-statistics-channel-availability[b-suorjjy8c1] {
		grid-column: 1;
	}

	.route-statistics-channel-actions[b-suorjjy8c1] {
		grid-column: 1;
		grid-row: auto;
	}

	.route-statistics-channel-info[b-suorjjy8c1],
	.route-statistics-channel-quick-metrics[b-suorjjy8c1] {
		grid-row: auto;
	}

	.route-statistics-channel-availability[b-suorjjy8c1] {
		grid-row: auto;
	}

	.route-statistics-channel-quick-metrics[b-suorjjy8c1] {
		grid-template-columns: repeat(4, 1fr);
	}

	.route-statistics-data-grid[b-suorjjy8c1] {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.route-statistics-selector[b-suorjjy8c1] {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: .5rem;
	}

	.route-statistics-selector-label[b-suorjjy8c1] {
		grid-column: 1 / -1;
	}

	.route-statistics-selector-control[b-suorjjy8c1] {
		grid-column: 1;
	}

	.route-statistics-selector-businesses[b-suorjjy8c1] {
		grid-column: 2;
		justify-content: flex-start;
	}

	.route-statistics-channel-quick-metrics[b-suorjjy8c1] {
		grid-template-columns: repeat(2, 1fr);
		flex: 1 1 100%;
		min-width: 0;
	}

	.route-statistics-quick-metric[b-suorjjy8c1] {
		min-width: 0;
		white-space: normal;
	}

	.route-statistics-quick-metric strong[b-suorjjy8c1] {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 575.98px) {
	.route-statistics-summary[b-suorjjy8c1],
	.route-statistics-channel-header[b-suorjjy8c1],
	.route-statistics-channel-body[b-suorjjy8c1] {
		padding-left: .75rem;
		padding-right: .75rem;
	}

	.route-statistics-summary-header[b-suorjjy8c1] {
		grid-template-columns: 1fr;
	}

	.route-statistics-edit-section[b-suorjjy8c1] {
		padding: .6rem;
	}
}
/* /Manage/StatisticsTimeFilter.razor.rz.scp.css */
.statistics-time-filter[b-21295c9t4m] {
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	gap: .5rem;
	min-width: 0;
}

.statistics-time-inputs[b-21295c9t4m],
.statistics-time-shortcuts[b-21295c9t4m] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem .75rem;
}

.statistics-time-filter[b-21295c9t4m]  .statistics-time-control {
	width: 14rem;
	margin-bottom: 0;
}

@media (max-width: 767.98px) {
	.statistics-time-inputs > .portal-filter-item[b-21295c9t4m] {
		width: 100%;
		min-width: 0;
	}

	.statistics-time-filter[b-21295c9t4m]  .statistics-time-control {
		flex: 1;
		width: 0;
		min-width: 0;
	}
}
