/* Professional, theme-proof chat UI for v2.1.2. */
.sbp-panel,
.sbp-panel * { box-sizing: border-box; }
.sbp-panel { direction: ltr !important; }
.sbp-panel header { direction: ltr !important; flex: 0 0 auto; min-height: 72px; gap: 12px; }
.sbp-panel header > div { min-width: 0; flex: 1; text-align: left; }
.sbp-panel header strong,
.sbp-panel header small { display: block; text-align: left; }
.sbp-panel .sbp-close {
	display: inline-grid !important; place-items: center !important; flex: 0 0 38px !important;
	width: 38px !important; min-width: 38px !important; max-width: 38px !important;
	height: 38px !important; min-height: 38px !important; max-height: 38px !important;
	margin: 0 !important; padding: 0 !important; line-height: 1 !important;
	background: rgba(255,255,255,.18) !important; color: var(--sbp-text) !important;
	border: 1px solid rgba(255,255,255,.32) !important; border-radius: 50% !important; box-shadow: none !important;
}
.sbp-log { direction: ltr !important; }
.sbp-manager { align-self: flex-start !important; text-align: left !important; direction: ltr; max-width: 82%; }
.sbp-customer { align-self: flex-end !important; text-align: left !important; direction: ltr; max-width: 82%; }
.sbp-form { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: end !important; width: 100%; direction: ltr !important; }
.sbp-form label { display: block !important; min-width: 0 !important; width: 100% !important; text-align: left !important; direction: ltr !important; }
.sbp-form .sbp-offer {
	display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important;
	height: 50px !important; padding: 10px 14px !important; font-size: 20px !important; line-height: 1.2 !important;
	text-align: left !important; direction: ltr !important; unicode-bidi: plaintext;
}
.sbp-send { white-space: nowrap !important; height: 50px !important; }
.sbp-rtl { direction: rtl !important; }
.sbp-rtl .sbp-log { direction: rtl !important; }
.sbp-rtl .sbp-manager { align-self: flex-end !important; text-align: right !important; direction: rtl; }
.sbp-rtl .sbp-customer { align-self: flex-start !important; text-align: right !important; direction: rtl; }
@media (max-width: 520px) {
	.sbp-panel header { min-height: 68px; padding: 12px 14px; }
	.sbp-form { grid-template-columns: 1fr !important; gap: 10px !important; padding: 14px !important; }
	.sbp-form label { font-size: 14px !important; }
	.sbp-form .sbp-offer { width: 100% !important; height: 54px !important; font-size: 22px !important; }
	.sbp-send { display: block !important; width: 100% !important; height: 52px !important; }
	.sbp-accept { width: calc(100% - 28px) !important; margin: 0 14px 14px !important; }
	.sbp-log { padding: 14px !important; }
	.sbp-bubble { max-width: 88% !important; font-size: 15px !important; line-height: 1.55 !important; }
}
.sbp-deal-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 16px 16px; direction: ltr; }
.sbp-deal-actions button { min-height: 46px; padding: 10px 12px; border-radius: 9px; font-weight: 700; cursor: pointer; }
.sbp-go-cart { background: var(--sbp-color); color: var(--sbp-text); border: 1px solid var(--sbp-color); }
.sbp-continue { background: #fff; color: var(--sbp-color); border: 1px solid var(--sbp-color); }
@media (max-width: 420px) { .sbp-deal-actions { grid-template-columns: 1fr; padding: 0 14px 14px; } }
.sbp-button-wrap{display:block;clear:both;margin:10px 0}.sbp-button-wrap .sbp-open{margin:0}.sbp-block-preview{padding:16px;border:1px dashed #8c8f94}