/* Yedric Widget Namespaced Styles */
@keyframes pulse-border {
  0% {
    border-color: #ccc;
    box-shadow: 0 0 0 rgba(0, 123, 255, 0);
  }
  50% {
    border-color: #1C64F2;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.6);
  }
  100% {
    border-color: #ccc;
    box-shadow: 0 0 0 rgba(0, 123, 255, 0);
  }
}
.yedric-widget * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.yedric-widget {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #F5FAFF;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  align-items: center;
}
@media (max-width: 991px) {
  .yedric-widget {
    height: auto !important;
  }
}
.yedric-widget .yedric-widget-inner {
  max-width: 1284px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: center;
}
@media (max-width: 991px) {
  .yedric-widget .yedric-widget-inner {
    flex-direction: column;
  }
}
.yedric-widget .chat-container {
  width: 100%;
  height: 100%;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  z-index: 2;
}
.yedric-widget .chat-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: linear-gradient(180deg, #F5FAFF 0%, rgba(245, 250, 255, 0) 100%);
  z-index: 2;
}
.yedric-widget .chat-header {
  color: white;
  padding: 16px 20px;
  text-align: center;
  border-radius: 12px 12px 0 0;
}
.yedric-widget .chat-header h1 {
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 600;
}
.yedric-widget .chat-header p {
  opacity: 0.9;
  font-size: 12px;
}
.yedric-widget .chat-messages {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  min-height: 200px;
  flex-direction: column;
}
.yedric-widget .chat-messages::-webkit-scrollbar {
  display: none;
}
.yedric-widget .message {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 8px;
}
.yedric-widget .message.user {
  flex-direction: row;
  background: #EBF5FF;
}
.yedric-widget .message.server {
  flex-direction: row;
}
.yedric-widget .message .message-avatar {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  color: white;
  flex-shrink: 0;
  background: #ec4899;
}
.yedric-widget .message.user .message-avatar {
  background: #6B7280;
}
.yedric-widget .message.server .message-avatar {
  background: #16BDCA;
}
.yedric-widget .message.server .message-avatar::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="121" height="102" viewBox="0 0 121 102" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1061_3221)"><path d="M21.1702 45.3596C25.8591 45.3596 29.6602 41.263 29.6602 36.2096C29.6602 31.1562 25.8591 27.0596 21.1702 27.0596C16.4813 27.0596 12.6802 31.1562 12.6802 36.2096C12.6802 41.263 16.4813 45.3596 21.1702 45.3596Z" fill="%233C457E"/><path d="M60.0602 61.9802C39.2702 61.9802 19.7702 58.1402 2.89019 51.4102C1.35019 50.8002 -0.0198097 52.6402 1.03019 53.9202C12.7502 68.3002 34.7902 77.9902 60.0602 77.9902C85.3302 77.9902 107.37 68.3002 119.09 53.9202C120.14 52.6302 118.77 50.7902 117.23 51.4102C100.36 58.1402 80.8502 61.9802 60.0602 61.9802Z" fill="%233C457E"/><path d="M60.0598 85.9004C46.8798 85.9004 34.5998 81.2104 24.2598 73.1104C30.2598 90.0604 44.0298 101.92 60.0598 101.92C76.0898 101.92 89.8698 90.0604 95.8598 73.1104C85.5198 81.2104 73.2398 85.9004 60.0598 85.9004Z" fill="url(%23paint0_radial_1061_3221)"/><mask id="mask0_1061_3221" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="51" width="120" height="27"><path d="M60.0602 61.9802C39.2702 61.9802 19.7702 58.1402 2.89019 51.4102C1.35019 50.8002 -0.0198097 52.6402 1.03019 53.9202C12.7502 68.3002 34.7902 77.9902 60.0602 77.9902C85.3302 77.9902 107.37 68.3002 119.09 53.9202C120.14 52.6302 118.77 50.7902 117.23 51.4102C100.36 58.1402 80.8502 61.9802 60.0602 61.9802Z" fill="white"/></mask><g mask="url(%23mask0_1061_3221)"><path d="M29.7159 75.663C31.4506 71.4977 30.6664 67.2087 27.9642 66.0833C25.2621 64.958 21.6653 67.4224 19.9306 71.5878C18.1958 75.7532 18.9801 80.0422 21.6822 81.1675C24.3843 82.2928 27.9811 79.8284 29.7159 75.663Z" fill="url(%23paint1_linear_1061_3221)"/><path d="M93.0981 64.5848C95.9694 64.0158 97.5859 59.9664 96.7087 55.5403C95.8315 51.1143 92.7928 47.9875 89.9215 48.5566C87.0503 49.1256 85.4338 53.175 86.311 57.601C87.1881 62.0271 90.2269 65.1539 93.0981 64.5848Z" fill="url(%23paint2_linear_1061_3221)"/></g><path d="M98.95 45.3596C103.639 45.3596 107.44 41.263 107.44 36.2096C107.44 31.1562 103.639 27.0596 98.95 27.0596C94.2611 27.0596 90.46 31.1562 90.46 36.2096C90.46 41.263 94.2611 45.3596 98.95 45.3596Z" fill="%233C457E"/><path d="M4.50001 14.4698C3.29001 14.4698 2.09001 13.9898 1.21001 13.0498C-0.469991 11.2398 -0.399991 8.43984 1.39001 6.73984C1.85001 6.29984 12.93 -3.96016 31 1.70984C33.37 2.44984 34.69 4.97984 33.95 7.34984C33.21 9.71984 30.69 11.0398 28.31 10.2998C15.45 6.26984 7.88001 13.0098 7.56001 13.2998C6.69001 14.0898 5.60001 14.4798 4.50001 14.4798V14.4698Z" fill="%23C2EEF1"/><path d="M115.62 14.4901C114.52 14.4901 113.42 14.0901 112.55 13.2801C112.18 12.9401 104.62 6.27007 91.81 10.2901C89.44 11.0401 86.91 9.71007 86.17 7.34007C85.43 4.97007 86.75 2.44007 89.12 1.70007C107.19 -3.96993 118.26 6.29007 118.73 6.73007C120.53 8.44007 120.61 11.2901 118.89 13.0901C118.01 14.0201 116.82 14.4901 115.63 14.4901H115.62Z" fill="%23C2EEF1"/><path d="M60.0602 43.72C62.7002 43.72 65.1902 44.88 67.3702 46.94C67.7102 47.26 68.0602 46.51 67.8502 45.9C66.2202 41.28 63.3402 38.21 60.0602 38.21C56.7802 38.21 53.9002 41.28 52.2702 45.9C52.0502 46.51 52.4002 47.27 52.7502 46.94C54.9302 44.88 57.4202 43.72 60.0602 43.72Z" fill="%2373D7DF"/></g><defs><radialGradient id="paint0_radial_1061_3221" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(60.2498 69.3404) scale(27.29)"><stop stop-color="%233C457E"/><stop offset="0.15" stop-color="%233C457E" stop-opacity="0.91"/><stop offset="0.43" stop-color="%233C457E" stop-opacity="0.66"/><stop offset="0.79" stop-color="%233C457E" stop-opacity="0.26"/><stop offset="1" stop-color="%233C457E" stop-opacity="0"/></radialGradient><linearGradient id="paint1_linear_1061_3221" x1="16.4705" y1="90.6897" x2="27.3005" y2="68.5397" gradientUnits="userSpaceOnUse"><stop stop-color="%2316BDCA"/><stop offset="1" stop-color="%23D7F4F6"/></linearGradient><linearGradient id="paint2_linear_1061_3221" x1="88.1519" y1="38.4562" x2="92.4612" y2="61.7576" gradientUnits="userSpaceOnUse"><stop stop-color="%2316BDCA"/><stop offset="1" stop-color="%23D7F4F6"/></linearGradient><clipPath id="clip0_1061_3221"><rect width="120.12" height="101.91" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin: 3px;
}
.yedric-widget .message .message-content {
  color: #233876;
  font-size: 16px;
  padding: 6px 0;
}
.yedric-widget .message.server .message-content h1, .yedric-widget .message.server .message-content h2, .yedric-widget .message.server .message-content h3, .yedric-widget .message.server .message-content h4, .yedric-widget .message.server .message-content h5, .yedric-widget .message.server .message-content h6 {
  margin: 6px 0 3px 0;
  font-weight: 600;
  line-height: 1.3;
}
.yedric-widget .message.server .message-content h1 {
  font-size: 1.1em;
}
.yedric-widget .message.server .message-content h2 {
  font-size: 1.05em;
}
.yedric-widget .message.server .message-content h3 {
  font-size: 1em;
}
.yedric-widget .message.server .message-content h4 {
  font-size: 0.95em;
}
.yedric-widget .message.server .message-content h5 {
  font-size: 0.9em;
}
.yedric-widget .message.server .message-content h6 {
  font-size: 0.85em;
}
.yedric-widget .message.server .message-content p {
  margin: 0 0 1rem 0;
  line-height: 1.4;
  color: #233876;
  font-size: 16px;
}
.yedric-widget .message.server .message-content ul, .yedric-widget .message.server .message-content ol {
  margin: 0;
  padding-left: 16px;
}
.yedric-widget .message.server .message-content li {
  margin: 1px 0;
  line-height: 1.4;
  color: #233876;
  font-size: 16px;
}
.yedric-widget .message.server .message-content code {
  background: #f1f3f4;
  padding: 1px 3px;
  border-radius: 3px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 0.85em;
}
.yedric-widget .message.server .message-content pre {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 6px 10px;
  margin: 4px 0;
  overflow-x: auto;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 0.8em;
  line-height: 1.4;
}
.yedric-widget .message.server .message-content pre code {
  background: none;
  padding: 0;
  border-radius: 0;
}
.yedric-widget .message.server .message-content blockquote {
  border-left: 3px solid #1C64F2;
  margin: 4px 0;
  padding-left: 10px;
  color: #666;
  font-style: italic;
}
.yedric-widget .message.server .message-content strong {
  font-weight: 600;
}
.yedric-widget .message.server .message-content em {
  font-style: italic;
}
.yedric-widget .message.server .message-content a {
  color: #1C64F2;
  text-decoration: none;
}
.yedric-widget .message.server .message-content a:hover {
  text-decoration: underline;
}
.yedric-widget .message.server .message-content hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 6px 0;
}
.yedric-widget .message.server .message-content table {
  border-collapse: collapse;
  margin: 4px 0;
  width: 100%;
}
.yedric-widget .message.server .message-content th, .yedric-widget .message.server .message-content td {
  border: 1px solid #e0e0e0;
  padding: 4px 6px;
  text-align: left;
}
.yedric-widget .message.server .message-content th {
  background: #f8f9fa;
  font-weight: 600;
}
.yedric-widget .chat-input-container {
  padding: 0 16px 36px 16px;
  flex-direction: column !important;
  align-items: center !important;
}
.yedric-widget .video-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 900px;
  margin-left: -25%;
}
@media (max-width: 991px) {
  .yedric-widget .video-container {
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    order: 2;
  }
}
.yedric-widget .video-container .yedric-video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background-color: transparent;
  background-image: url(/bg_yedric.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.yedric-widget .yedric-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 900px;
  min-height: 506.25px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .yedric-widget .yedric-video {
    min-width: auto;
    min-height: auto;
  }
}
.yedric-widget .yedric-video.circle {
  width: 80px;
  border-radius: 50%;
  border: 3px solid #1C64F2;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.yedric-widget .chat-input-form {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #C3DDFD;
  padding: 30px;
  flex: 1;
  width: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075);
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  animation: pulse-border 1.5s infinite alternate;
}
@media (max-width: 990px) {
  .yedric-widget .chat-input-form {
    padding: 10px;
  }
}
.yedric-widget .chat-input {
  flex: 1;
  padding: 10px;
  border: none;
  background: transparent;
  font-size: 16px;
  outline: none;
  color: #333;
  border-radius: 6px;
}
.yedric-widget .chat-input::placeholder {
  color: #9ca3af;
}
.yedric-widget .chat-input:disabled {
  background: #f3f4f6;
  color: #9ca3af;
  cursor: not-allowed;
}
.yedric-widget .chat-input:disabled::placeholder {
  color: #d1d5db;
}
.yedric-widget .send-button {
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  background: #E74694;
  color: white;
  width: 48px;
  height: 38px;
  border-radius: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yedric-widget .send-button:hover {
  background: #1A56DB;
}
.yedric-widget .send-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.yedric-widget .send-button:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}
.yedric-widget .send-button svg {
  width: 100%;
  width: 12px;
  height: 12px;
}
.yedric-widget .typing-indicator {
  display: none;
  margin-bottom: 0px;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
  padding: 28px;
  overflow-y: auto;
}
.yedric-widget .typing-indicator.show {
  display: flex;
}
.yedric-widget .typing-content {
  padding: 8px 14px;
  background: white;
  border-radius: 16px;
  border-bottom-left-radius: 4px;
  max-width: 75%;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.yedric-widget .typing-dots {
  display: flex;
  gap: 3px;
}
.yedric-widget .typing-dot {
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 50%;
  animation: chat-widget-typing 1.4s infinite ease-in-out;
}
.yedric-widget .typing-dot:nth-child(1) {
  animation-delay: -0.32s;
}
.yedric-widget .typing-dot:nth-child(2) {
  animation-delay: -0.16s;
}
.yedric-widget .connection-status {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 500;
  z-index: 1000;
}
.yedric-widget .connection-status.connected {
  background: #28a745;
  color: white;
}
.yedric-widget .connection-status.disconnected {
  background: #dc3545;
  color: white;
}
.yedric-widget .welcome-message {
  text-align: center;
  padding: 30px 16px;
  color: #666;
}
.yedric-widget .welcome-message h3 {
  margin-bottom: 8px;
  color: #333;
  font-size: 16px;
}
.yedric-widget .welcome-message p {
  font-size: 13px;
}
.yedric-widget .flow-selector {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #e0e0e0;
}
.yedric-widget .flow-selector select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
}
.yedric-widget .start-chat-btn {
  width: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 8px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.yedric-widget .start-chat-btn:hover {
  transform: translateY(-1px);
}
.yedric-widget .start-chat-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.yedric-widget .streaming-cursor {
  animation: chat-widget-blink 1s infinite;
  color: #007bff;
  font-weight: bold;
}
.yedric-widget .message.streaming {
  opacity: 0.9;
}
.yedric-widget .message.streaming .message-content {
  position: relative;
}

@keyframes chat-widget-typing {
  0%, 80%, 100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes chat-widget-blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
@media (max-width: 400px) {
  .yedric-widget .message-content {
    max-width: 85%;
  }
  .yedric-widget .chat-header h1 {
    font-size: 16px;
  }
}

/*# sourceMappingURL=yedric.css.map */