/* Hamrah 4.12.12 Beta - Group 11.9B Dev1 R4 call stage, media gallery and interaction reconstruction */

:root{
  --g119b-r4-fast:150ms;
  --g119b-r4-medium:250ms;
  --g119b-r4-slow:300ms;
  --g119b-r4-ease:cubic-bezier(.2,.82,.2,1);
  --g119b-r4-safe-bottom:max(8px,env(safe-area-inset-bottom));
  --g119b-r4-dock-height:82px;
  --g119b-r4-layer-stage:5100;
  --g119b-r4-layer-rail:5120;
  --g119b-r4-layer-dock:5140;
  --g119b-r4-layer-overlay:5160;
  --g119b-r4-layer-modal:5200;
}

/* A hidden call or legacy viewer is never allowed to remain in the hit-testing tree. */
#g119aLayer.hidden,
#g119aLayer[aria-hidden="true"],
#g119bR2MediaViewer.hidden,
#g119bR2MediaViewer[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* -----------------------------
   R4 call-stage architecture
   ----------------------------- */

#g119aLayer.g119b-r4-call-root{
  box-sizing:border-box!important;
  isolation:isolate!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

#g119aLayer.g119b-r4-call-root .g119b-r4-shell{
  box-sizing:border-box!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  block-size:100%!important;
  max-block-size:var(--g119b-r4-viewport-height,100dvh)!important;
  overflow:hidden!important;
}

