﻿.nav-item a.nav-link {
	color: var(--color-link-base);
}

.nav-link.btn.btn-success-r2p,
.nav-link.btn.btn-success {
	color: white;
}

button.btn.badge.badge-light {
	border-color: rgba(55, 125, 50, 0.25) !important;
}

	button.btn.badge.badge-light:hover {
		border-color: rgba(55, 125, 50, 0.25) !important;
	}

button.btn.badge.badge-dark {
	background-color: rgba(248, 249, 250, 1);
}

button.btn.badge.badge-secondary {
	border-color: rgba(55, 125, 50, 0.25) !important;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(109, 117, 125, 1);
}

	button.btn.badge.badge-secondary:hover {
		color: rgba(38, 47, 43, 1);
		background-color: rgba(109, 117, 125, 1);
	}

button.btn.badge.badge.badge-success:hover {
	color: rgba(38, 47, 43, 1);
	background-color: rgba(63, 124, 53, 1);
}

.fas.fa-spinner {
	color: var(--color-global-foreground);
}

div.hideIfParking {
	color: var(--color-global-foreground);
}

a.btn:hover,
a.btn:focus {
	text-decoration: none;
}

/*************************************************************/

.btn:disabled {
	pointer-events: auto !important;
	cursor: not-allowed !important;
}

/* re-introduce missing color classes */

.badge-danger {
	background-color: var(--bs-danger);
	color: #fff;
}

/* pill variant */
.badge-pill {
	border-radius: 10rem;
	padding-right: 0.6em;
	padding-left: 0.6em;
}

.rotate-ccw-90 {
	transform: rotate(-90deg);
	transition: transform 0.3s ease;
}

.rotate-0 {
	transform: rotate(0);
	transition: transform 0.3s ease;
}

/* Unified action-bar styling for create/edit subpages and page headers */
.edit-footer-actions,
.page-header-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.5rem;
}

.edit-footer-actions {
	margin-top: 0.9rem;
}

.page-header-actions {
	align-content: flex-start;
	align-items: flex-start;
}

.edit-footer-actions .edit-footer-action,
.page-header-actions .page-header-action {
	float: none !important;
	margin: 0 !important;
	min-height: 2.25rem;
	padding: 0.45rem 0.9rem !important;
	border-radius: 0.62rem !important;
	border: 1px solid transparent !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.38rem;
	font-weight: 600;
	line-height: 1.15;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.edit-footer-actions .edit-footer-action i,
.page-header-actions .page-header-action i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.edit-footer-actions .edit-footer-action i.icon,
.page-header-actions .page-header-action i.icon {
	top: 0 !important;
}

.edit-footer-actions .edit-footer-action:hover:not(:disabled):not(.disabled),
.edit-footer-actions .edit-footer-action:focus-visible,
.page-header-actions .page-header-action:hover:not(:disabled):not(.disabled),
.page-header-actions .page-header-action:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(31, 45, 61, 0.2);
	outline: none;
}

.edit-footer-actions .edit-footer-action:active,
.page-header-actions .page-header-action:active {
	transform: translateY(0);
}

