/**
 * RS Send To Operator
 *
 * Itinatago ang shared BRF form nang hindi ginagamit ang display:none,
 * dahil may mga form library na nagkakaproblema sa validation kapag
 * hindi rendered ang field. Off-screen siya pero buhay pa rin.
 */

#rs-operator-form-wrap {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	padding: 0;
	margin: -1px;
}

/* Kapag gusto mong makita habang nagde-debug, idagdag mo lang ang
   class na rs-debug-visible sa wrapper via console:
   document.getElementById('rs-operator-form-wrap').classList.add('rs-debug-visible'); */
#rs-operator-form-wrap.rs-debug-visible {
	position: static !important;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	clip-path: none;
	white-space: normal;
	margin: 20px 0;
	padding: 16px;
	border: 2px dashed #ffc107;
}

/* ---------------------------------------------------------------
 * Button states
 * ------------------------------------------------------------- */

.rs-send-operator {
	cursor: pointer;
	transition: opacity 0.2s ease, background-color 0.2s ease;
}

.rs-send-operator[disabled] {
	cursor: not-allowed;
}

.rs-send-operator.rs-is-sending {
	opacity: 0.6;
	cursor: wait;
}

.rs-send-operator.rs-is-sent {
	background-color: #5a8a00 !important;
	border-color: #5a8a00 !important;
	color: #ffffff !important;
	opacity: 1;
	cursor: default;
}

.rs-send-operator.rs-is-failed {
	border-color: #c0392b !important;
	color: #c0392b !important;
}
.rs-offer-label { display: none !important; }
.rs-offer-label.is-visible { display: block !important; }