/* One continuous glass surface for the chat header and composer. */
#chatView .chat-topbar::after,
#chatView .chat-composer::after {
  content: none !important;
  display: none !important;
}

#chatView .chat-topbar,
#chatView .chat-composer {
  border: 1px solid rgba(255, 255, 255, .72) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.38), rgba(255,255,255,.14)) !important;
  box-shadow: 0 10px 25px rgba(65, 53, 77, .17) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
}

#chatView[data-light="night"] .chat-topbar,
#chatView[data-light="night"] .chat-composer,
html[data-appearance="dark"] #chatView .chat-topbar,
html[data-appearance="dark"] #chatView .chat-composer {
  border-color: rgba(255, 255, 255, .18) !important;
  background: linear-gradient(135deg, rgba(65,54,70,.74), rgba(30,27,36,.68)) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .25) !important;
}