.edit-footer-actions .btn-success-r2p,
.edit-footer-actions .btn-success,
.page-header-actions .btn-success-r2p,
.page-header-actions .btn-success {
	background: linear-gradient(135deg, var(--color-button-default-success), #2f6f2a) !important;
	color: var(--color-button-default-success-foreground) !important;
	border-color: transparent !important;
}

.edit-footer-actions .btn-warning-r2p,
.edit-footer-actions .btn-warning,
.page-header-actions .btn-warning-r2p,
.page-header-actions .btn-warning {
	background: linear-gradient(135deg, var(--color-button-default-warning), #cf6712) !important;
	color: var(--color-button-default-warning-foreground) !important;
	border-color: transparent !important;
}

.edit-footer-actions .btn-cancel-r2p,
.page-header-actions .btn-cancel-r2p {
	background-color: var(--color-button-default-cancel) !important;
	color: var(--color-button-default-cancel-foreground) !important;
	border-color: var(--color-button-default-cancel-border) !important;
}

.edit-footer-actions .btn-default-r2p,
.edit-footer-actions .btn-secondary,
.page-header-actions .btn-default-r2p,
.page-header-actions .btn-secondary {
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	border-color: var(--color-global-border) !important;
}

.edit-footer-actions .edit-footer-action:disabled,
.edit-footer-actions .edit-footer-action.disabled,
.page-header-actions .page-header-action:disabled,
.page-header-actions .page-header-action.disabled {
	opacity: 0.56;
	transform: none;
	box-shadow: none;
}

@media (max-width: 767.98px) {
	.edit-footer-actions,
	.page-header-actions {
		gap: 0.4rem;
	}

	.edit-footer-actions .edit-footer-action,
	.page-header-actions .page-header-action {
		flex: 1 1 calc(50% - 0.2rem);
		min-width: 9.5rem;
	}
}

/* Fallback for legacy footer button markup (no edit-footer-actions wrapper) */
.card-footer .btn.float-right,
.card-footer a.btn.float-right,
.card-footer .btn[name="submit_button"] {
	min-height: 2.25rem;
	padding: 0.45rem 0.9rem !important;
	border-radius: 0.62rem !important;
	border: 1px solid transparent !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	line-height: 1;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.card-footer .btn.float-right:hover:not(:disabled):not(.disabled),
.card-footer a.btn.float-right:hover:not(:disabled):not(.disabled),
.card-footer .btn[name="submit_button"]:hover:not(:disabled):not(.disabled),
.card-footer .btn.float-right:focus-visible,
.card-footer a.btn.float-right:focus-visible,
.card-footer .btn[name="submit_button"]:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(31, 45, 61, 0.2);
	outline: none;
}

.card-footer .btn.float-right:active,
.card-footer a.btn.float-right:active,
.card-footer .btn[name="submit_button"]:active {
	transform: translateY(0);
}

.card-footer .btn-success-r2p,
.card-footer .btn-success {
	background: linear-gradient(135deg, var(--color-button-default-success), #2f6f2a) !important;
	color: var(--color-button-default-success-foreground) !important;
	border-color: transparent !important;
}

.card-footer .btn-warning-r2p,
.card-footer .btn-warning {
	background: linear-gradient(135deg, var(--color-button-default-warning), #cf6712) !important;
	color: var(--color-button-default-warning-foreground) !important;
	border-color: transparent !important;
}

.card-footer .btn-cancel-r2p {
	background-color: var(--color-button-default-cancel) !important;
	color: var(--color-button-default-cancel-foreground) !important;
	border-color: var(--color-button-default-cancel-border) !important;
}

.card-footer .btn-default-r2p,
.card-footer .btn-secondary {
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	border-color: var(--color-global-border) !important;
}

/* Modal footer buttons */
.modal-content .modal-footer .btn:not(.btn-link) {
	min-height: 2.2rem;
	padding: 0.42rem 0.88rem !important;
	border-radius: 0.62rem !important;
	border: 1px solid transparent !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	line-height: 1;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.modal-content .modal-footer .btn:not(.btn-link):hover:not(:disabled):not(.disabled),
.modal-content .modal-footer .btn:not(.btn-link):focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(31, 45, 61, 0.2);
	outline: none;
}

.modal-content .modal-footer .btn:not(.btn-link):active {
	transform: translateY(0);
}

.modal-content .modal-footer .btn-success-r2p,
.modal-content .modal-footer .btn-success {
	background: linear-gradient(135deg, var(--color-button-default-success), #2f6f2a) !important;
	color: var(--color-button-default-success-foreground) !important;
	border-color: transparent !important;
}

.modal-content .modal-footer .btn-warning-r2p,
.modal-content .modal-footer .btn-warning {
	background: var(--color-button-default-warning) !important;
	color: var(--color-button-default-warning-foreground) !important;
	border-color: transparent !important;
}

.modal-content .modal-footer .btn-cancel-r2p,
.modal-content .modal-footer .btn-secondary {
	background-color: var(--color-button-default-cancel) !important;
	color: var(--color-button-default-cancel-foreground) !important;
	border-color: var(--color-button-default-cancel-border) !important;
}

.modal-content .modal-footer .btn-default-r2p,
.modal-content .modal-footer .btn-default {
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	border-color: var(--color-global-border) !important;
}

/* Card-header tools buttons (e.g. VehicleRoute / VehiclePositions) */
.card .card-header > .card-tools {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-right: 0 !important;
	margin-left: 0.45rem !important;
}

.card .card-header .card-tools .nav-link.btn,
.card .card-header .card-tools button.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.38rem;
	min-height: var(--dt-ui-height);
	height: var(--dt-ui-height);
	padding: 0.42rem 0.78rem !important;
	margin-top: 0 !important;
	border-radius: 0.62rem !important;
	border: 1px solid transparent !important;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	line-height: 1.15;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.card .card-header .card-tools .nav-link.btn p,
.card .card-header .card-tools button.btn p {
	margin: 0;
	display: inline-flex !important;
	align-items: center;
	line-height: 1.15;
}

.card .card-header .card-tools .nav-link.btn i,
.card .card-header .card-tools button.btn i {
	line-height: 1;
}

.card .card-header .card-tools .nav-link.btn i.icon,
.card .card-header .card-tools button.btn i.icon {
	top: 0 !important;
}

.card .card-header .card-tools .btn.btn-tool {
	margin: 0 !important;
}

.card .card-header .card-tools .nav-link.btn.btn-success-r2p,
.card .card-header .card-tools button.btn.btn-success-r2p,
.card .card-header .card-tools .nav-link.btn.btn-success,
.card .card-header .card-tools button.btn.btn-success {
	background: linear-gradient(135deg, var(--color-button-default-success), #2f6f2a) !important;
	color: var(--color-button-default-success-foreground) !important;
	border-color: transparent !important;
}

.card .card-header .card-tools .nav-link.btn.btn-default-r2p,
.card .card-header .card-tools button.btn.btn-default-r2p,
.card .card-header .card-tools .nav-link.btn.btn-secondary,
.card .card-header .card-tools button.btn.btn-secondary {
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	border-color: var(--color-global-border) !important;
}

.card .card-header .card-tools .nav-link.btn:hover:not(:disabled):not(.disabled),
.card .card-header .card-tools button.btn:hover:not(:disabled):not(.disabled),
.card .card-header .card-tools .nav-link.btn:focus-visible,
.card .card-header .card-tools button.btn:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(31, 45, 61, 0.2);
	outline: none;
}

/* Keep border visible for collapse/refresh tool buttons in all interaction states */
.card .card-header .btn.btn-tool {
	border-color: var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
}

.card .card-header .btn.btn-tool .icon,
.card .card-header .btn.btn-tool [class*="icon-"],
.card .card-header .btn.btn-tool .fas,
.card .card-header .btn.btn-tool .far {
	color: inherit;
	line-height: 1;
}

.card .card-header .btn.btn-tool .icon {
	top: 0 !important;
}

.card .card-header .btn.btn-tool:hover:not(:disabled):not(.disabled),
.card .card-header .btn.btn-tool:focus,
.card .card-header .btn.btn-tool:focus-visible,
.card .card-header .btn.btn-tool:active,
.card .card-header .btn.btn-tool.active {
	border-color: var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
}

/* Harmonize collapse icon on gray gradient headers (avoid bright white glyph). */
.card .card-header.bg-gradient-gray .btn.btn-tool,
.card .card-header.bg-gradient-gray .btn.btn-tool:hover:not(:disabled):not(.disabled),
.card .card-header.bg-gradient-gray .btn.btn-tool:focus,
.card .card-header.bg-gradient-gray .btn.btn-tool:focus-visible,
.card .card-header.bg-gradient-gray .btn.btn-tool:active,
.card .card-header.bg-gradient-gray .btn.btn-tool.active {
	color: #1f2d3d !important;
	border-color: rgba(31, 45, 61, 0.28) !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
}

.card .card-header.bg-gradient-gray .btn.btn-tool .icon,
.card .card-header.bg-gradient-gray .btn.btn-tool [class*="icon-"],
.card .card-header.bg-gradient-gray .btn.btn-tool .fas,
.card .card-header.bg-gradient-gray .btn.btn-tool .far {
	color: #1f2d3d !important;
}

/* LiveView header tools: compact spacing and deterministic left->right order:
   Send (@), Save, Manage Videos, Maximize */
.card .card-header .card-tools.liveview-tools {
	gap: 0.3rem;
	flex-wrap: nowrap;
}

.card .card-header .card-tools.liveview-tools .liveview-tool-btn {
	margin-left: 0 !important;
}

.card .card-header .card-tools.liveview-tools .liveview-btn-send {
	order: 1;
}

.card .card-header .card-tools.liveview-tools .liveview-btn-save {
	order: 2;
}

.card .card-header .card-tools.liveview-tools .liveview-btn-manage {
	order: 3;
}

.card .card-header .card-tools.liveview-tools .liveview-btn-maximize {
	order: 4;
}

/* Modernize Bootstrap dropdowns to match the Actions menu quality */
.dropdown-menu {
	padding: 0.32rem;
	min-width: 14rem;
	border-radius: 0.84rem;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.24);
	border-color: var(--color-global-border) !important;
}

.dropdown-menu li + li {
	margin-top: 0.12rem;
}

.dropdown-item {
	display: flex;
	align-items: center;
	gap: 0.56rem;
	min-height: 2rem;
	border: 1px solid transparent;
	border-radius: 0.58rem;
	padding: 0.38rem 0.56rem !important;
	font-weight: 500;
	letter-spacing: 0.01em;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.dropdown-item i {
	flex: 0 0 1.05rem;
	width: 1.05rem;
	text-align: center;
}

.dropdown-item > span:not(.float-right) {
	flex: 1 1 auto;
}

.dropdown-item .float-right {
	margin-left: auto;
	float: none !important;
	white-space: nowrap;
}

.dropdown-item:hover,
.dropdown-item:focus {
	border-color: var(--color-button-default-success);
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
}

.dropdown-item:active {
	background-color: var(--color-global-background);
}

.dropdown-divider {
	margin: 0.26rem 0;
}

.dropdown-header {
	padding: 0.46rem 0.62rem;
	font-weight: 500;
}

/* Modernize Select2 dropdown controls used on most subpages */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	min-height: 2.35rem;
	border-radius: 0.62rem !important;
	border: 1px solid var(--color-global-border) !important;
	padding: 0.22rem 0.38rem;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.15rem rgba(55, 125, 50, 0.2);
}

.select2-dropdown {
	border: 1px solid var(--color-global-border) !important;
	border-radius: 0.72rem !important;
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.select2-search--dropdown {
	padding: 0.38rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--color-global-border) !important;
	border-radius: 0.5rem;
	min-height: 2rem;
	padding: 0.3rem 0.5rem;
}

.select2-results__option {
	min-height: 2rem;
	padding: 0.36rem 0.56rem;
	font-weight: 500;
}

.select2-results__option--highlighted {
	border-radius: 0.42rem;
}

@media (max-width: 767.98px) {
	.dropdown-menu {
		min-width: 11.75rem;
		max-width: min(94vw, 300px);
	}

	.dropdown-item {
		min-height: 1.82rem;
		padding: 0.28rem 0.5rem !important;
		font-weight: 500;
	}

	.select2-container--default .select2-selection--single,
	.select2-container--default .select2-selection--multiple {
		min-height: 2.18rem;
		padding: 0.18rem 0.34rem;
	}
}

/* Datatable row selection filters (e.g. FleetComponentsVehicles) */
#RowSelectionFilters .col-md-auto {
	min-width: 14rem;
}

#RowSelectionFilters select.RowSelectionFilter,
.dataTables_wrapper .dataTables_length select.bg-lightBeige {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	min-height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	padding: 0.36rem 2.05rem 0.36rem 0.64rem !important;
	font-weight: 500;
	line-height: 1.25;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 0.8rem) calc(50% + 1px), calc(100% - 0.5rem) calc(50% + 1px);
	background-size: 0.3rem 0.3rem, 0.3rem 0.3rem;
	background-repeat: no-repeat;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

#RowSelectionFilters select.RowSelectionFilter.selectWithNucleoIcons {
	font-family: rajdhani, Nucleo, sans-serif !important;
}

#RowSelectionFilters select.RowSelectionFilter:hover,
#RowSelectionFilters select.RowSelectionFilter:focus,
#RowSelectionFilters select.RowSelectionFilter:focus-visible,
.dataTables_wrapper .dataTables_length select.bg-lightBeige:hover,
.dataTables_wrapper .dataTables_length select.bg-lightBeige:focus,
.dataTables_wrapper .dataTables_length select.bg-lightBeige:focus-visible {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.14rem rgba(55, 125, 50, 0.22), 0 10px 20px rgba(31, 45, 61, 0.16);
	outline: none;
}

#RowSelectionFilters select.RowSelectionFilter.bg-lightBeige,
.dataTables_wrapper .dataTables_length select.bg-lightBeige {
	background-color: var(--color-global-card-background) !important;
}

#RowSelectionFilters select.RowSelectionFilter.bg-pink {
	background-color: var(--color-global-card-background) !important;
}

#RowSelectionFilters select.RowSelectionFilter:disabled {
	opacity: 0.62;
	box-shadow: none;
	cursor: not-allowed;
}

