/* Scoped styles and scrollbars for Shrobon Clinics Demo Chat */
.shrobon-demo-chat-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  box-sizing: border-box;
}

.shrobon-demo-chat-root {
  width: 100%;
  min-height: 550px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* Scoped base reset: restores Tailwind border styling and box-sizing without breaking WordPress / Elementor */
#shrobon-demo-chat-root *,
#shrobon-demo-chat-root *::before,
#shrobon-demo-chat-root *::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}

#shrobon-demo-chat-root .border{
	border-style: soild;
}

/* Custom scrollbars inside DemoChat */
.shrobon-demo-chat-root ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.shrobon-demo-chat-root ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.shrobon-demo-chat-root ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.shrobon-demo-chat-root ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Hide scrollbars for overflow-x tabs if no-scrollbar class is used */
.shrobon-demo-chat-root .no-scrollbar::-webkit-scrollbar {
  display: none;
}

.shrobon-demo-chat-root .no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}