/* --- Side Sheet Custom Styles --- */
#sideSheet {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 100%;
    max-width: 28rem; /* Equivalent to max-w-md */
    z-index: 1200;
    background-color: #f9f9f9;
}
.translate-x-open { transform: translateX(0); }
.translate-x-closed { transform: translateX(calc(100% + 1rem)); }

#sideSheet.sheet-is-fullscreen {
  width: auto;
  height: auto;
  max-width: none;
}

@media (max-width: 551px) {
  #sideSheet.sheet-is-fullscreen {
    z-index: 1200;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

#fullscreenBtn .show{
  display: block;
}

#fullscreenBtn .hide{
  display: hidden;
}

@media (min-width: 552px) {
  #sideSheet.sheet-is-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 1rem;
  }

  #sideSheet {
    border-radius: 1rem; /* Equivalent to rounded-2xl */
  }
}


@media (max-width: 551px) {
  #sideSheet{
    height: '';
  }

  #fullscreenBtn{
    display: none;;
  }
}

#chatLog {
    height: 100%;
    overflow-y: auto;
    display: flex;
    border-radius: 1rem;
}

#chatLog::-webkit-scrollbar { width: 5px; }
#chatLog::-webkit-scrollbar-track { background: transparent; }
#chatLog::-webkit-scrollbar-thumb { background: #d1d1d1; border-radius: 3px; }

.chat-bubble-wrapper { animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

.feedback-btn {
      color: rgba(35, 45, 75, 0.6);
}
.feedback-btn:hover { 
    background-color: rgba(35, 45, 75, 0.05); 
    text-decoration: none;
}
.feedback-btn.active { color: #DC5300; }

.material-symbols-outlined { 
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; 
    vertical-align: middle; /* Helps align icons in buttons */
}

.menu-link { color: #232D4B; }
.menu-link:hover { background-color: rgba(35, 45, 75, 0.05); }

/* Styles for new initial state */
.prompt-section-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #232D4B;
    margin-bottom: 0.5rem;
    padding: 0 0.5rem;
}

/* body.sheet-is-open { */
    /* Shrink the body's width to make space for the side sheet. */
    /* width: calc(100% - 29rem); */
/* } */

/* In fullscreen, the panel is an overlay, so the body should be full width again. */
.sheet-is-open.sheet-is-fullscreen {
    width: 100%;
}

/* --- End NEW Dropdown Styles --- */

/* Custom button for icons */
.btn-icon {
    padding: 0.5rem;
    border-radius: 50%;
    line-height: 1;
}
.btn-icon:hover {
    background-color: #e9ecef; /* bg-gray-200 */
}

.align-items-center {
  align-items: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.align-items-center {
  align-items: center !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.bg-transparent {
  background-color: transparent !important;
}

#dropdownMenu.dropdown-menu.show.open {
  display: block;
  left: auto;
  right: 0;
  z-index: 1300;
}