#copilot-root {
  display: none;
}
#curatu-root {
  display: none;
}


#copilot-chat-launcher {
  width: 100px;
  height: 100px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 1000;
  background: none;
  border: none;
  padding: 0;
}

#copilot-chat-launcher img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.copilot-notification-dot {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 12px;
  height: 12px;
  background-color: #DA291C;
  border-radius: 50%;
  display: none;
}

.copilot-chat-banner-title {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 16px;
}

.copilot-caa-logo {
  height: 33px;
  width: auto;
}

.copilot-chat-banner-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
}

#copilot-chat-container {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: min(430px, 100vw);
  height: min(600px, 90%);
  background: #fff;
  z-index: 1001;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

#copilot-chat-banner {
  height: 65px;
  width: 100%;
  background: #003087;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  position: absolute;
}

#copilot-chat-iframe {
  flex: 1;
  border: none;
  display: none;
}

#copilot-chat-container.copilot-expanded {
  width: 90%;
  max-width: 1280px;
  height: 90%;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

#copilot-expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: white;
  border: 1px solid transparent;
}

.copilot-expand-icon {
  stroke: currentColor;
}

#copilot-minimize-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: white;
  border: 1px solid transparent;
}

.copilot-minimize-icon {
  stroke: currentColor;
}

#copilot-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: white;
  border: 1px solid transparent;
}

#copilot-close-btn:hover, #copilot-minimize-btn:hover, #copilot-expand-btn:hover {
  border: 1px solid #fff
}

.copilot-close-icon {
  stroke: currentColor;
}

/* Update the notification bubble styles */
.copilot-notification-bubble {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 150px;
  height: 100px;
  display: none;
  z-index: 1000;
}

.copilot-notification-bubble::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='75' viewBox='0 0 122 75' fill='none'%3E%3Cg filter='url(%23filter0_d_38_2442)'%3E%3Cpath d='M10.4617 16C10.4617 12.6863 13.148 10 16.4617 10H106C109.314 10 112 12.6863 112 16V50.1878C112 53.5016 109.314 56.1878 106 56.1878H48.7516C47.3761 56.1878 46.4111 57.5442 46.8622 58.8436L48.6184 63.9038C48.7623 64.3182 48.3408 64.7037 47.9408 64.5237L31.9697 57.3337C30.292 56.5784 28.473 56.1878 26.6331 56.1878H16.4617C13.148 56.1878 10.4617 53.5016 10.4617 50.1878V16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_38_2442' x='0.46167' y='0' width='121.538' height='74.5691' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_38_2442'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_38_2442' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Update the content positioning */
.copilot-notification-text {
  position: relative;
  padding: 25px;
  margin: 0;
  color: #020c27;
  font-size: 14px;
}

.copilot-notification-close {
  position: absolute;
  right: 12px;
  top: -5px;
  background-color: grey;
  border: none;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  z-index: 3000
}

.copilot-chat-overlay {
  display: none;
  align-items: normal;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 1002;
  padding: 2rem;
}

.copilot-chat-overlay-content {
  text-align: left;
  margin-bottom: 2rem;
  color: #00121f;
}

.copilot-chat-overlay-title {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 20px;
}

.copilot-chat-overlay-buttons {
  display: flex;
  justify-content: space-between;
}

.copilot-overlay-btn {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.copilot-back-btn {
  background-color: transparent;
  color: #003087;
  font-weight: 600;
  padding-left: 0;
  font-size: 14px;
}

.copilot-end-btn {
  background-color: #003087;
  color: white;
  font-weight: 600;
  border-radius: 6px;
  padding: 15px 25px;
  font-size: 14px;
}

@media screen and (max-width: 450px) {
  #copilot-chat-container {
    right: 0;
    bottom: 0;
  }
}