.medcrm-bubble {
	position: fixed; bottom: 26px; right: 26px; z-index: 99998;
	width: 62px; height: 62px; border-radius: 50%;
	background: #C1693B; color: #fff; border: none;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 12px 30px -8px rgba(193,105,59,.6);
	cursor: pointer; font-size: 1.5rem;
}
.medcrm-panel {
	position: fixed; bottom: 100px; right: 26px; z-index: 99999;
	width: 360px; max-width: 90vw; height: 480px; max-height: 75vh;
	background: #fff; border-radius: 20px; box-shadow: 0 20px 50px -20px rgba(37,57,47,.35);
	display: none; flex-direction: column; overflow: hidden; border: 1px solid #E4DFD2;
	font-family: -apple-system, 'Segoe UI', sans-serif;
}
.medcrm-panel.open { display: flex; }
.medcrm-head {
	background: linear-gradient(135deg,#33513F,#25392F); color: #fff;
	padding: 16px 18px; display: flex; align-items: center; gap: 10px;
}
.medcrm-head b { display: block; font-size: .9rem; }
.medcrm-head span { font-size: .72rem; color: #D8E2D9; }
.medcrm-head #medcrmChatClose { margin-left: auto; background: none; border: none; color: #fff; font-size: 1.3rem; cursor: pointer; line-height: 1; }
.medcrm-dot { width: 8px; height: 8px; background: #7CE38B; border-radius: 50%; flex-shrink: 0; }
.medcrm-body { flex: 1; padding: 16px; overflow-y: auto; background: #FBF7F0; display: flex; flex-direction: column; gap: 10px; }
.medcrm-msg { max-width: 82%; padding: 9px 13px; border-radius: 14px; font-size: .84rem; line-height: 1.45; }
.medcrm-msg.bot { background: #fff; border: 1px solid #E4DFD2; align-self: flex-start; border-bottom-left-radius: 4px; color:#20261F; }
.medcrm-msg.user { background: #33513F; color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.medcrm-msg.typing { color: #888; font-style: italic; }
.medcrm-quick { display: flex; gap: 6px; flex-wrap: wrap; padding: 0 16px 10px; }
.medcrm-quick span { font-size: .72rem; background: #E4EBE1; color: #25392F; padding: 5px 11px; border-radius: 999px; cursor: pointer; }
.medcrm-input-row { display: flex; gap: 8px; padding: 12px; border-top: 1px solid #E4DFD2; }
.medcrm-input-row input { flex: 1; border: 1.5px solid #E4DFD2; border-radius: 999px; padding: 9px 15px; font-size: .84rem; font-family: inherit; }
.medcrm-input-row input:focus { outline: none; border-color: #4B6B54; }
.medcrm-input-row button { background: #C1693B; color: #fff; border: none; border-radius: 50%; width: 36px; height: 36px; cursor: pointer; flex-shrink: 0; }
@media (max-width: 480px) {
	.medcrm-panel { right: 12px; left: 12px; width: auto; bottom: 90px; }
	.medcrm-bubble { right: 16px; bottom: 16px; }
}