/* SOFLASHBACK | Restauracao visual segura (10/11/2026)
 * Somente apresentacao: nenhuma alteracao em eventos, dados, PHP ou APIs.
 * Corrige conflito entre guestbook.css (display:none!important) e colunas desktop.
 */
@media (min-width: 701px) {
  body:not(.sf-mural-embedded) .app {
    width: 100% !important;
    max-width: none !important;
    background: #080e22 !important;
  }
  body:not(.sf-mural-embedded) .chat-workspace {
    display: grid !important;
    grid-template-columns: minmax(0, 63fr) minmax(280px, 37fr) !important;
    gap: 0 !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: rgba(6, 11, 29, .88) !important;
  }
  body:not(.sf-mural-embedded) .chat-left {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: rgba(8, 13, 36, .76) !important;
    border-right: 1px solid rgba(25, 207, 255, .43) !important;
  }
  body:not(.sf-mural-embedded) #onlineDock.online-dock {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(150deg,rgba(7,16,39,.94),rgba(19,12,43,.90)) !important;
    border-left: 1px solid rgba(221, 73, 250, .5) !important;
    color: #f5f7ff !important;
  }
  body:not(.sf-mural-embedded) #onlineDock .online-dock-head {
    display: flex !important;
    background: linear-gradient(105deg,rgba(22,158,234,.30),rgba(188,53,233,.24)) !important;
    border-bottom: 1px solid rgba(51,191,255,.5) !important;
    min-height: 48px !important;
    flex-shrink: 0 !important;
  }
  body:not(.sf-mural-embedded) #onlineDockList.online-dock-list {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 8px !important;
  }
  body:not(.sf-mural-embedded) #feed.feed {
    min-height: 0 !important;
    background: linear-gradient(120deg,rgba(5,15,38,.82),rgba(19,12,42,.75)) !important;
    color: #f2f7ff !important;
  }
  body:not(.sf-mural-embedded) .composer {
    flex: 0 0 auto !important;
    background: rgba(9,13,32,.88) !important;
    border-top: 1px solid rgba(43,203,255,.44) !important;
  }
}
/* O modo incorporado mantém a sua própria montagem e mostra o vídeo do site por trás. */
html:has(body.sf-mural-embedded),body.sf-mural-embedded,
body.sf-mural-embedded .app,body.sf-mural-embedded .chat-workspace,
body.sf-mural-embedded .chat-left,body.sf-mural-embedded #feed {
  background-color: transparent !important;
}
body.sf-mural-embedded .chat-workspace,body.sf-mural-embedded .chat-left {
  background-image: none !important;
}
body.sf-mural-embedded #feed { background-image: none !important; }
@media (max-width: 700px) {
  body:not(.sf-mural-embedded) #onlineDock.online-dock {display:none!important}
}