.assistant-form {
  margin-top: 10px;
}

.assistant-answer-wrap {
  margin-top: 10px;
}

.assistant-answer {
  padding: 12px 14px;
  white-space: pre-wrap;
  line-height: 1.5;
}

.assistant-chat-wrap .assistant-logo-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-image: url("/assets/logos/HayatiBank.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  border: 1px solid rgba(91, 216, 243, 0.8);
  box-shadow:
    0 0 0 2px rgba(6, 17, 47, 0.85),
    0 0 18px rgba(0, 224, 255, 0.38),
    0 0 30px rgba(0, 224, 255, 0.2);
  overflow: hidden;
}

.assistant-chat-wrap .assistant-logo-avatar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.28), transparent 42%);
  pointer-events: none;
}

.assistant-chat-wrap .assistant-logo-avatar::after {
  content: "";
  position: absolute;
  inset: -65% -120%;
  background: linear-gradient(120deg, transparent 36%, rgba(255, 255, 255, 0.35), transparent 64%);
  transform: translateX(-45%) rotate(12deg);
  animation: assistantLogoShimmer 4.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes assistantLogoShimmer {
  0% {
    transform: translateX(-70%) rotate(12deg);
    opacity: 0.05;
  }
  28% {
    transform: translateX(28%) rotate(12deg);
    opacity: 0.35;
  }
  55% {
    transform: translateX(90%) rotate(12deg);
    opacity: 0.05;
  }
  100% {
    transform: translateX(90%) rotate(12deg);
    opacity: 0.05;
  }
}

.assistant-chat-wrap .assistant-logo-avatar-msg {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-image: url("/assets/logos/HayatiBank.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(91, 216, 243, 0.72);
  box-shadow: 0 0 10px rgba(0, 224, 255, 0.3);
  color: transparent;
}

.assistant-chat-wrap .msg-avatar-user {
  background: linear-gradient(135deg, #00d8ff, #3567ff);
}

.assistant-chat-wrap .msg-sender {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #b7dfff;
}