/* Shared typography for tables in the User Management module. */
#mainContent table.user-management-table.table {
	font-family: inherit;
}

#mainContent table.user-management-table.table thead th {
	font-family: inherit;
	font-size: 12px !important;
	font-weight: 800 !important;
}

#mainContent table.user-management-table.table tbody td {
	font-family: inherit;
	font-size: 14px !important;
	font-weight: 500;
}

/* Shared primary Add action used by every User Management page. */
#mainContent :is(.user-management-add-btn.user-management-add-btn, .user-management-primary-form-btn.user-management-primary-form-btn) {
	height: 42px !important;
	width: auto;
	min-width: max-content;
	flex: 0 0 auto;
	background: linear-gradient(90deg, #0d5de8 0%, #009cf0 50%, #00c6ff 100%) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 10px !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	box-shadow: 0 0 24px rgba(0, 162, 255, 0.48), 0 6px 20px rgba(13, 93, 232, 0.4) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	margin-top: 4px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn)::after {
	content: "";
	position: absolute;
	top: -50%;
	left: -60%;
	width: 50%;
	height: 200%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transform: rotate(25deg);
	transition: left 0.75s ease;
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn):hover:not(:disabled)::after {
	left: 120%;
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn):hover:not(:disabled) {
	background: linear-gradient(90deg, #0b4fc7 0%, #008be0 50%, #00b8ee 100%) !important;
	box-shadow: 0 0 32px rgba(0, 180, 255, 0.65), 0 8px 24px rgba(13, 93, 232, 0.5) !important;
	transform: translateY(-1px);
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn):active:not(:disabled) {
	transform: translateY(0);
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn):disabled {
	opacity: 0.6;
	cursor: not-allowed;
	box-shadow: none !important;
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn) i {
	font-size: 1rem;
	transition: transform 0.2s ease;
}

#mainContent :is(.user-management-add-btn, .user-management-primary-form-btn):hover:not(:disabled) i {
	transform: translateX(3px);
}

#mainContent .user-management-primary-form-btn {
	width: 112px !important;
	min-width: 112px !important;
	max-width: 112px !important;
	flex: 0 0 112px !important;
	margin: 0 !important;
	vertical-align: middle;
}

#mainContent .user-management-secondary-form-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 112px !important;
	min-width: 112px !important;
	max-width: 112px !important;
	height: 42px !important;
	min-height: 42px !important;
	flex: 0 0 112px !important;
	padding: 0 14px !important;
	border-radius: 10px !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	margin: 0 !important;
	vertical-align: middle;
	white-space: nowrap;
}

/* Drawer form actions stay on one baseline; only top-level Add buttons lift. */
#mainContent .user-management-primary-form-btn:hover:not(:disabled),
#mainContent .user-management-primary-form-btn:active:not(:disabled) {
	transform: none !important;
}