#RowSelectionFilters select.RowSelectionFilter.r2p-row-filter-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.dataTables_wrapper .dataTables_length select.r2p-dt-length-native,
div.dt-container.dt-bootstrap5 div.dt-length select.r2p-dt-length-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-dropdown,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-dropdown {
	display: inline-block;
	min-width: 3.65rem;
	margin: 0 0.35rem;
	vertical-align: middle;
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-trigger,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	padding: 0 1.35rem 0 0.5rem !important;
	position: relative;
	line-height: 1;
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-trigger::after,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-trigger::after {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 0;
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-trigger:focus,
.dataTables_wrapper .dataTables_length .r2p-dt-length-trigger:focus-visible,
.dataTables_wrapper .dataTables_length .r2p-dt-length-dropdown.show .r2p-dt-length-trigger,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-trigger:focus,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-trigger:focus-visible,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-dropdown.show .r2p-dt-length-trigger {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.14rem rgba(55, 125, 50, 0.22), 0 10px 20px rgba(31, 45, 61, 0.16);
	outline: none;
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-menu,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu {
	width: 3.65rem;
	min-width: 3.65rem;
	padding: 0.3rem;
	border-radius: 0.84rem;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.24);
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-menu .dropdown-item,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu .dropdown-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	padding: 0.38rem 0.56rem !important;
	font-weight: 500;
	border: 1px solid transparent;
	border-radius: 0.58rem;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.dataTables_wrapper .dataTables_length .r2p-dt-length-menu .dropdown-item:hover,
.dataTables_wrapper .dataTables_length .r2p-dt-length-menu .dropdown-item:focus,
.dataTables_wrapper .dataTables_length .r2p-dt-length-menu .dropdown-item.active,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu .dropdown-item:hover,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu .dropdown-item:focus,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu .dropdown-item.active {
	background-color: var(--color-global-background) !important;
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
}

#RowSelectionFilters .r2p-row-filter-dropdown {
	width: 100%;
}

#RowSelectionFilters .r2p-row-filter-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	padding: 0 2rem 0 0.72rem !important;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
}

#RowSelectionFilters .r2p-row-filter-trigger::after {
	position: absolute;
	right: 0.72rem;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 0;
}

