/* WPBot WooCommerce Module (Refund Order) – chat UI. Inherits the chatbot template colours. */
.qcld-wpbot-refund-orders .qcld-wpbot-refund-order { margin-bottom: 10px; }
.qcld-wpbot-refund-order.is-done .qcld-wpbot-refund-actions { opacity: .5; pointer-events: none; }

.qcld-wpbot-refund-actions { margin-top: 8px; }
.qcld-wpbot-refund-actions .qcld-wpbot-refund-btn { margin: 3px 4px 3px 0; }
.qcld-wpbot-refund-btn.is-busy { opacity: .6; cursor: progress; }

.qcld-wpbot-refund-note { margin: 6px 0 0; font-size: 12px; line-height: 1.4; }
.qcld-wpbot-refund-form { display: block; width: 100%; margin: 4px 0 0; text-align: left; }
.qcld-wpbot-refund-form.is-done { opacity: .6; pointer-events: none; }
.qcld-wpbot-refund-title { font-weight: 700; margin-bottom: 8px; }
.qcld-wpbot-refund-section-label { font-size: 12px; font-weight: 600; margin: 6px 0 4px; }

.qcld-wpbot-refund-item {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	padding: 6px 0; border-bottom: 1px solid rgba(0, 0, 0, .08); font-size: 13px;
}
.qcld-wpbot-refund-item-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.qcld-wpbot-refund-item-name small { display: block; opacity: .75; }
.qcld-wpbot-refund-item .qcld-wpbot-refund-qty { width: 64px; flex: 0 0 64px; }

.qcld-wpbot-refund-field { display: block; margin: 8px 0; }
.qcld-wpbot-refund-label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 3px; }
.qcld-wpbot-refund-label .required { color: #c0392b; text-decoration: none; border: 0; }
.qcld-wpbot-refund-desc { display: block; font-size: 11px; opacity: .75; margin-top: 2px; }

.qcld-wpbot-refund-form input[type="text"],
.qcld-wpbot-refund-form input[type="email"],
.qcld-wpbot-refund-form input[type="number"],
.qcld-wpbot-refund-form select,
.qcld-wpbot-refund-form textarea {
	width: 100%; box-sizing: border-box; padding: 6px 8px; font-size: 13px; line-height: 1.4;
	border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; background: #fff; color: #222;
}
.qcld-wpbot-refund-form select[multiple] { min-height: 70px; }
.qcld-wpbot-refund-check { display: flex; align-items: center; gap: 6px; font-size: 13px; margin: 4px 0; }
.qcld-wpbot-refund-check input { margin: 0; }

.qcld-wpbot-refund-error { color: #c0392b; font-size: 12px; min-height: 0; margin-top: 4px; }
.qcld-wpbot-refund-error:empty { display: none; }

/* File upload field */
.qcld-wpbot-refund-upload .qcld-wpbot-refund-file { display: block; width: 100%; max-width: 100%; margin-top: 4px; font-size: 13px; }
.qcld-wpbot-refund-hint { display: block; margin-top: 3px; font-size: 12px; opacity: .75; }

/* Guest verification code form. */
.qcld-wpbot-refund-verify .qcld-wpbot-refund-code { letter-spacing: 6px; font-size: 18px; font-weight: 600; text-align: center; }
.qcld-wpbot-refund-verify .qcld-wpbot-refund-resend { opacity: .85; }
.qcld-wpbot-refund-btn.is-done { opacity: .5; pointer-events: none; }