/* Flatcast Chat V30 - single-layer responsive mobile room theme.
   Mobile normal + mobile fullscreen only. Desktop V24/V25 layout untouched. */
@media (max-width: 767px) {
  /* Never paint the same theme on shell/pseudo/message/sidebar simultaneously. */
  .fc-chat-shell[data-chat-shell],
  .fc-chat-shell[data-chat-shell]:fullscreen,
  .fc-chat-shell[data-chat-shell]:-webkit-full-screen,
  .fc-chat-shell[data-chat-shell].is-fullscreen {
    background-image:none !important;
    background-color:#05080e !important;
  }

  .fc-chat-shell[data-chat-shell]::before,
  .fc-chat-shell[data-chat-shell]:fullscreen::before,
  .fc-chat-shell[data-chat-shell]:-webkit-full-screen::before,
  .fc-chat-shell[data-chat-shell].is-fullscreen::before {
    display:none !important;
    content:none !important;
    background-image:none !important;
  }

  /* ONE theme layer: the chat body. Works in normal mobile and fullscreen. */
  .fc-chat-shell[data-chat-shell] .fc-chat-body,
  .fc-chat-shell[data-chat-shell]:fullscreen .fc-chat-body,
  .fc-chat-shell[data-chat-shell]:-webkit-full-screen .fc-chat-body,
  .fc-chat-shell[data-chat-shell].is-fullscreen .fc-chat-body {
    background-color:#05080e !important;
    background-image:
      linear-gradient(rgba(0,0,0,var(--fc-v8-overlay,.34)),rgba(0,0,0,var(--fc-v8-overlay,.34))),
      var(--fc-room-bg-image, none) !important;
    background-size:100% 100%, contain !important;
    background-position:center center, center center !important;
    background-repeat:no-repeat, no-repeat !important;
    background-attachment:scroll !important;
    overflow:hidden !important;
  }

  /* Messages remain transparent so the body image is visible only once. */
  .fc-chat-shell[data-chat-shell] .fc-chat-messages,
  .fc-chat-shell[data-chat-shell]:fullscreen .fc-chat-messages,
  .fc-chat-shell[data-chat-shell]:-webkit-full-screen .fc-chat-messages,
  .fc-chat-shell[data-chat-shell].is-fullscreen .fc-chat-messages {
    background-color:rgba(0,0,0,.10) !important;
    background-image:none !important;
    background-repeat:no-repeat !important;
  }

  /* Drawer stays readable but does not repaint the room theme. */
  .fc-chat-shell[data-chat-shell] .fc-chat-sidebar,
  .fc-chat-shell[data-chat-shell]:fullscreen .fc-chat-sidebar,
  .fc-chat-shell[data-chat-shell]:-webkit-full-screen .fc-chat-sidebar,
  .fc-chat-shell[data-chat-shell].is-fullscreen .fc-chat-sidebar {
    background:rgba(3,7,18,.90) !important;
    background-image:none !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .fc-chat-shell[data-chat-shell] .fc-chat-topbar,
  .fc-chat-shell[data-chat-shell] .fc-chat-toolbar,
  .fc-chat-shell[data-chat-shell] .fc-chat-composer {
    background-color:rgba(8,11,18,.82) !important;
    background-image:none !important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }
}