#RowSelectionFilters .r2p-row-filter-trigger:focus,
#RowSelectionFilters .r2p-row-filter-trigger:focus-visible,
#RowSelectionFilters .r2p-row-filter-dropdown.show .r2p-row-filter-trigger {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.14rem rgba(55, 125, 50, 0.22), 0 10px 20px rgba(31, 45, 61, 0.16);
	outline: none;
}

#RowSelectionFilters .r2p-row-filter-menu {
	width: auto !important;
	min-width: min(26rem, calc(100vw - 1.5rem));
	max-width: min(34rem, calc(100vw - 1.5rem));
	padding: 0.3rem;
	border-radius: 0.84rem;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.24);
	max-height: min(60vh, 24rem);
	overflow-x: hidden;
	overflow-y: auto;
}

#RowSelectionFilters .r2p-row-filter-menu .dropdown-header {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.42rem 0.56rem;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#RowSelectionFilters .r2p-row-filter-menu .dropdown-item {
	display: flex;
	align-items: center;
	gap: 0.58rem;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 2rem;
	box-sizing: border-box;
	padding: 0.38rem 0.56rem !important;
	font-weight: 500;
	border: 1px solid transparent;
	border-radius: 0.58rem;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

#RowSelectionFilters .r2p-row-filter-menu .dropdown-item:hover,
#RowSelectionFilters .r2p-row-filter-menu .dropdown-item:focus,
#RowSelectionFilters .r2p-row-filter-menu .dropdown-item.active {
	background-color: var(--color-global-background) !important;
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
}

#RowSelectionFilters .r2p-row-filter-menu .dropdown-item.disabled,
#RowSelectionFilters .r2p-row-filter-menu .dropdown-item:disabled {
	opacity: 0.5;
	pointer-events: none;
}

#RowSelectionFilters .r2p-row-filter-dropdown-icons .r2p-row-filter-trigger,
#RowSelectionFilters .r2p-row-filter-dropdown-icons .r2p-row-filter-menu .dropdown-item {
	font-family: rajdhani, Nucleo, sans-serif !important;
}

.r2p-create-form-menu .dropdown-item i,
.r2p-create-form-menu .dropdown-item .icon,
.r2p-default-select-body-menu .dropdown-item i,
.r2p-default-select-body-menu .dropdown-item .icon,
#RowSelectionFilters .r2p-row-filter-menu .dropdown-item i,
#RowSelectionFilters .r2p-row-filter-menu .dropdown-item .icon,
.dataTables_wrapper .dataTables_length .r2p-dt-length-menu .dropdown-item i,
.dataTables_wrapper .dataTables_length .r2p-dt-length-menu .dropdown-item .icon,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu .dropdown-item i,
div.dt-container.dt-bootstrap5 div.dt-length .r2p-dt-length-menu .dropdown-item .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1rem;
	width: 1rem;
	height: 1rem;
	top: 0 !important;
	line-height: 1;
	vertical-align: middle;
}

/* Create/Edit forms: keep dropdowns consistent with modern action menu styling */
.card .card-body select.custom-select,
.card .card-body select.form-select,
.card .card-body select.form-control,
.modal-body select.custom-select,
.modal-body select.form-select,
.modal-body select.form-control {
	min-height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	padding: 0.36rem 2rem 0.36rem 0.64rem !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.card .card-body select.custom-select:focus,
.card .card-body select.form-select:focus,
.card .card-body select.form-control:focus,
.modal-body select.custom-select:focus,
.modal-body select.form-select:focus,
.modal-body select.form-control:focus {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.14rem rgba(55, 125, 50, 0.22), 0 10px 20px rgba(31, 45, 61, 0.16);
	outline: none;
}

.card .card-body select.custom-select option,
.card .card-body select.form-select option,
.card .card-body select.form-control option,
.modal-body select.custom-select option,
.modal-body select.form-select option,
.modal-body select.form-control option {
	font-weight: 500;
	background-color: var(--color-global-card-background);
	color: var(--color-global-foreground);
}

select.r2p-create-dropdown-native,
.card .card-body select.r2p-create-dropdown-native,
.modal-body select.r2p-create-dropdown-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.r2p-create-form-dropdown,
.card .card-body .r2p-create-form-dropdown,
.modal-body .r2p-create-form-dropdown {
	width: 100%;
}

.r2p-default-select-dropdown {
	display: inline-block !important;
	width: auto !important;
	min-width: 9.5rem;
	margin-right: 0.25rem;
	vertical-align: middle;
}

.r2p-default-select-dropdown .r2p-create-form-trigger {
	width: auto !important;
	min-width: 9.5rem;
	max-width: min(22rem, 70vw);
	font-weight: 600;
}

.r2p-default-select-dropdown .r2p-create-form-menu {
	width: 100% !important;
	min-width: max(100%, 12rem);
	max-width: min(28rem, 82vw);
}

.r2p-default-select-dropdown .r2p-create-form-menu .dropdown-item {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500 !important;
}

.r2p-default-select-dropdown .r2p-create-form-menu .dropdown-header {
	font-weight: 700 !important;
	color: var(--color-global-foreground) !important;
	opacity: 1;
	cursor: default;
	background-color: var(--color-global-card-background) !important;
}

.r2p-default-select-body-menu {
	width: auto;
	min-width: 17.5rem;
	max-width: calc(100vw - 1.5rem);
	overflow-x: hidden !important;
}

.r2p-create-form-option-header,
.r2p-default-select-body-menu .r2p-create-form-option-header {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.42rem 0.56rem;
	font-weight: 700 !important;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	opacity: 1;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.r2p-default-select-body-menu li {
	width: 100%;
	max-width: 100%;
}

.r2p-default-select-body-menu .dropdown-item {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500 !important;
}

#easyConnectSelectionContainer {
	display: inline-block !important;
	vertical-align: middle;
}

.r2p-create-form-trigger,
.card .card-body .r2p-create-form-trigger,
.modal-body .r2p-create-form-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	padding: 0 2rem 0 0.64rem !important;
	position: relative;
	line-height: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.r2p-create-form-trigger::after,
.card .card-body .r2p-create-form-trigger::after,
.modal-body .r2p-create-form-trigger::after {
	position: absolute;
	right: 0.62rem;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 0;
}

.fullheightcontainer section .r2p-create-form-trigger {
	justify-content: flex-start !important;
	text-align: left !important;
}

.r2p-create-form-trigger:focus,
.r2p-create-form-trigger:focus-visible,
.r2p-create-form-dropdown.show .r2p-create-form-trigger,
.card .card-body .r2p-create-form-trigger:focus,
.card .card-body .r2p-create-form-trigger:focus-visible,
.card .card-body .r2p-create-form-dropdown.show .r2p-create-form-trigger,
.modal-body .r2p-create-form-trigger:focus,
.modal-body .r2p-create-form-trigger:focus-visible,
.modal-body .r2p-create-form-dropdown.show .r2p-create-form-trigger {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.14rem rgba(55, 125, 50, 0.22), 0 10px 20px rgba(31, 45, 61, 0.16);
	outline: none;
}

.r2p-create-form-menu,
.card .card-body .r2p-create-form-menu,
.modal-body .r2p-create-form-menu {
	width: 100%;
	min-width: max(100%, 12rem);
	max-width: min(32rem, 92vw);
	padding: 0.3rem;
	border-radius: 0.84rem;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.24);
	max-height: min(60vh, 24rem);
	overflow-x: hidden;
	overflow-y: auto;
}