#g119aLayer.g119b-r4-call-root .g119a-body,
#g119aLayer.g119b-r4-call-root .g119b-r4-presentation,
#g119aLayer.g119b-r4-call-root .g119b-r4-stage-layout,
#g119aLayer.g119b-r4-call-root .g119b-r4-stage-slot,
#g119aLayer.g119b-r4-call-root .g119b-r4-share-main{
  min-inline-size:0!important;
  min-block-size:0!important;
  box-sizing:border-box!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-body{
  display:block!important;
  overflow:hidden!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-voice-stage{
  display:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-presentation{
  position:relative!important;
  display:block!important;
  block-size:100%!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(34,147,190,.08),transparent 38%),
    #06111c!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-stage-layout{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) var(--g119b-r4-rail-height,84px)!important;
  gap:10px!important;
  block-size:100%!important;
  padding:10px 10px 8px!important;
  overflow:hidden!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-stage-slot{
  position:relative!important;
  z-index:var(--g119b-r4-layer-stage)!important;
  display:grid!important;
  min-block-size:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#03080e!important;
  box-shadow:0 16px 48px rgba(0,0,0,.25)!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-share-main{
  position:relative!important;
  inset:auto!important;
  inline-size:100%!important;
  block-size:100%!important;
  min-block-size:0!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background:#03080e!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-header{
  position:relative!important;
  inset:auto!important;
  z-index:var(--g119b-r4-layer-overlay)!important;
  min-block-size:58px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(7,19,30,.98),rgba(7,19,30,.88))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-copy{
  min-inline-size:0!important;
  flex:1 1 auto!important;
  display:grid!important;
  gap:2px!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-copy b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.45!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  opacity:.74!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-actions{
  flex:0 0 auto!important;
  max-inline-size:min(52vw,390px)!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-actions::-webkit-scrollbar{
  display:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-actions button,
#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-viewer-controls button{
  min-inline-size:44px!important;
  min-block-size:44px!important;
  border-radius:14px!important;
  touch-action:manipulation!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-video-wrap{
  position:relative!important;
  inset:auto!important;
  inline-size:100%!important;
  block-size:100%!important;
  min-block-size:0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#02070c!important;
  touch-action:none!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-share-ambient{
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  inline-size:calc(100% + 56px)!important;
  block-size:calc(100% + 56px)!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:blur(28px) saturate(.78) brightness(.34)!important;
  transform:scale(1.08)!important;
  opacity:0!important;
  transition:opacity var(--g119b-r4-fast) ease!important;
  pointer-events:none!important;
  user-select:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-ambient="true"] .g119b-r4-share-ambient{
  opacity:.92!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-video-wrap::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.14))!important;
  pointer-events:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-share-transform{
  z-index:2!important;
  background:transparent!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-share-transform>.g119a-share-video{
  display:block!important;
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  object-fit:fill!important;
  background:transparent!important;
  pointer-events:none!important;
}

/* Self-share is a compact status surface, not a fake giant media frame. */
#g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-share-kind="SHARE_LOCAL_SELF"] .g119a-local-presenter{
  position:absolute!important;
  z-index:6!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  inline-size:min(var(--g119b-r4-self-max-width,420px),calc(100% - 28px))!important;
  block-size:auto!important;
  max-block-size:min(var(--g119b-r4-self-max-height,310px),calc(100% - 28px))!important;
  padding:22px 18px!important;
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  overflow:auto!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(45,203,184,.18),transparent 42%),
    linear-gradient(155deg,rgba(18,86,94,.9),rgba(7,25,38,.94))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-share-kind="SHARE_LOCAL_SELF"] .g119a-local-presenter-art{
  inline-size:62px!important;
  block-size:62px!important;
  border-radius:20px!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-share-kind="SHARE_LOCAL_SELF"] .g119a-local-presenter strong{
  font-size:18px!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-share-kind="SHARE_LOCAL_SELF"] .g119a-presenter-stats{
  inline-size:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-empty,
#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-overlay{
  z-index:5!important;
  pointer-events:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-overlay button,
#g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-empty button{
  pointer-events:auto!important;
}

/* Participant rail is a real layout zone. */
#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-rail-slot{
  position:relative!important;
  z-index:var(--g119b-r4-layer-rail)!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  display:block!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-participant-rail{
  position:relative!important;
  inset:auto!important;
  inline-size:100%!important;
  block-size:100%!important;
  min-block-size:0!important;
  max-block-size:none!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:72px!important;
  align-items:center!important;
  justify-content:start!important;
  gap:7px!important;
  padding:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  border-radius:20px!important;
  background:rgba(8,22,34,.76)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x proximity!important;
  touch-action:pan-x!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-participant-rail::-webkit-scrollbar{
  display:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-participant-rail .g119a-participant{
  box-sizing:border-box!important;
  inline-size:72px!important;
  block-size:72px!important;
  min-inline-size:72px!important;
  min-block-size:72px!important;
  padding:5px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  border-radius:17px!important;
  background:rgba(18,40,58,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  scroll-snap-align:start!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-participant-rail .g119a-avatar{
  inline-size:36px!important;
  block-size:36px!important;
  border-radius:12px!important;
  font-size:14px!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-participant-rail h3{
  max-inline-size:62px!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-participant-rail small{
  max-inline-size:62px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
}

.g119b-r4-legacy-hidden{
  display:none!important;
}

/* Focus: the stage becomes the viewport; rail and dock float on separate hit planes. */
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"],
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"]{
  position:fixed!important;
  inset:0!important;
  z-index:var(--g119b-r4-layer-stage)!important;
  padding:0!important;
  background:#02070c!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-shell,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-shell,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119a-body,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119a-body,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-presentation,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-presentation,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-stage-layout,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-stage-layout,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-stage-slot,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-stage-slot,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-share-main,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-share-main{
  position:fixed!important;
  inset:0!important;
  inline-size:100vw!important;
  block-size:100dvh!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#02070c!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119a-topbar,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119a-topbar{
  display:none!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119a-share-video-wrap,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119a-share-video-wrap{
  position:fixed!important;
  inset:0!important;
  inline-size:100vw!important;
  block-size:100dvh!important;
  padding:0!important;
  border-radius:0!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119a-share-header,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119a-share-header{
  position:fixed!important;
  z-index:var(--g119b-r4-layer-overlay)!important;
  top:max(8px,env(safe-area-inset-top))!important;
  inset-inline:8px!important;
  min-block-size:54px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:rgba(5,15,24,.74)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity var(--g119b-r4-fast) ease,transform var(--g119b-r4-fast) ease!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"][data-g119b-r2-controls="hidden"] .g119a-share-header,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"][data-g119b-r2-controls="hidden"] .g119a-share-header{
  opacity:0!important;
  transform:translateY(-14px)!important;
  pointer-events:none!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-rail-slot,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"][data-g119b-r2-participants="open"] .g119b-r4-rail-slot{
  position:fixed!important;
  z-index:var(--g119b-r4-layer-rail)!important;
  inset:auto 12px calc(var(--g119b-r4-dock-height) + var(--g119b-r4-safe-bottom) + 14px) 12px!important;
  inline-size:min(74vw,430px)!important;
  block-size:82px!important;
  min-block-size:82px!important;
  max-block-size:82px!important;
  overflow:visible!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity var(--g119b-r4-fast) ease,transform var(--g119b-r4-fast) ease!important;
  pointer-events:auto!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-rail-slot{
  opacity:0!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"][data-g119b-r2-rail="hidden"] .g119b-r4-rail-slot{
  opacity:0!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
}

/* -----------------------------
   Call dock and More sheet
   ----------------------------- */

#g119aLayer.g119b-r4-call-root .g119b-r4-call-dock{
  position:relative!important;
  z-index:var(--g119b-r4-layer-dock)!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-inline-size:0!important;
  min-block-size:78px!important;
  padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  overflow:visible!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:rgba(4,14,23,.96)!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  touch-action:manipulation!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock .g119a-control{
  position:relative!important;
  z-index:1!important;
  flex:0 1 76px!important;
  inline-size:clamp(56px,12vw,76px)!important;
  min-inline-size:56px!important;
  max-inline-size:76px!important;
  min-block-size:60px!important;
  block-size:60px!important;
  padding:6px 4px!important;
  display:grid!important;
  place-items:center!important;
  gap:3px!important;
  border-radius:18px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock .g119a-control small{
  display:block!important;
  max-inline-size:68px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.2!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock .g119a-control.hidden{
  display:none!important;
  pointer-events:none!important;
}

#g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock .g119b-r4-more>span{
  font-size:18px!important;
  letter-spacing:2px!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"] .g119b-r4-call-dock,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"] .g119b-r4-call-dock{
  position:fixed!important;
  z-index:var(--g119b-r4-layer-dock)!important;
  inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px!important;
  inline-size:auto!important;
  min-block-size:var(--g119b-r4-dock-height)!important;
  block-size:var(--g119b-r4-dock-height)!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:rgba(5,15,24,.78)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity var(--g119b-r4-fast) ease,transform var(--g119b-r4-fast) ease!important;
}

#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FOCUS"][data-g119b-r2-controls="hidden"] .g119b-r4-call-dock,
#g119aLayer.g119b-r4-call-root[data-g119b-r4-mode="CALL_ACTIVE_SHARE_FULLSCREEN"][data-g119b-r2-controls="hidden"] .g119b-r4-call-dock{
  opacity:0!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
}

.g119b-r4-more-sheet{
  position:fixed!important;
  inset:0!important;
  z-index:var(--g119b-r4-layer-modal)!important;
  display:grid!important;
  align-items:end!important;
  pointer-events:auto!important;
}

.g119b-r4-more-sheet.hidden{
  display:none!important;
  pointer-events:none!important;
}

.g119b-r4-sheet-scrim{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border:0!important;
  background:rgba(0,0,0,.46)!important;
  opacity:1!important;
  pointer-events:auto!important;
}

.g119b-r4-sheet-panel{
  position:relative!important;
  z-index:1!important;
  inline-size:min(100%,520px)!important;
  max-block-size:min(72dvh,590px)!important;
  justify-self:center!important;
  display:grid!important;
  gap:10px!important;
  padding:8px 10px calc(12px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px 24px 0 0!important;
  background:rgba(8,22,34,.98)!important;
  box-shadow:0 -20px 60px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  transform:translateY(0)!important;
  opacity:1!important;
  transition:transform var(--g119b-r4-medium) var(--g119b-r4-ease),opacity var(--g119b-r4-fast) ease!important;
  pointer-events:auto!important;
}

.g119b-r4-more-sheet[data-open="false"] .g119b-r4-sheet-panel{
  transform:translateY(18px)!important;
  opacity:0!important;
}

.g119b-r4-sheet-handle{
  justify-self:center!important;
  inline-size:42px!important;
  block-size:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.24)!important;
}

.g119b-r4-sheet-panel>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-block-size:42px!important;
}

#g119bR4MoreClose{
  inline-size:42px!important;
  block-size:42px!important;
  border-radius:14px!important;
}

.g119b-r4-more-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:auto!important;
}

.g119b-r4-more-actions .g119a-control{
  min-inline-size:0!important;
  min-block-size:72px!important;
  inline-size:100%!important;
  max-inline-size:none!important;
  padding:8px!important;
  border-radius:18px!important;
  pointer-events:auto!important;
}

/* Passive call/share layers never steal Windows clicks. */
#g119aLayer .g119b-r4-share-ambient,
#g119aLayer .g119b-r3-share-backdrop,
#g119aLayer .g119a-share-video-wrap::after,
#g119aLayer .g119a-quality-debug{
  pointer-events:none!important;
}

#g119aLayer .g119a-share-overlay.hidden,
#g119aLayer .g119a-share-empty.hidden,
#g119aLayer .g119a-local-presenter.hidden,
#g119aLayer .g119b-r2-view-menu.hidden,
#g119aLayer .g119b-r4-more-sheet.hidden{
  pointer-events:none!important;
}

/* -----------------------------
   Telegram-quality media bubble
   ----------------------------- */

button.attachment-image-button.g119b-r4-media-frame,
button.g7-media-card.g119b-r4-media-frame{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  inline-size:min(var(--g119b-r4-media-width,300px),calc(100vw - 36px))!important;
  block-size:min(var(--g119b-r4-media-height,225px),62dvh)!important;
  min-inline-size:96px!important;
  min-block-size:96px!important;
  max-inline-size:min(460px,82vw)!important;
  max-block-size:620px!important;
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--surface-2,#102233) 88%,transparent)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.15)!important;
  cursor:zoom-in!important;
  line-height:0!important;
  isolation:isolate!important;
  contain:layout paint!important;
  transform:none!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  transition:inline-size var(--g119b-r4-medium) var(--g119b-r4-ease),block-size var(--g119b-r4-medium) var(--g119b-r4-ease),opacity var(--g119b-r4-fast) ease!important;
}

button.attachment-image-button.g119b-r4-media-frame img,
button.g7-media-card.g119b-r4-media-frame img{
  display:block!important;
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  margin:0!important;
  border-radius:inherit!important;
  object-position:center!important;
  background:transparent!important;
  transform:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  pointer-events:none!important;
}

button.g119b-r4-media-frame[data-g119b-r4-extreme="true"] img{
  object-fit:contain!important;
}

button.g119b-r4-media-frame[data-g119b-r4-ready="false"] img{
  opacity:.02!important;
}

button.g119b-r4-media-frame[data-g119b-r4-ready="true"] img{
  opacity:1!important;
}

button.g119b-r4-media-frame::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(108deg,rgba(255,255,255,.025) 18%,rgba(255,255,255,.09) 46%,rgba(255,255,255,.025) 74%)!important;
  background-size:220% 100%!important;
  animation:g119bR4MediaSkeleton 1.2s linear infinite!important;
  pointer-events:none!important;
}

button.g119b-r4-media-frame[data-g119b-r4-ready="true"]::before,
button.g119b-r4-media-frame[data-g119b-r4-error="true"]::before{
  display:none!important;
}

button.g119b-r4-media-frame[data-g119b-r4-error="true"]::after{
  content:"نمایش تصویر ممکن نشد"!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  color:#dce9f2!important;
  background:linear-gradient(145deg,#0a1926,#102638)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.7!important;
  text-align:center!important;
  pointer-events:none!important;
}

.g119b-r2-upload-bubble{
  background:transparent!important;
  padding:0!important;
  overflow:visible!important;
}

.g119b-r2-upload-preview{
  inline-size:min(var(--g119b-r4-media-width,300px),82vw)!important;
  block-size:auto!important;
  aspect-ratio:var(--g119b-r2-upload-aspect,4/3)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface-2,#102233) 88%,transparent)!important;
}

.g119b-r2-upload-preview>img{
  object-fit:cover!important;
  background:transparent!important;
}

@keyframes g119bR4MediaSkeleton{
  from{background-position:120% 0}
  to{background-position:-120% 0}
}

/* -----------------------------
   Independent conversation gallery
   ----------------------------- */

body.g119b-r4-gallery-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

.g119b-r4-gallery{
  --g119b-r4-swipe-x:0px;
  --g119b-r4-dismiss-y:0px;
  --g119b-r4-dismiss-opacity:1;
  position:fixed!important;
  inset:0!important;
  z-index:6000!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 56px!important;
  grid-template-rows:minmax(0,1fr)!important;
  overflow:hidden!important;
  background:rgba(2,6,10,var(--g119b-r4-dismiss-opacity))!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:none!important;
  isolation:isolate!important;
  transition:opacity var(--g119b-r4-fast) ease,background-color var(--g119b-r4-fast) ease!important;
}

.g119b-r4-gallery.hidden,
.g119b-r4-gallery[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.g119b-r4-gallery.g119b-r4-gallery-closing{
  opacity:0!important;
  pointer-events:none!important;
}

.g119b-r4-gallery-ambient{
  position:fixed!important;
  inset:-32px!important;
  z-index:0!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  filter:blur(30px) saturate(.8) brightness(.31)!important;
  transform:scale(1.08)!important;
  opacity:.92!important;
  pointer-events:none!important;
}

.g119b-r4-gallery::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  background:rgba(0,0,0,.28)!important;
  pointer-events:none!important;
}

.g119b-r4-gallery-toolbar{
  position:fixed!important;
  z-index:8!important;
  top:max(8px,env(safe-area-inset-top))!important;
  inset-inline:8px!important;
  min-block-size:56px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:19px!important;
  background:rgba(5,14,23,.72)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.25)!important;
  opacity:1!important;
  transform:none!important;
  transition:opacity var(--g119b-r4-fast) ease,transform var(--g119b-r4-fast) ease!important;
  pointer-events:auto!important;
}

.g119b-r4-gallery[data-controls="hidden"] .g119b-r4-gallery-toolbar{
  opacity:0!important;
  transform:translateY(-14px)!important;
  pointer-events:none!important;
}

.g119b-r4-gallery-action{
  min-inline-size:44px!important;
  min-block-size:44px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font:inherit!important;
  font-weight:800!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

.g119b-r4-gallery-copy{
  min-inline-size:0!important;
  flex:1 1 auto!important;
  display:grid!important;
  gap:2px!important;
}

.g119b-r4-gallery-copy strong,
.g119b-r4-gallery-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.g119b-r4-gallery-copy strong{font-size:13px!important}
.g119b-r4-gallery-copy small{font-size:10px!important;opacity:.74!important}

.g119b-r4-gallery-actions{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}

.g119b-r4-gallery-stage{
  position:fixed!important;
  inset:0!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  padding:max(72px,calc(env(safe-area-inset-top) + 64px)) max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
  touch-action:none!important;
  transform:translate3d(var(--g119b-r4-swipe-x),var(--g119b-r4-dismiss-y),0)!important;
  pointer-events:auto!important;
}

.g119b-r4-gallery-image{
  display:block!important;
  max-inline-size:100%!important;
  max-block-size:100%!important;
  inline-size:auto!important;
  block-size:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:0 18px 58px rgba(0,0,0,.32)!important;
  transform-origin:center!important;
  will-change:transform!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  pointer-events:none!important;
}

.g119b-r4-gallery-error{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  padding:12px 16px!important;
  border-radius:14px!important;
  background:rgba(8,20,31,.9)!important;
  color:#e4edf4!important;
}

.g119b-r4-gallery-error.hidden{display:none!important}

.g119b-r4-gallery-nav{
  position:fixed!important;
  z-index:9!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  inline-size:46px!important;
  block-size:58px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:rgba(5,14,23,.65)!important;
  color:#fff!important;
  font-size:28px!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  opacity:1!important;
  pointer-events:auto!important;
}

.g119b-r4-gallery-nav.previous{inset-inline-start:8px!important}
.g119b-r4-gallery-nav.next{inset-inline-end:8px!important}
.g119b-r4-gallery-nav:disabled{opacity:.28!important;pointer-events:none!important}

.g119b-r4-gallery[data-controls="hidden"] .g119b-r4-gallery-nav{
  opacity:0!important;
  pointer-events:none!important;
}

/* Voice and message controls remain top hit targets after every overlay transition. */
.voice-core-ui,
.voice-core-play,
.voice-core-wave,
.voice-core-rate,
.g119b-r4-voice-hit-target{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

.voice-core-audio{
  pointer-events:none!important;
}

/* -----------------------------
   Responsive behavior
   ----------------------------- */

@media(max-width:820px){
  :root{
    --g119b-r4-dock-height:78px;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-stage-layout{
    gap:8px!important;
    padding:8px 8px 6px!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-header{
    min-block-size:54px!important;
    padding:6px 8px!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"] .g119a-share-actions{
    max-inline-size:54vw!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock{
    justify-content:space-between!important;
    gap:5px!important;
    min-block-size:78px!important;
    padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock .g119a-control{
    flex:1 1 0!important;
    inline-size:auto!important;
    min-inline-size:50px!important;
    max-inline-size:68px!important;
    min-block-size:58px!important;
    block-size:58px!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"] .g119b-r4-call-dock .g119a-control small{
    max-inline-size:58px!important;
    font-size:8px!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-share-kind="SHARE_LOCAL_SELF"] .g119a-presenter-stats{
    display:none!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-share-kind="SHARE_LOCAL_SELF"] .g119a-local-presenter{
    padding:22px 16px!important;
  }

  button.attachment-image-button.g119b-r4-media-frame,
  button.g7-media-card.g119b-r4-media-frame{
    max-inline-size:82vw!important;
  }

  .g119b-r4-gallery{
    grid-template-columns:1fr!important;
  }

  .g119b-r4-gallery-nav{
    display:none!important;
  }

  .g119b-r4-gallery-toolbar{
    min-block-size:52px!important;
    border-radius:18px!important;
  }
}

@media(orientation:landscape) and (max-height:560px){
  #g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-mode="CALL_ACTIVE_SHARE_GRID"] .g119b-r4-stage-layout{
    grid-template-columns:minmax(0,1fr) 88px!important;
    grid-template-rows:minmax(0,1fr)!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-mode="CALL_ACTIVE_SHARE_GRID"] .g119b-r4-rail-slot{
    grid-column:2!important;
    grid-row:1!important;
    block-size:100%!important;
  }

  #g119aLayer.g119b-r4-call-root[data-share="active"][data-g119b-r4-mode="CALL_ACTIVE_SHARE_GRID"] .g119b-r4-participant-rail{
    grid-auto-flow:row!important;
    grid-template-columns:1fr!important;
    grid-auto-columns:auto!important;
    grid-auto-rows:72px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
  }
}

@media(prefers-reduced-motion:reduce){
  :root{
    --g119b-r4-fast:0ms;
    --g119b-r4-medium:0ms;
    --g119b-r4-slow:0ms;
  }

  button.g119b-r4-media-frame::before{
    animation:none!important;
  }

  .g119b-r4-gallery,
  .g119b-r4-gallery-toolbar,
  .g119b-r4-sheet-panel,
  #g119aLayer.g119b-r4-call-root .g119a-share-header,
  #g119aLayer.g119b-r4-call-root .g119b-r4-call-dock,
  #g119aLayer.g119b-r4-call-root .g119b-r4-rail-slot{
    transition:none!important;
  }
}


/* =====================================================================
   Group 11.9B Dev1 R5 — Call UI, file delivery and media polish
   ===================================================================== */
#g119aLayer[data-g119b-r5-visibility="visible"]{
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}
#g119aLayer[data-g119b-r5-visibility="hidden"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.bubble.g119b-r5-media-bubble{
  padding:3px!important;
  overflow:hidden!important;
  max-inline-size:min(96vw,560px)!important;
  background:color-mix(in srgb,var(--bubble,#16344f) 92%,transparent)!important;
}
.bubble.g119b-r5-media-bubble > .attachment-image-button{
  margin:0!important;
}
button.g119b-r4-media-frame[data-g119b-r5-media-mode="natural"] img,
button.g119b-r4-media-frame[data-g119b-r5-media-mode="panorama"] img{
  object-fit:contain!important;
}
button.g119b-r4-media-frame[data-g119b-r5-media-mode="tall-preview"]{
  position:relative;
}
button.g119b-r4-media-frame[data-g119b-r5-media-mode="tall-preview"] img{
  object-fit:cover!important;
  object-position:center top!important;
}
button.g119b-r4-media-frame[data-g119b-r5-media-mode="tall-preview"]::after{
  content:"مشاهدهٔ تصویر کامل";
  position:absolute;
  inset-inline:10px;
  inset-block-end:10px;
  z-index:3;
  padding:8px 10px;
  border-radius:999px;
  color:#fff;
  background:rgba(3,15,26,.72);
  backdrop-filter:blur(10px);
  font-size:.72rem;
  font-weight:800;
  pointer-events:none;
}

.attachment-file.power-download{
  --download-progress:0%;
  inline-size:min(100%,430px)!important;
  min-block-size:82px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 12px!important;
  border:1px solid color-mix(in srgb,var(--primary,#168fd0) 24%,transparent)!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  color:inherit!important;
  text-align:start!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.attachment-file.power-download:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--primary,#168fd0) 52%,transparent)!important;
}
.attachment-file.power-download:active{transform:scale(.985)}
.attachment-file.power-download:disabled{cursor:progress;opacity:.86}
.attachment-file-icon{
  inline-size:54px;
  block-size:60px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#168fd0,#0d5c91);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.attachment-file[data-file-family="pdf"] .attachment-file-icon{background:linear-gradient(145deg,#ef5350,#9d2222)}
.attachment-file[data-file-family="archive"] .attachment-file-icon{background:linear-gradient(145deg,#ffb74d,#b06a00)}
.attachment-file[data-file-family="app"] .attachment-file-icon{background:linear-gradient(145deg,#66bb6a,#237b35)}
.attachment-file[data-file-family="document"] .attachment-file-icon{background:linear-gradient(145deg,#42a5f5,#175b99)}
.attachment-file[data-file-family="sheet"] .attachment-file-icon{background:linear-gradient(145deg,#26a69a,#11635c)}
.attachment-file[data-file-family="slides"] .attachment-file-icon{background:linear-gradient(145deg,#ff7043,#a53819)}
.attachment-file-icon b{font-size:.72rem;letter-spacing:.04em;max-inline-size:48px;overflow:hidden;text-overflow:ellipsis}
.attachment-file-copy{min-inline-size:0;display:grid;gap:3px}
.attachment-file-name{min-inline-size:0;display:flex;align-items:baseline;gap:1px;direction:ltr;text-align:start}
.attachment-file-name b{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}
.attachment-file-name small{flex:none;font-weight:800;color:inherit}
.attachment-file-meta,.attachment-file-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#a9bdcc);font-size:.68rem}
.attachment-file-status{color:color-mix(in srgb,var(--primary,#42a5f5) 70%,white);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.attachment-file-action{inline-size:34px;block-size:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);font-size:1.15rem;font-weight:900;transition:opacity .16s ease,transform .16s ease,background .16s ease}
.attachment-file[data-download-state="preparing"] .attachment-file-action,.attachment-file[data-download-state="downloading"] .attachment-file-action{opacity:0;transform:scale(.72);pointer-events:none}
.attachment-file-progress{grid-column:1/-1;display:block;block-size:4px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden;position:relative}
.attachment-file-progress i{position:relative;display:block;inline-size:var(--download-progress);block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary,#42a5f5),color-mix(in srgb,var(--primary,#42a5f5) 58%,white));transition:inline-size .16s linear}
.attachment-file[data-download-state="downloading"] .attachment-file-progress i::after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:g119b-file-progress-glint 1.15s ease-in-out infinite}
.attachment-file[data-download-state="downloading"]{border-color:color-mix(in srgb,var(--primary,#42a5f5) 48%,transparent)!important}
.attachment-file[data-download-state="completed"]{border-color:rgba(72,199,116,.5)!important}
.attachment-file[data-download-state="completed"] .attachment-file-status{color:#72d994}
.attachment-file[data-download-state="failed"]{border-color:rgba(239,83,80,.6)!important}
.attachment-file[data-download-state="failed"] .attachment-file-status{color:#ff8c88}

.room-open .row-main,.room-open .row-title,.room-open .row-sub{min-inline-size:0;max-inline-size:100%}
.room-open .row-sub{
  display:-webkit-box!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  unicode-bidi:plaintext;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}
@media (max-width:820px){
  .room-open .row-sub{
    -webkit-line-clamp:1;
    line-clamp:1;
    white-space:nowrap!important;
    display:block!important;
  }
}

.voice-core-ui,.voice-core-play,.voice-core-wave,.voice-core-rate{
  pointer-events:auto!important;
  touch-action:manipulation;
}
@keyframes g119b-file-progress-glint{0%{transform:translateX(-110%)}65%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){
  .attachment-file.power-download,.attachment-file-progress i,.attachment-file-action{transition:none!important}
  .attachment-file[data-download-state="downloading"] .attachment-file-progress i::after{animation:none!important}
}