/* chainlit footer */
.watermark {
    display: none !important;
}


/* --- Custom Microphone Icon --- */


#chat-settings-open-modal + div > button {

  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 4V6.5C2.5 9.26142 4.73858 11.5 7.5 11.5M12.5 4V6.5C12.5 9.26142 10.2614 11.5 7.5 11.5M7.5 11.5V15M5 14.5H10M9.5 2.5V6.5C9.5 7.60457 8.60457 8.5 7.5 8.5C6.39543 8.5 5.5 7.60457 5.5 6.5V2.5C5.5 1.39543 6.39543 0.5 7.5 0.5C8.60457 0.5 9.5 1.39543 9.5 2.5Z" stroke="currentColor" stroke-width="1.5"/%3E%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55%; 
}
#chat-settings-open-modal + div > button > svg {
  display: none;
}



/*
The resizable panel uses an inline style for the flex property.
We need to use !important to override it.
We target the last panel, which is the ElementSideView.

[data-panel-group-id] > [data-panel]:last-of-type {
  flex: 0.5 1 0px !important;
}
  */