.r2p-create-form-menu:not(.show) {
	pointer-events: none;
}

.r2p-create-form-menu.show {
	pointer-events: auto;
}

.r2p-create-form-menu .dropdown-header,
.card .card-body .r2p-create-form-menu .dropdown-header,
.modal-body .r2p-create-form-menu .dropdown-header {
	padding: 0.42rem 0.56rem;
	font-weight: 500;
}

.r2p-create-form-menu .dropdown-item,
.card .card-body .r2p-create-form-menu .dropdown-item,
.modal-body .r2p-create-form-menu .dropdown-item {
	display: flex;
	align-items: center;
	gap: 0.58rem;
	min-height: 2rem;
	padding: 0.38rem 0.56rem !important;
	font-weight: 500;
	border: 1px solid transparent;
	border-radius: 0.58rem;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.r2p-create-form-menu .dropdown-item:hover,
.r2p-create-form-menu .dropdown-item:focus,
.r2p-create-form-menu .dropdown-item.active,
.card .card-body .r2p-create-form-menu .dropdown-item:hover,
.card .card-body .r2p-create-form-menu .dropdown-item:focus,
.card .card-body .r2p-create-form-menu .dropdown-item.active,
.modal-body .r2p-create-form-menu .dropdown-item:hover,
.modal-body .r2p-create-form-menu .dropdown-item:focus,
.modal-body .r2p-create-form-menu .dropdown-item.active {
	background-color: var(--color-global-background) !important;
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
}

.r2p-create-form-menu .dropdown-item.disabled,
.card .card-body .r2p-create-form-menu .dropdown-item.disabled,
.modal-body .r2p-create-form-menu .dropdown-item.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.r2p-create-form-dropdown-icons .r2p-create-form-trigger,
.r2p-create-form-dropdown-icons .r2p-create-form-menu .dropdown-item,
.card .card-body .r2p-create-form-dropdown-icons .r2p-create-form-trigger,
.card .card-body .r2p-create-form-dropdown-icons .r2p-create-form-menu .dropdown-item,
.modal-body .r2p-create-form-dropdown-icons .r2p-create-form-trigger,
.modal-body .r2p-create-form-dropdown-icons .r2p-create-form-menu .dropdown-item {
	font-family: rajdhani, Nucleo, sans-serif !important;
}

.r2p-default-select-body-menu.r2p-create-form-menu {
	width: auto;
	min-width: min(24rem, calc(100vw - 1.5rem));
	max-width: min(24rem, calc(100vw - 1.5rem));
	box-sizing: border-box;
	padding: 0.3rem;
	border-radius: 0.84rem;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.24);
	max-height: min(60vh, 24rem);
	overflow-x: hidden !important;
	overflow-y: auto;
}

