/*
 * Surfaces plein écran stables pour Chrome/Samsung Internet et iOS.
 * Aucun flou ni transform 3D : ces effets produisent des aplats et des copies
 * de calques lorsque le clavier redimensionne la fenêtre visuelle.
 */
body.event-detail-open,
body.private-chat-open{overflow:hidden!important}

.event-detail-overlay,
.private-chat-sheet{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  will-change:auto!important;
  contain:none!important;
  isolation:auto!important;
}

.event-detail-overlay{
  inset:0!important;
  padding:0!important;
  background:rgba(24,29,42,.72)!important;
}
.event-detail-panel{
  display:flex!important;
  width:min(760px,100%)!important;
  height:var(--vsc-dialog-height,100dvh)!important;
  max-height:var(--vsc-dialog-height,100dvh)!important;
  flex-direction:column!important;
  overflow:hidden!important;
  transform:none!important;
  transition:none!important;
  contain:none!important;
  will-change:auto!important;
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
}
.event-detail-top{
  position:relative!important;
  flex:0 0 auto!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:#fff!important;
}
.event-detail-content{
  position:relative!important;
  min-height:0!important;
  flex:1 1 auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain!important;
  isolation:auto!important;
}
.event-detail-card,
.event-detail-card *{
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
}
.event-detail-card,
.event-detail-card .ev-card-actions,
.event-detail-card .event-detail-primary,
.event-detail-card .event-detail-tools{
  contain:none!important;
  transform:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.private-chat-sheet{
  z-index:13000!important;
  top:var(--vsc-dialog-top,0)!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%!important;
  height:var(--vsc-dialog-height,100dvh)!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  background:rgba(24,29,42,.72)!important;
}
.private-chat-panel{
  position:relative!important;
  display:flex!important;
  width:min(720px,100%)!important;
  height:min(820px,var(--vsc-dialog-height,100dvh))!important;
  max-height:var(--vsc-dialog-height,100dvh)!important;
  min-height:0!important;
  flex-direction:column!important;
  overflow:hidden!important;
  transform:none!important;
  filter:none!important;
  contain:none!important;
  will-change:auto!important;
  background:#f4f6f9!important;
}
.private-chat-header{
  position:relative!important;
  flex:0 0 auto!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.private-chat-messages{
  min-height:0!important;
  flex:1 1 auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain!important;
  contain:none!important;
}
.private-chat-form{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  transform:none!important;
  contain:none!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.private-chat-form textarea{
  -webkit-appearance:none;
  appearance:none;
  transform:none!important;
  filter:none!important;
  contain:none!important;
}

/* Le clavier Samsung et certains modes sombres forcés peuvent hériter d'un
   texte blanc. Chaque composeur garde donc explicitement une surface claire. */
#modal-chat .chat-input,
.private-chat-form textarea,
.group-chat-sheet #group-post-body,
.community-sheet-panel textarea{
  color-scheme:light!important;
  color:#202338!important;
  -webkit-text-fill-color:#202338!important;
  caret-color:#d95132!important;
  opacity:1!important;
}
#modal-chat .chat-input::placeholder,
.private-chat-form textarea::placeholder,
.group-chat-sheet #group-post-body::placeholder,
.community-sheet-panel textarea::placeholder{
  color:#7b8392!important;
  -webkit-text-fill-color:#7b8392!important;
  opacity:1!important;
}

@media(max-width:740px){
  .event-detail-panel,
  .private-chat-panel{
    width:100%!important;
    height:var(--vsc-dialog-height,100dvh)!important;
    max-height:var(--vsc-dialog-height,100dvh)!important;
    border-radius:0!important;
  }
  .event-detail-overlay,
  .private-chat-sheet{background:#f4f6f9!important}
}