.wrrec-modal {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrrec-modal-content {
	background: #fff;
	padding: 30px;
	border-radius: 6px;
	max-width: 520px;
	width: 92%;
	max-height: 85vh;
	overflow-y: auto;
	position: relative;
}
.wrrec-modal-close {
	position: absolute;
	top: 10px; right: 16px;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
}
.wrrec-item-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	border-bottom: 1px solid #eee;
}
#wrrec-modal-message {
	margin-top: 14px;
	font-weight: 600;
}
#wrrec-modal-message.success { color: #2e7d32; }
#wrrec-modal-message.error { color: #c62828; }

.wrrec-status {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 12px;
	font-size: 12px;
	background: #eee;
}
.wrrec-status-wrrec-pending { background: #fff3cd; color: #856404; }
.wrrec-status-wrrec-approved { background: #d1ecf1; color: #0c5460; }
.wrrec-status-wrrec-processing { background: #d4e6ff; color: #0d47a1; }
.wrrec-status-wrrec-completed { background: #d4edda; color: #155724; }
.wrrec-status-wrrec-rejected { background: #f8d7da; color: #721c24; }
.wrrec-status-wrrec-cancelled { background: #e2e3e5; color: #383d41; }

.wrrec-order-actions { margin-top: 15px; }