.r2p-default-select-body-menu.r2p-create-form-menu > li {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.r2p-default-select-body-menu.r2p-create-form-menu .dropdown-item {
	display: flex !important;
	align-items: center;
	gap: 0.58rem;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 2rem;
	box-sizing: border-box;
	padding: 0.38rem 0.56rem !important;
	border: 1px solid transparent;
	border-radius: 0.58rem;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500 !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.r2p-default-select-body-menu.r2p-create-form-menu .dropdown-item:hover,
.r2p-default-select-body-menu.r2p-create-form-menu .dropdown-item:focus,
.r2p-default-select-body-menu.r2p-create-form-menu .dropdown-item.active {
	background-color: var(--color-global-background) !important;
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
}

.r2p-default-select-body-menu.r2p-create-form-menu .r2p-create-form-option-header {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 0.42rem 0.56rem;
	font-weight: 700 !important;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	opacity: 1;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main-header .navbar-nav.ms-auto > .nav-item > a.nav-link[data-widget="control-sidebar"],
.main-header .navbar-nav.ms-auto > .nav-item > form.form-inline > button.nav-link.btn.btn-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 2.2rem;
	height: 2.2rem;
	margin-left: 0.35rem;
	padding: 1px 0.7rem 0 !important;
	border: 1px solid var(--color-global-border) !important;
	border-radius: 0.62rem !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-size: 0.95rem !important;
	font-weight: 500;
	line-height: 1;
	text-decoration: none !important;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.12);
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.main-header .navbar-nav.ms-auto > .nav-item > a.nav-link[data-widget="control-sidebar"]:hover,
.main-header .navbar-nav.ms-auto > .nav-item > a.nav-link[data-widget="control-sidebar"]:focus,
.main-header .navbar-nav.ms-auto > .nav-item > form.form-inline > button.nav-link.btn.btn-link:hover,
.main-header .navbar-nav.ms-auto > .nav-item > form.form-inline > button.nav-link.btn.btn-link:focus {
	border-color: var(--color-button-default-success) !important;
	background-color: var(--color-global-background) !important;
	color: var(--color-global-foreground) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
	outline: none;
	transform: translateY(-1px);
}

.main-header .navbar-nav.ms-auto > .nav-item > form.form-inline {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.main-header .navbar-nav.ms-auto > .nav-item > a.nav-link[data-widget="control-sidebar"] i,
.main-header .navbar-nav.ms-auto > .nav-item > form.form-inline > button.nav-link.btn.btn-link i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1rem;
	width: 1rem;
	height: 1rem;
	top: 0 !important;
	line-height: 1;
}

.control-sidebar {
	border-left: 1px solid var(--color-global-border);
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	box-shadow: -18px 0 34px rgba(0, 0, 0, 0.18);
}

.control-sidebar .headline {
	display: block;
	margin-bottom: 0.46rem;
	color: var(--color-headline) !important;
	font-weight: 700 !important;
	letter-spacing: 0.045em;
}

.control-sidebar h5.headline {
	margin-bottom: 0.85rem;
	font-size: 0.95rem;
}

.control-sidebar small.headline {
	font-size: 0.72rem;
	line-height: 1.2;
}

.control-sidebar .nav {
	padding: 0;
	margin: 0;
}

.control-sidebar .nav-item {
	margin-bottom: 0.32rem;
}

.control-sidebar .nav-link,
.control-sidebar .form-inline .nav-link.btn {
	display: flex !important;
	align-items: center;
	gap: 0.58rem;
	width: 100%;
	min-height: 2.35rem;
	height: 2.35rem;
	padding: 1px 0.62rem 0 !important;
	border: 1px solid transparent !important;
	border-radius: 0.66rem !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-size: 0.95rem !important;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	text-decoration: none !important;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.1);
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.control-sidebar .nav-link:hover,
.control-sidebar .nav-link:focus,
.control-sidebar .form-inline .nav-link.btn:hover,
.control-sidebar .form-inline .nav-link.btn:focus {
	border-color: var(--color-button-default-success) !important;
	background-color: var(--color-global-background) !important;
	color: var(--color-global-foreground) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
	outline: none;
}

.control-sidebar .nav-link i,
.control-sidebar .form-inline .nav-link.btn i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1.15rem;
	width: 1.15rem;
	height: 1rem;
	top: 0 !important;
	text-align: center;
	line-height: 1;
}

.control-sidebar .form-inline,
.control-sidebar .form-horizontal {
	width: 100%;
	margin: 0;
}

.control-sidebar .form-horizontal .form-group {
	margin-bottom: 0;
}

.control-sidebar select.box-shadow:not(.r2p-create-dropdown-native) {
	min-height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
}

.control-sidebar .r2p-create-form-dropdown {
	margin-top: 0.28rem;
}

.control-sidebar .r2p-create-form-menu {
	min-width: 100%;
	max-width: min(24rem, calc(100vw - 1.5rem));
}

.control-sidebar .r2p-create-form-menu .dropdown-item {
	white-space: normal;
	word-break: break-word;
}

.card .card-body .select2-container--default .select2-selection--single,
.card .card-body .select2-container--default .select2-selection--multiple,
.modal-body .select2-container--default .select2-selection--single,
.modal-body .select2-container--default .select2-selection--multiple {
	font-weight: 500;
	background-color: var(--color-global-card-background) !important;
}

.card .card-body .select2-results__option,
.modal-body .select2-results__option {
	font-weight: 500;
}

.card .card-body .select2-container.r2p-create-dropdown-container .select2-selection--single,
.modal-body .select2-container.r2p-create-dropdown-container .select2-selection--single {
	display: flex;
	align-items: center;
	min-height: 2.35rem;
	height: 2.35rem;
	border-radius: 0.66rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	color: var(--color-global-foreground) !important;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(31, 45, 61, 0.14);
	padding: 0 2rem 0 0.2rem;
}

.card .card-body .select2-container.r2p-create-dropdown-container .select2-selection--single .select2-selection__rendered,
.modal-body .select2-container.r2p-create-dropdown-container .select2-selection--single .select2-selection__rendered {
	line-height: 1;
	font-weight: 500;
	padding-right: 1.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card .card-body .select2-container.r2p-create-dropdown-container .select2-selection--single .select2-selection__arrow,
.modal-body .select2-container.r2p-create-dropdown-container .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 0.48rem;
	top: 0;
	width: 1.2rem;
}

.card .card-body .select2-container.r2p-create-dropdown-container.select2-container--focus .select2-selection--single,
.card .card-body .select2-container.r2p-create-dropdown-container.select2-container--open .select2-selection--single,
.modal-body .select2-container.r2p-create-dropdown-container.select2-container--focus .select2-selection--single,
.modal-body .select2-container.r2p-create-dropdown-container.select2-container--open .select2-selection--single {
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.14rem rgba(55, 125, 50, 0.22), 0 10px 20px rgba(31, 45, 61, 0.16);
}

.select2-dropdown.r2p-create-dropdown,
.select2-container--open.r2p-create-dropdown-open .select2-dropdown {
	padding: 0.3rem;
	border-radius: 0.84rem !important;
	border: 1px solid var(--color-global-border) !important;
	background-color: var(--color-global-card-background) !important;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.24);
}

.select2-dropdown.r2p-create-dropdown .select2-results__option,
.select2-container--open.r2p-create-dropdown-open .select2-dropdown .select2-results__option {
	display: flex;
	align-items: center;
	gap: 0.58rem;
	min-height: 2rem;
	padding: 0.38rem 0.56rem !important;
	font-weight: 500;
	border: 1px solid transparent !important;
	border-radius: 0.58rem !important;
	color: var(--color-global-foreground) !important;
	background-color: var(--color-global-card-background) !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.select2-dropdown.r2p-create-dropdown .select2-results__option--highlighted[aria-selected],
.select2-dropdown.r2p-create-dropdown .select2-results__option--highlighted[data-selected],
.select2-dropdown.r2p-create-dropdown .select2-results__option[aria-selected="true"],
.select2-dropdown.r2p-create-dropdown .select2-results__option[data-selected="true"],
.select2-container--open.r2p-create-dropdown-open .select2-dropdown .select2-results__option--highlighted[aria-selected],
.select2-container--open.r2p-create-dropdown-open .select2-dropdown .select2-results__option--highlighted[data-selected],
.select2-container--open.r2p-create-dropdown-open .select2-dropdown .select2-results__option[aria-selected="true"],
.select2-container--open.r2p-create-dropdown-open .select2-dropdown .select2-results__option[data-selected="true"] {
	background-color: var(--color-global-background) !important;
	border-color: var(--color-button-default-success) !important;
	box-shadow: 0 0 0 0.12rem rgba(55, 125, 50, 0.18);
	color: var(--color-global-foreground) !important;
}

@media (max-width: 767.98px) {
	#RowSelectionFilters .col-md-auto {
		min-width: 100%;
	}

	#RowSelectionFilters select.RowSelectionFilter,
	.dataTables_wrapper .dataTables_length select.bg-lightBeige {
		min-height: 2.15rem;
		padding: 0.3rem 1.9rem 0.3rem 0.54rem !important;
	}

	#RowSelectionFilters .r2p-row-filter-trigger {
		min-height: 2.15rem;
	}

	#RowSelectionFilters .r2p-row-filter-menu .dropdown-item {
		min-height: 1.82rem;
		padding: 0.28rem 0.5rem !important;
	}

	.card .card-body select.custom-select,
	.card .card-body select.form-select,
	.card .card-body select.form-control,
	.modal-body select.custom-select,
	.modal-body select.form-select,
	.modal-body select.form-control {
		min-height: 2.15rem;
		padding: 0.3rem 1.9rem 0.3rem 0.54rem !important;
	}

	.card .card-body .select2-container.r2p-create-dropdown-container .select2-selection--single,
	.modal-body .select2-container.r2p-create-dropdown-container .select2-selection--single {
		min-height: 2.15rem;
		height: 2.15rem;
	}

	.card .card-body .select2-container.r2p-create-dropdown-container .select2-selection--single .select2-selection__rendered,
	.modal-body .select2-container.r2p-create-dropdown-container .select2-selection--single .select2-selection__rendered {
		line-height: 1;
	}
}

