/* Black River v48 — activate the real Discord-style call dock and harden media fullscreen. */

/* Group calls are part of the DM surface, not a floating modal. */
body.river-chat .conversation-surface.call-docked>.group-call-panel.group-call-dock{
  position:relative!important;inset:auto!important;display:block!important;width:100%!important;
  height:var(--call-dock-height,clamp(300px,50vh,620px))!important;min-height:82px!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #ffffff12!important;border-radius:0!important;
  background:#111214!important;box-shadow:none!important;overflow:hidden!important;z-index:5!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-workspace{
  position:relative!important;width:100%!important;height:100%!important;min-height:0!important;padding:8px!important;
  background:#111214!important;border:0!important;border-radius:0!important;overflow:hidden!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-grid{
  width:100%!important;height:100%!important;min-height:0!important;padding:0 0 58px!important;gap:8px!important;
  background:#111214!important;border-radius:0!important;overflow:hidden!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-card{
  min-width:0!important;min-height:0!important;border:0!important;border-radius:8px!important;background:#1e1f22!important;
  box-shadow:none!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-card video{object-fit:cover!important}
body.river-chat .group-call-panel.group-call-dock .group-call-card.screen-sharing video{object-fit:contain!important;background:#050607!important}
body.river-chat .group-call-panel.group-call-dock .group-call-fallback .avatar{width:84px!important;height:84px!important;box-shadow:none!important}
body.river-chat .group-call-panel.group-call-dock .group-call-name{left:8px!important;bottom:66px!important;background:#111214cc!important;border-radius:5px!important}
body.river-chat .group-call-panel.group-call-dock .group-peer-state{bottom:70px!important}

/* Status/action chrome floats over the video exactly like call chrome, not as its own header row. */
body.river-chat .group-call-panel.group-call-dock .group-call-status-pill{
  position:absolute!important;z-index:40!important;left:16px!important;top:16px!important;max-width:min(45%,420px)!important;
  padding:5px 8px!important;border-radius:6px!important;background:#111214d9!important;color:#b5bac1!important;
  font:600 10px/1.2 Inter,system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  pointer-events:none!important;backdrop-filter:blur(8px)!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-head-actions{
  position:absolute!important;z-index:42!important;top:14px!important;right:14px!important;display:flex!important;gap:6px!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-head-actions button{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
  border:0!important;border-radius:8px!important;background:#111214df!important;color:#dbdee1!important;box-shadow:0 2px 8px #0008!important;cursor:pointer!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-head-actions button:hover{background:#35373c!important;color:#fff!important}

/* Call controls float over the stage, matching Discord rather than consuming a fake footer. */
body.river-chat .group-call-panel.group-call-dock .group-call-controls{
  position:absolute!important;z-index:45!important;left:50%!important;bottom:14px!important;translate:-50% 0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:max-content!important;max-width:calc(100% - 28px)!important;
  margin:0!important;padding:6px!important;border:1px solid #ffffff12!important;border-radius:16px!important;background:#111214e9!important;
  box-shadow:0 8px 24px #0009!important;backdrop-filter:blur(10px)!important;overflow-x:auto!important;scrollbar-width:none!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-controls::-webkit-scrollbar{display:none!important}
body.river-chat .group-call-panel.group-call-dock .group-call-control{
  flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;
  border:0!important;border-radius:10px!important;background:#2b2d31!important;color:#dbdee1!important;box-shadow:none!important;
}
body.river-chat .group-call-panel.group-call-dock .group-call-control:hover{background:#3a3c42!important;color:#fff!important}
body.river-chat .group-call-panel.group-call-dock .group-call-end{background:#da373c!important;color:#fff!important}

/* True Discord-style participant layout: 2 = equal; 3 = focused large tile + two stacked tiles. */
body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="1"]{grid-template-columns:1fr!important;grid-template-rows:1fr!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:1fr!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]{grid-template-columns:minmax(0,1.55fr) minmax(220px,.72fr)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]>.group-call-card:first-child{grid-column:1!important;grid-row:1/-1!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]>.group-call-card:nth-child(2){grid-column:2!important;grid-row:1!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]>.group-call-card:nth-child(3){grid-column:2!important;grid-row:2!important;width:auto!important;justify-self:stretch!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid.focus-mode{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 104px!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid.focus-mode>.group-call-card.is-focused{grid-column:1!important;grid-row:1!important;width:100%!important;justify-self:stretch!important}
body.river-chat .group-call-panel.group-call-dock .group-call-grid.focus-mode>.group-call-card:not(.is-focused){grid-row:2!important;width:calc(33.333% - 6px)!important}

/* Collapsing is one click. */
body.river-chat .group-call-panel.group-call-dock.minimized{height:56px!important;min-height:56px!important;flex-basis:56px!important}
body.river-chat .group-call-panel.group-call-dock.minimized .group-call-grid{display:none!important}
body.river-chat .group-call-panel.group-call-dock.minimized .group-call-status-pill{top:18px!important}
body.river-chat .group-call-panel.group-call-dock.minimized .group-call-controls{display:none!important}
body.river-chat .group-call-panel.group-call-dock.minimized .group-call-head-actions{top:10px!important}

/* Side-chat mode keeps the exact real DM chat on the right; no duplicate fake Text chat. */
body.river-chat .conversation-surface.call-docked.call-side-chat>.group-call-panel.group-call-dock{height:auto!important;min-height:0!important;border-right:1px solid #ffffff12!important;border-bottom:0!important}

/* Arnie/movie fullscreen must outrank every older group-card rule. */
html body.river-chat .group-call-grid>.arnie-call-tile.group-call-card.arnie-theater,
html body.river-chat .group-call-grid>.arnie-call-tile.group-call-card:fullscreen,
html body.river-chat #callStage>.arnie-call-tile.direct.arnie-theater,
html body.river-chat #callStage>.arnie-call-tile.direct:fullscreen,
html body.river-chat .arnie-call-tile.arnie-theater,
html body.river-chat .arnie-call-tile:fullscreen{
  position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;z-index:2147483647!important;
  grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;transform:none!important;translate:none!important;
}
html body.river-chat .arnie-call-tile.arnie-theater .arnie-art,
html body.river-chat .arnie-call-tile:fullscreen .arnie-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;background:#000!important}
html body.river-chat .arnie-call-tile.arnie-theater .arnie-art video,
html body.river-chat .arnie-call-tile:fullscreen .arnie-art video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}
html body.river-chat .arnie-call-tile.arnie-theater .arnie-titlebar,
html body.river-chat .arnie-call-tile:fullscreen .arnie-titlebar{top:0!important;left:0!important;right:0!important;padding:20px 22px 70px!important;background:linear-gradient(#000c,transparent)!important;opacity:0!important;transition:opacity .18s ease!important}
html body.river-chat .arnie-call-tile.arnie-theater .arnie-player-controls,
html body.river-chat .arnie-call-tile:fullscreen .arnie-player-controls{left:24px!important;right:24px!important;bottom:20px!important;z-index:2147483647!important;opacity:0!important;transition:opacity .18s ease!important}
html body.river-chat .arnie-call-tile.arnie-theater:hover .arnie-titlebar,
html body.river-chat .arnie-call-tile.arnie-theater:hover .arnie-player-controls,
html body.river-chat .arnie-call-tile.arnie-theater:focus-within .arnie-player-controls,
html body.river-chat .arnie-call-tile:fullscreen:hover .arnie-titlebar,
html body.river-chat .arnie-call-tile:fullscreen:hover .arnie-player-controls,
html body.river-chat .arnie-call-tile:fullscreen:focus-within .arnie-player-controls{opacity:1!important}
body.arnie-media-fullscreen{overflow:hidden!important}
body.river-chat .arnie-call-tile.cursor-hidden.arnie-theater,
body.river-chat .arnie-call-tile.cursor-hidden:fullscreen{cursor:none!important}
body.river-chat .arnie-call-tile.cursor-hidden.arnie-theater .arnie-titlebar,
body.river-chat .arnie-call-tile.cursor-hidden.arnie-theater .arnie-player-controls,
body.river-chat .arnie-call-tile.cursor-hidden:fullscreen .arnie-titlebar,
body.river-chat .arnie-call-tile.cursor-hidden:fullscreen .arnie-player-controls{opacity:0!important;pointer-events:none!important}

/* Direct call stage keeps controls and real chat composition aligned with Discord. */
body.river-chat #callPanel.discord-call-dock{padding:0!important;grid-template-rows:minmax(0,1fr)!important;position:relative!important}
body.river-chat #callPanel.discord-call-dock .call-top{position:absolute!important;z-index:45!important;left:14px!important;top:14px!important;width:auto!important;max-width:calc(100% - 110px)!important;background:#111214d9!important;padding:6px 8px!important;border-radius:7px!important;backdrop-filter:blur(8px)!important}
body.river-chat #callPanel.discord-call-dock .call-stage{grid-row:1!important;border:0!important;border-radius:0!important;padding:8px 8px 62px!important}
body.river-chat #callPanel.discord-call-dock .call-controls{position:absolute!important;z-index:46!important;left:50%!important;bottom:14px!important;translate:-50% 0!important;margin:0!important}
body.river-chat #callPanel.discord-call-dock.minimized .call-top{position:relative!important;left:auto!important;top:auto!important}

@media(max-width:820px){
 body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 84px!important}
 body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]>.group-call-card:first-child{grid-column:1!important;grid-row:1!important}
 body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]>.group-call-card:nth-child(2){grid-column:1!important;grid-row:2!important;width:calc(50% - 4px)!important;justify-self:start!important}
 body.river-chat .group-call-panel.group-call-dock .group-call-grid[data-count="3"]>.group-call-card:nth-child(3){grid-column:1!important;grid-row:2!important;width:calc(50% - 4px)!important;justify-self:end!important}
 body.river-chat .group-call-panel.group-call-dock .group-call-name{bottom:60px!important}
}