﻿@supports not selector(::-webkit-scrollbar) {
	.scroll {
		scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
		scrollbar-width: thin;
	}
}

.layout {
	/*	--bb-layout-header-background: var(--bs-border-color);
	--bb-layout-sidebar-banner-background: var(--bs-border-color);
	--bb-layout-headerbar-background: var(--bs-border-color);
	--bb-layout-header-color: #0078d4;
	--bb-layout-title-color: var(--bb-layout-header-color);
	*/
	--bb-layout-sidebar-width: 179px;
	--bb-layout-footer-height: 50px;
}

/* Main layout theme: scoped by the Layout component class to avoid affecting login screens. */
.manage-layout {
	--bb-layout-sidebar-width: 196px;
	--bb-layout-footer-height: 48px;
	background: #f6f8fb;
}

.manage-layout .layout-header { background: #087dca; box-shadow: 0 2px 10px rgba(10, 78, 137, .18); }
.manage-layout .layout-side { border-right: 1px solid #e7edf4; background: #f9fbfd; }
.manage-layout .layout-banner { display: flex; align-items: center; height: 50px; padding: 0 1rem; border-bottom: 1px solid rgba(255, 255, 255, .18); background: #087dca; color: #fff; }
.manage-layout .layout-banner img { width: 2rem; height: 2rem; }
.manage-layout .layout-title { margin-left: .65rem !important; font-size: 1.05rem; letter-spacing: 0; }
.manage-layout .layout-menu { padding: .85rem .55rem 1rem; }

.manage-layout .menu.is-vertical .nav-link { margin: .15rem 0; border-radius: 7px; color: #465467; font-size: .9rem; font-weight: 600; transition: background-color .16s ease, color .16s ease; }
.manage-layout .menu.is-vertical .nav-link:hover,
.manage-layout .menu.is-vertical .nav-link.active,
.manage-layout .menu.is-vertical .nav-link.is-active,
.manage-layout .menu.is-vertical .nav-link[aria-current="page"] { background: #e7f3ff; color: #087dca; }
.manage-layout .menu-icon { color: #6b7b8e; }
.manage-layout .nav-link:hover .menu-icon,
.manage-layout .nav-link.active .menu-icon,
.manage-layout .nav-link.is-active .menu-icon { color: #087dca; }

.manage-layout .layout-right,
.manage-layout .tabs-body-content { background: #f6f8fb; }
.manage-layout .tabs.tabs-chrome { padding: 0 .7rem; background: #087dca; }
.manage-layout .tabs.tabs-chrome .tabs-item { border-radius: 8px 8px 0 0; font-size: .9rem; }
.manage-layout .tabs.tabs-chrome .tabs-item.active { box-shadow: 0 -1px 0 rgba(255, 255, 255, .22); }
.manage-layout .layout-footer { border-top: 1px solid #e7edf4; background: rgba(255, 255, 255, .94); }

.manage-layout-header-tools { display: flex; align-items: center; gap: .75rem; height: 100%; }
.layout-footer-content { display: flex; align-items: center; justify-content: center; gap: 1.15rem; width: 100%; min-height: 48px; padding: .35rem 1rem; color: #718096; font-size: .78rem; }
.layout-footer-time strong { margin-left: .15rem; color: #e66a32; font-weight: 700; }
.layout-footer-links { display: flex; align-items: center; gap: .45rem; white-space: nowrap; }
.layout-footer-links img { width: .95rem; }
.layout-footer-links i { width: 1px; height: .75rem; background: #d6dee8; }
.layout-footer-links a { color: #087dca; text-decoration: none; }
.layout-footer-links a:hover { color: #0566a6; text-decoration: underline; }

@media (max-width: 767.98px) {
	.layout-footer-content { flex-direction: column; gap: .15rem; padding: .35rem .75rem; }
	.layout-footer-links { flex-wrap: wrap; justify-content: center; white-space: normal; }
}
:root, [data-bs-theme='light'] {
	--bs-secondary-rgb: 190,160,160;
}

	.form-inline .form-label {
		width: var(--bb-row-label-width) !important;
	}

	.tabs-body-content {
		min-height: calc(100vh - 220px);
	}

	.full-page-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 150px);
	}

	.users-list-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.users-list-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.users-list-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.users-list-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.users-list-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.users-list-search-control-sm {
		width: 10rem;
	}

	.users-list-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.users-list-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 180px);
	}

	.merchants-list-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.merchants-list-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.merchants-list-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.merchants-list-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.merchants-list-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.merchants-list-search-control-sm {
		width: 10rem;
	}

	.merchants-list-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.merchants-list-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 180px);
	}

	.merchants-list-status-badge {
		font-size: .9rem;
		font-weight: 600;
	}

	.merchants-inventory-log-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.merchants-inventory-log-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.merchants-inventory-log-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.merchants-inventory-log-search-item-wide {
		min-width: 24rem;
	}

	.merchants-inventory-log-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.merchants-inventory-log-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.merchants-inventory-log-search-range-control {
		width: 20rem;
	}

	.merchants-inventory-log-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.merchants-inventory-log-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 180px);
	}

	.agents-manage-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.agents-manage-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.agents-manage-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.agents-manage-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.agents-manage-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.agents-manage-search-control-sm {
		width: 10rem;
	}

	.agents-manage-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.agents-manage-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 180px);
	}

	.index-dashboard-toolbar {
		border-radius: var(--bs-border-radius-lg);
	}

	.index-dashboard-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.index-dashboard-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.index-dashboard-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.index-dashboard-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.index-dashboard-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.index-dashboard-row {
		align-items: stretch;
	}

	.index-dashboard-panel {
		height: 100%;
		border-radius: var(--bs-border-radius-xl);
	}

	.index-dashboard-chart-panel {
		overflow: hidden;
	}

	.index-dashboard-panel-header {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 1rem;
		margin-bottom: 1rem;
	}

	.index-dashboard-panel-title {
		font-size: 1.05rem;
		font-weight: 700;
		color: var(--bs-body-color);
	}

	.index-dashboard-panel-subtitle {
		margin-top: .25rem;
		font-size: .875rem;
		color: var(--bs-secondary-color);
	}

	.index-dashboard-highlight {
		padding: 1rem 1.125rem;
		margin-bottom: 1rem;
		border-radius: 1rem;
		background: linear-gradient(135deg, rgba(13,110,253,.08), rgba(13,202,240,.08));
		border: 1px solid rgba(13,110,253,.08);
	}

	.index-dashboard-highlight-compact {
		padding: .75rem .875rem;
		margin-bottom: .75rem;
	}

	.index-dashboard-highlight-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .75rem;
		align-items: start;
	}

	.index-dashboard-highlight-label {
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
	}

	.index-dashboard-highlight-value {
		margin-top: .35rem;
		font-size: 1.75rem;
		font-weight: 700;
		line-height: 1.2;
	}

	.index-dashboard-highlight-value-sm {
		font-size: 1.2rem;
	}

	.index-dashboard-highlight-meta {
		margin-top: .35rem;
		font-size: .95rem;
		font-weight: 600;
		color: var(--bs-body-color);
	}

	.index-dashboard-chart-summary {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem 1rem;
		margin-bottom: .75rem;
		font-size: .875rem;
		color: var(--bs-secondary-color);
	}

	.index-dashboard-chart-wrap {
		position: relative;
		width: 100%;
		overflow: hidden;
		padding-top: .25rem;
	}

	.index-dashboard-doughnut-center {
		position: absolute;
		top: calc(50% - .5rem);
		left: 45%;
		transform: translate(-50%, -50%);
		z-index: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		text-align: center;
	}

	.index-dashboard-doughnut-center-label {
		font-size: .85rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
	}

	.index-dashboard-doughnut-center-value {
		margin-top: .15rem;
		font-size: 1.1rem;
		font-weight: 700;
		color: var(--bs-body-color);
		max-width: 9.5rem;
		word-break: break-word;
	}

	.index-dashboard-metric-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
		height: 100%;
	}

	.index-dashboard-metric-grid-sm {
		grid-auto-rows: minmax(105px, 1fr);
	}

	.index-dashboard-metric-card {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: .95rem 1rem;
		border-radius: var(--bs-border-radius-xl);
		background-color: var(--bs-body-bg);
	}

	.index-dashboard-metric-title {
		font-size: .95rem;
		font-weight: 700;
		color: var(--bs-body-color);
	}

	.index-dashboard-metric-value {
		margin-top: .5rem;
		font-size: 1.45rem;
		font-weight: 700;
		line-height: 1.2;
	}

	.index-dashboard-metric-subtitle {
		margin-top: .35rem;
		font-size: .85rem;
		color: var(--bs-secondary-color);
	}

	.index-dashboard-range-wrap {
		min-width: 22rem;
	}

	.index-dashboard-range-control {
		margin-bottom: 0;
	}

	.index-dashboard-datetime-row {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
	}

	.index-dashboard-datetime-control {
		width: 14rem;
		margin-bottom: 0;
	}

	.index-dashboard-doughnut-meta {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1rem;
		margin-bottom: .75rem;
		padding: .875rem 1rem;
		border-radius: 1rem;
		background-color: rgba(108,117,125,.08);
	}

	.index-dashboard-doughnut-total-label {
		font-size: .85rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
	}

	.index-dashboard-doughnut-total-value {
		margin-top: .25rem;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.2;
	}

	.index-dashboard-doughnut-range {
		font-size: .85rem;
		color: var(--bs-secondary-color);
		text-align: right;
	}

	.merchant-index-summary-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .75rem;
		margin-bottom: .75rem;
	}

	.merchant-index-summary-card {
		padding: .875rem 1rem;
		border-radius: 1rem;
		border: 1px solid rgba(13,110,253,.08);
		background-color: rgba(13,110,253,.04);
	}

	.merchant-index-summary-card-funds {
		background: linear-gradient(135deg, rgba(25,135,84,.08), rgba(32,201,151,.08));
		border-color: rgba(25,135,84,.12);
	}

	.merchant-index-summary-card-inventory {
		background: linear-gradient(135deg, rgba(13,110,253,.08), rgba(111,66,193,.08));
		border-color: rgba(13,110,253,.12);
	}

	.merchant-index-summary-label {
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
	}

	.merchant-index-summary-value {
		margin-top: .35rem;
		font-size: 1.45rem;
		font-weight: 700;
		line-height: 1.2;
	}

	.merchant-index-summary-meta {
		margin-top: .35rem;
		font-size: .9rem;
		font-weight: 600;
		color: var(--bs-body-color);
	}

	.merchant-index-inventory-panel {
		padding: .875rem 1rem;
		border-radius: 1rem;
		background-color: rgba(108,117,125,.05);
		border: 1px solid rgba(108,117,125,.08);
	}

	.merchant-index-inventory-header {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: .75rem;
		margin-bottom: .75rem;
	}

	.merchant-index-inventory-title {
		font-size: .95rem;
		font-weight: 700;
		color: var(--bs-body-color);
	}

	.merchant-index-inventory-subtitle {
		font-size: .8rem;
		color: var(--bs-secondary-color);
		text-align: right;
	}

	.merchant-index-inventory-table {
		--bb-table-font-size: .85rem;
	}

		.merchant-index-inventory-table .table {
			margin-bottom: 0;
		}

			.merchant-index-inventory-table .table th,
			.merchant-index-inventory-table .table td {
				vertical-align: middle;
			}

	.merchant-index-inventory-empty {
		padding: 1rem 0;
		text-align: center;
		font-size: .9rem;
		color: var(--bs-secondary-color);
	}

	.merchant-index-metric-grid {
		gap: .75rem;
	}

		.merchant-index-metric-grid.index-dashboard-metric-grid-sm {
			grid-auto-rows: minmax(92px, 1fr);
		}

	.merchant-index-metric-card {
		padding: .8rem .9rem;
	}

		.merchant-index-metric-card .index-dashboard-metric-value {
			margin-top: .35rem;
			font-size: 1.2rem;
		}

		.merchant-index-metric-card .index-dashboard-metric-subtitle {
			font-size: .8rem;
		}

	@media (max-width: 1199.98px) {
		.index-dashboard-search-actions {
			margin-left: 0;
		}

		.index-dashboard-range-wrap {
			min-width: 100%;
		}
	}

	@media (max-width: 767.98px) {
		.index-dashboard-metric-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.index-dashboard-highlight-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.index-dashboard-panel-header,
		.index-dashboard-doughnut-meta {
			flex-direction: column;
			align-items: stretch;
		}

		.index-dashboard-doughnut-range {
			text-align: left;
		}

		.index-dashboard-search-control,
		.index-dashboard-range-wrap {
			width: 100%;
		}

		.merchant-index-summary-grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.merchant-index-inventory-header {
			flex-direction: column;
		}

		.merchant-index-inventory-subtitle {
			text-align: left;
		}
	}

	.merchant-funds-recharge-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.merchant-funds-recharge-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.merchant-funds-recharge-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.merchant-funds-recharge-search-item-wide {
		min-width: 24rem;
	}

	.merchant-funds-recharge-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.merchant-funds-recharge-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.merchant-funds-recharge-search-control-sm {
		width: 10rem;
	}

	.merchant-funds-recharge-search-range-control {
		width: 20rem;
	}

	.merchant-funds-recharge-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.merchant-funds-recharge-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 180px);
	}

	.collection-orders-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.collection-orders-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.collection-orders-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.collection-orders-search-item-wide {
		min-width: 22rem;
		max-width:22rem;
	}

	.collection-orders-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.collection-orders-search-control {
		width: 13rem;
		margin-bottom: 0;
	}

	.collection-orders-search-control-sm {
		width: 10rem;
	}

	.collection-orders-search-control-xs {
		width: 8rem;
	}

	.collection-orders-search-control-id {
		width: 11rem;
	}

	.collection-orders-search-range-control {
		width: 20rem;
	}

	.collection-orders-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.collection-orders-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 180px);
	}

	.collection-orders-table .table td,
	.collection-orders-table .table th {
		padding-top: .35rem;
		padding-bottom: .35rem;
		vertical-align: middle;
	}

	.collection-orders-compact-stack {
		gap: .2rem !important;
		line-height: 1.2;
	}

	.collection-orders-status-badge {
		font-size: .7rem;
		font-weight: 600;
		width: 80px;
	}

	.statistics-search-card {
		border-radius: var(--bs-border-radius-lg);
	}

	.statistics-search-bar {
		display: flex;
		flex-wrap: wrap;
		gap: .5rem .75rem;
		align-items: center;
	}

	.statistics-search-item {
		display: flex;
		align-items: center;
		gap: .5rem;
	}

	.statistics-search-label {
		flex: 0 0 auto;
		margin-bottom: 0;
		font-size: .875rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
		white-space: nowrap;
	}

	.statistics-search-control {
		width: 14rem;
		margin-bottom: 0;
	}

	.statistics-search-control-sm {
		width: 10rem;
	}

	.statistics-search-actions {
		display: flex;
		gap: .5rem;
		margin-left: auto;
	}

	.statistics-overview-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		gap: 1rem;
	}

	.statistics-overview-card {
		background: linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(248,250,255,.96) 100%);
		border-radius: 1rem;
		padding: 1rem 1.1rem;
		border: 1px solid rgba(13, 110, 253, .08);
		min-height: 126px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: .35rem;
	}

	.statistics-overview-title {
		font-size: .9rem;
		font-weight: 600;
		color: var(--bs-secondary-color);
	}

	.statistics-overview-value {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.2;
	}

	.statistics-overview-subtitle {
		font-size: .85rem;
		color: var(--bs-secondary-color);
	}

	.statistics-table > .table-shim {
		min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 310px);
	}

	.statistics-name-stack,
	.statistics-metric-stack {
		display: flex;
		flex-direction: column;
		gap: .25rem;
	}

	@media (max-width: 992px) {
		.statistics-search-actions {
			margin-left: 0;
			width: 100%;
		}

			.statistics-search-actions > .btn {
				flex: 1 1 auto;
			}
	}

	.merchant-api-page {
		padding-bottom: 1rem;
	}

	.merchant-api-rule-list {
		padding-left: 1.2rem;
		line-height: 1.7;
	}

	.merchant-api-credential-list,
	.merchant-api-inline-list {
		display: flex;
		flex-direction: column;
		gap: .75rem;
	}

		.merchant-api-credential-list > div,
		.merchant-api-inline-list > div {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			gap: 1rem;
			padding-bottom: .5rem;
			border-bottom: 1px solid var(--bs-border-color-translucent);
		}

			.merchant-api-credential-list > div:last-child,
			.merchant-api-inline-list > div:last-child {
				padding-bottom: 0;
				border-bottom: 0;
			}

		.merchant-api-credential-list span,
		.merchant-api-inline-list span {
			flex: 0 0 auto;
			color: var(--bs-secondary-color);
			font-size: .875rem;
			font-weight: 600;
			white-space: nowrap;
		}

		.merchant-api-credential-list strong,
		.merchant-api-inline-list strong {
			text-align: right;
			word-break: break-word;
		}

	.merchant-api-debug-card code {
		font-size: .875rem;
		word-break: break-all;
	}

	.merchant-api-json-input,
	.merchant-api-json-output {
		font-family: Consolas, "Courier New", monospace;
		font-size: .875rem;
		min-height: 12rem;
		white-space: pre;
	}

	@media (max-width: 991.98px) {
		.users-list-search-actions {
			margin-left: 0;
		}

		.merchants-list-search-actions {
			margin-left: 0;
		}

		.users-list-table > .table-shim {
			min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 220px);
		}

		.merchants-list-table > .table-shim {
			min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 220px);
		}

		.merchants-inventory-log-search-actions {
			margin-left: 0;
		}

		.merchants-inventory-log-table > .table-shim {
			min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 220px);
		}

		.agents-manage-search-actions {
			margin-left: 0;
		}

		.agents-manage-table > .table-shim {
			min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 220px);
		}

		.merchant-funds-recharge-search-actions {
			margin-left: 0;
		}

		.merchant-funds-recharge-table > .table-shim {
			min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 220px);
		}

		.collection-orders-search-actions {
			margin-left: 0;
		}

		.collection-orders-table > .table-shim {
			min-height: calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-footer-height) - 220px);
		}

		.merchant-api-credential-list > div,
		.merchant-api-inline-list > div {
			flex-direction: column;
			gap: .35rem;
		}

		.merchant-api-credential-list strong,
		.merchant-api-inline-list strong {
			text-align: left;
		}
	}

	@media (max-width: 575.98px) {
		.users-list-search-item {
			width: 100%;
		}

		.merchants-list-search-item {
			width: 100%;
		}

		.merchants-inventory-log-search-item,
		.merchants-inventory-log-search-item-wide {
			width: 100%;
			min-width: 100%;
		}

		.agents-manage-search-item {
			width: 100%;
		}

		.merchant-funds-recharge-search-item,
		.merchant-funds-recharge-search-item-wide {
			width: 100%;
			min-width: 100%;
		}

		.collection-orders-search-item,
		.collection-orders-search-item-wide {
			width: 100%;
			min-width: 100%;
		}

		.users-list-search-control,
		.users-list-search-control-sm {
			width: 100%;
		}

		.merchants-list-search-control,
		.merchants-list-search-control-sm {
			width: 100%;
		}

		.merchants-inventory-log-search-control,
		.merchants-inventory-log-search-range-control {
			width: 100%;
		}

		.agents-manage-search-control,
		.agents-manage-search-control-sm {
			width: 100%;
		}

		.merchant-funds-recharge-search-control,
		.merchant-funds-recharge-search-control-sm,
		.merchant-funds-recharge-search-range-control {
			width: 100%;
		}

		.collection-orders-search-control,
		.collection-orders-search-control-sm,
		.collection-orders-search-control-xs,
		.collection-orders-search-range-control {
			width: 100%;
		}

		.collection-orders-search-control-id {
			width: 100%;
		}

		.users-list-search-actions {
			width: 100%;
		}

		.merchants-list-search-actions {
			width: 100%;
		}

		.merchants-inventory-log-search-actions {
			width: 100%;
		}

		.agents-manage-search-actions {
			width: 100%;
		}

		.merchant-funds-recharge-search-actions {
			width: 100%;
		}

		.collection-orders-search-actions {
			width: 100%;
		}
	}

	.reconnect-state > span {
		background-color: var(--bs-warning);
		font-weight: bold;
	}