/* Modern form fields across create/edit/filter subpages */
:root {
	--r2p-field-border: color-mix(in srgb, var(--color-global-border) 82%, var(--color-button-default-success) 18%);
	--r2p-field-bg: var(--color-global-card-background);
	--r2p-field-bg-muted: color-mix(in srgb, var(--color-global-background) 72%, var(--color-global-card-background) 28%);
	--r2p-field-fg: var(--color-global-foreground);
	--r2p-field-placeholder: color-mix(in srgb, var(--color-global-foreground) 56%, transparent);
	--r2p-field-focus: var(--color-button-default-success);
	--r2p-field-danger: var(--bs-danger, #dc3545);
	--r2p-field-shadow: 0 1px 2px rgba(31, 45, 61, 0.05), 0 8px 18px rgba(31, 45, 61, 0.08);
	--r2p-field-shadow-hover: 0 2px 4px rgba(31, 45, 61, 0.06), 0 12px 24px rgba(31, 45, 61, 0.11);
	--r2p-field-ring: 0 0 0 0.16rem color-mix(in srgb, var(--r2p-field-focus) 24%, transparent), var(--r2p-field-shadow-hover);
}

body .form-group {
	margin-bottom: 0.95rem;
}

body .form-group > label,
body .form-group > div > label:not(.custom-control-label),
body label.form-label {
	display: inline-flex;
	align-items: center;
	min-height: 1.1rem;
	margin-bottom: 0.32rem;
	color: var(--r2p-field-fg);
	font-size: 0.94rem;
	font-weight: 600;
	line-height: 1.15;
}

body .form-group > div > label:not(.custom-control-label) {
	font-weight: 700 !important;
}

body .form-control:not([type="range"]),
body .form-select,
body .custom-select,
body input[type="search"].nameFilterInput,
body .dataTables_wrapper .dataTables_filter input,
body div.dt-container.dt-bootstrap5 div.dt-search input {
	min-height: 2.35rem;
	border: 1px solid var(--r2p-field-border) !important;
	border-radius: 0.58rem !important;
	background-color: var(--r2p-field-bg) !important;
	color: var(--r2p-field-fg) !important;
	box-shadow: var(--r2p-field-shadow) !important;
	font-weight: 500;
	line-height: 1.25;
	transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

body input.form-control:not([type="range"]),
body .form-select,
body .custom-select,
body input[type="search"].nameFilterInput,
body .dataTables_wrapper .dataTables_filter input,
body div.dt-container.dt-bootstrap5 div.dt-search input {
	padding: 0.48rem 0.72rem !important;
}

body select.form-control,
body .form-select,
body .custom-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 2.1rem !important;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 0.86rem) calc(50% + 1px), calc(100% - 0.58rem) calc(50% + 1px);
	background-repeat: no-repeat;
	background-size: 0.3rem 0.3rem, 0.3rem 0.3rem;
}

body select.form-control[multiple],
body select.form-control[size]:not([size="1"]),
body .custom-select[multiple],
body .custom-select[size]:not([size="1"]),
body .form-select[multiple],
body .form-select[size]:not([size="1"]) {
	min-height: 7.6rem;
	padding-right: 0.72rem !important;
	background-image: none;
}

body textarea.form-control {
	min-height: 7.2rem;
	padding: 0.62rem 0.72rem !important;
	resize: vertical;
}

body .form-control::placeholder,
body input[type="search"].nameFilterInput::placeholder,
body .dataTables_wrapper .dataTables_filter input::placeholder,
body div.dt-container.dt-bootstrap5 div.dt-search input::placeholder {
	color: var(--r2p-field-placeholder);
	opacity: 1;
}

body .form-control:not([type="range"]):hover:not(:disabled):not([readonly]),
body .form-select:hover:not(:disabled),
body .custom-select:hover:not(:disabled),
body input[type="search"].nameFilterInput:hover:not(:disabled),
body .dataTables_wrapper .dataTables_filter input:hover:not(:disabled),
body div.dt-container.dt-bootstrap5 div.dt-search input:hover:not(:disabled) {
	border-color: var(--r2p-field-focus) !important;
	box-shadow: var(--r2p-field-shadow-hover) !important;
}

body .form-control:not([type="range"]):focus,
body .form-control:not([type="range"]):focus-visible,
body .form-select:focus,
body .form-select:focus-visible,
body .custom-select:focus,
body .custom-select:focus-visible,
body input[type="search"].nameFilterInput:focus,
body .dataTables_wrapper .dataTables_filter input:focus,
body div.dt-container.dt-bootstrap5 div.dt-search input:focus {
	border-color: var(--r2p-field-focus) !important;
	box-shadow: var(--r2p-field-ring) !important;
	outline: none;
}

body .form-control:disabled,
body .form-control[readonly],
body .form-select:disabled,
body .custom-select:disabled,
body input[type="search"].nameFilterInput:disabled {
	background-color: var(--r2p-field-bg-muted) !important;
	color: color-mix(in srgb, var(--r2p-field-fg) 70%, transparent) !important;
	box-shadow: none !important;
	cursor: not-allowed;
}

body .form-control[readonly] {
	cursor: default;
}

body .input-group {
	align-items: stretch;
	border-radius: 0.58rem;
}

body .input-group > .form-control:not(:first-child),
body .input-group > .custom-select:not(:first-child),
body .input-group > .form-select:not(:first-child) {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

body .input-group > .form-control:not(:last-child),
body .input-group > .custom-select:not(:last-child),
body .input-group > .form-select:not(:last-child) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

body .input-group-text,
body .input-group-append .input-group-text,
body .input-group-prepend .input-group-text {
	min-height: 2.35rem;
	border: 1px solid var(--r2p-field-border) !important;
	background-color: var(--r2p-field-bg-muted) !important;
	color: var(--r2p-field-fg) !important;
	box-shadow: var(--r2p-field-shadow);
	font-weight: 600;
	line-height: 1;
}

body .input-group-append .input-group-text,
body .input-group > .input-group-append > .btn {
	border-top-right-radius: 0.58rem !important;
	border-bottom-right-radius: 0.58rem !important;
}

body .input-group-prepend .input-group-text,
body .input-group > .input-group-prepend > .btn {
	border-top-left-radius: 0.58rem !important;
	border-bottom-left-radius: 0.58rem !important;
}

body .input-group:focus-within .input-group-text {
	border-color: var(--r2p-field-focus) !important;
	box-shadow: var(--r2p-field-ring);
}

body .datetimepicker-input {
	cursor: pointer;
}

body .input-validation-error,
body input.input-validation-error,
body textarea.input-validation-error,
body select.input-validation-error,
body .form-control.is-invalid,
body .form-select.is-invalid,
body .custom-select.is-invalid {
	border-color: var(--r2p-field-danger) !important;
	background-color: color-mix(in srgb, var(--r2p-field-danger) 7%, var(--r2p-field-bg)) !important;
	box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--r2p-field-danger) 18%, transparent), var(--r2p-field-shadow) !important;
}

body .field-validation-error,
body .validation-summary-errors,
body .text-danger.field-validation-error,
body .text-danger.field-validation-valid:not(:empty) {
	display: block;
	margin-top: 0.32rem;
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--r2p-field-danger) !important;
}

body .custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--r2p-field-focus) !important;
	background-color: var(--r2p-field-focus) !important;
}

body .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--color-button-default-warning, #f59100) !important;
	background-color: var(--color-button-default-warning, #f59100) !important;
}

body .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--color-button-default-warning, #f59100) 25%, transparent) !important;
}

body .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--r2p-field-danger) !important;
	background-color: var(--r2p-field-danger) !important;
}

body .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--r2p-field-danger) 25%, transparent) !important;
}

body .custom-file {
	min-height: 2.35rem;
}

body .custom-file-label {
	min-height: 2.35rem;
	padding: 0.48rem 6rem 0.48rem 0.72rem;
	border: 1px solid var(--r2p-field-border) !important;
	border-radius: 0.58rem !important;
	background-color: var(--r2p-field-bg) !important;
	color: var(--r2p-field-fg) !important;
	box-shadow: var(--r2p-field-shadow);
	font-weight: 500;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body .custom-file-label::after {
	min-height: calc(2.35rem - 2px);
	padding: 0.48rem 0.86rem;
	border-left-color: var(--r2p-field-border);
	border-radius: 0 0.5rem 0.5rem 0;
	background-color: var(--r2p-field-bg-muted);
	color: var(--r2p-field-fg);
	font-weight: 700;
	line-height: 1.25;
}

body .custom-file-input:focus ~ .custom-file-label {
	border-color: var(--r2p-field-focus) !important;
	box-shadow: var(--r2p-field-ring) !important;
}

body input[type="range"].form-control {
	height: 2.35rem;
	padding: 0.3rem 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

body input[type="range"]::-webkit-slider-runnable-track {
	height: 0.34rem;
	border-radius: 999px;
	background: var(--r2p-field-bg-muted);
}

body input[type="range"]::-webkit-slider-thumb {
	width: 1.08rem;
	height: 1.08rem;
	margin-top: -0.34rem;
	border: 2px solid var(--r2p-field-bg);
	border-radius: 50%;
	background: var(--r2p-field-focus);
	box-shadow: 0 2px 8px rgba(31, 45, 61, 0.24);
}

body input[type="range"]::-moz-range-track {
	height: 0.34rem;
	border-radius: 999px;
	background: var(--r2p-field-bg-muted);
}

body input[type="range"]::-moz-range-thumb {
	width: 1.08rem;
	height: 1.08rem;
	border: 2px solid var(--r2p-field-bg);
	border-radius: 50%;
	background: var(--r2p-field-focus);
	box-shadow: 0 2px 8px rgba(31, 45, 61, 0.24);
}

body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple,
body .card .card-body .select2-container.r2p-create-dropdown-container .select2-selection--single,
body .modal-body .select2-container.r2p-create-dropdown-container .select2-selection--single,
body .r2p-create-form-trigger {
	border-color: var(--r2p-field-border) !important;
	border-radius: 0.58rem !important;
	box-shadow: var(--r2p-field-shadow) !important;
	padding: 0 2rem 0 0.64rem !important;
}

body .select2-container--default.select2-container--focus .select2-selection--single,
body .select2-container--default.select2-container--focus .select2-selection--multiple,
body .select2-container--default.select2-container--open .select2-selection--single,
body .select2-container--default.select2-container--open .select2-selection--multiple,
body .r2p-create-form-trigger:focus,
body .r2p-create-form-trigger:focus-visible,
body .r2p-create-form-dropdown.show .r2p-create-form-trigger {
	border-color: var(--r2p-field-focus) !important;
	box-shadow: var(--r2p-field-ring) !important;
}

@media (max-width: 767.98px) {
	body .form-group {
		margin-bottom: 0.78rem;
	}

	body .form-control:not([type="range"]),
	body .form-select,
	body .custom-select,
	body input[type="search"].nameFilterInput,
	body .dataTables_wrapper .dataTables_filter input,
	body div.dt-container.dt-bootstrap5 div.dt-search input,
	body .input-group-text,
	body .input-group-append .input-group-text,
	body .input-group-prepend .input-group-text,
	body .custom-file,
	body .custom-file-label {
		min-height: 2.15rem;
	}

	body input.form-control:not([type="range"]),
	body .form-select,
	body .custom-select,
	body input[type="search"].nameFilterInput,
	body .dataTables_wrapper .dataTables_filter input,
	body div.dt-container.dt-bootstrap5 div.dt-search input {
		padding-top: 0.4rem !important;
		padding-bottom: 0.4rem !important;
	}

	body textarea.form-control {
		min-height: 6.4rem;
	}
}
