/* Final call-surface layer. Loaded last so older call themes cannot override the Discord-style workspace. */
body.river-chat #callPanel.call-overlay:not(.incoming-call){background:#111214!important;color:#f2f3f5!important;border:1px solid #ffffff14!important;border-radius:14px!important;box-shadow:0 24px 90px #000b!important;gap:9px!important}
body.river-chat #callPanel:not(.incoming-call) .call-top{min-height:42px!important;padding:0 2px 4px!important;background:transparent!important}
body.river-chat #callPanel:not(.incoming-call) .call-person h2{margin:0 0 3px!important;color:#f2f3f5!important;font-size:15px!important;font-weight:650!important;letter-spacing:-.02em!important}
body.river-chat #callPanel:not(.incoming-call) .call-meta{gap:8px!important;color:#949ba4!important}
body.river-chat #callPanel:not(.incoming-call) .call-quality{background:#2b2d31!important;color:#b5bac1!important;border-radius:6px!important}
body.river-chat #callPanel:not(.incoming-call) .call-top-btn{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#2b2d31!important;color:#dbdee1!important}
body.river-chat #callPanel:not(.incoming-call) .call-top-btn:hover{background:#383a40!important;color:#fff!important}
body.river-chat #callPanel:not(.incoming-call) .call-stage{background:#1e1f22!important;border:1px solid #ffffff09!important;border-radius:8px!important;box-shadow:none!important}
body.river-chat #callPanel:not(.incoming-call) .remote-placeholder{background:#1e1f22!important;color:#b5bac1!important}
body.river-chat #callPanel:not(.incoming-call) .remote-placeholder .avatar{box-shadow:0 0 0 6px #111214!important}
body.river-chat #callPanel:not(.incoming-call) .local-tile{background:#1e1f22!important;border:1px solid #ffffff14!important;border-radius:8px!important;box-shadow:0 6px 20px #0008!important}
body.river-chat #callPanel:not(.incoming-call) .call-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;padding:5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-control{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;gap:0!important;border:0!important;border-radius:50%!important;background:#2b2d31!important;color:#dbdee1!important;box-shadow:none!important;transform:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-control::after{display:none!important;content:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-control svg{width:19px!important;height:19px!important;transform:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-control:hover,body.river-chat #callPanel:not(.incoming-call) .call-control.active{background:#383a40!important;border:0!important;color:#fff!important}
body.river-chat #callPanel:not(.incoming-call) .call-control.off{background:#da373c!important;color:#fff!important}
body.river-chat #callPanel:not(.incoming-call) .call-end{display:grid!important;place-items:center!important;flex:0 0 50px!important;width:50px!important;min-width:50px!important;height:44px!important;min-height:44px!important;margin-left:4px!important;padding:0!important;border:0!important;border-radius:22px!important;background:#da373c!important;color:#fff!important}
body.river-chat #callPanel:not(.incoming-call) .call-end:hover{background:#b52f34!important;transform:none!important;filter:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-end span{display:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-note{display:none!important}
body.river-chat #callPanel:not(.incoming-call) .call-secondary-controls{background:#1e1f22!important;border:1px solid #ffffff10!important;border-radius:12px!important;box-shadow:0 14px 45px #000a!important;backdrop-filter:none!important}
body.river-chat #callPanel:not(.incoming-call) .camera-popout-btn{background:#111214df!important;border:0!important;border-radius:7px!important;color:#dbdee1!important;backdrop-filter:none!important}
body.river-chat #callPanel:not(.incoming-call) .camera-popout-btn:hover,body.river-chat #callPanel:not(.incoming-call) .camera-popout-btn.active{background:#383a40!important;color:#fff!important}
body.river-chat #callPanel:not(.incoming-call) #callChatPanel{background:#1b1c20f8!important;border:1px solid #ffffff12!important;border-radius:10px!important}
body.river-chat #callPanel:not(.incoming-call) .call-chat-head,body.river-chat #callPanel:not(.incoming-call) .call-chat-composer{background:#202225!important;border-color:#ffffff0c!important}
body.river-chat #callPanel:not(.incoming-call) .call-chat-message{background:#2b2d31!important;border-radius:7px!important}
body.river-chat #callPanel:not(.incoming-call) .call-chat-message.own{background:#404675!important}

/* Group calls use the same neutral Discord surface and balanced camera grid. */
body.river-chat .group-call-panel.discord-call{background:#111214!important;color:#f2f3f5!important}
body.river-chat .group-call-panel.discord-call .group-call-grid{background:#111214!important}
body.river-chat .group-call-panel.discord-call .group-call-card{background:#1e1f22!important;border-radius:8px!important}
body.river-chat .group-call-panel.discord-call .group-call-controls{background:transparent!important}
body.river-chat .group-call-panel.discord-call .group-call-chat{background:#1b1c20!important;border-color:#ffffff0c!important}

@media(max-width:640px){
 body.river-chat #callPanel.call-overlay:not(.incoming-call):not(.minimized){inset:0!important;width:100vw!important;height:var(--visible-height,100dvh)!important;max-width:none!important;max-height:none!important;padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))!important;border:0!important;border-radius:0!important}
 body.river-chat #callPanel:not(.incoming-call) .call-controls{gap:5px!important;overflow-x:auto!important;justify-content:center!important;scrollbar-width:none!important}
 body.river-chat #callPanel:not(.incoming-call) .call-control{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
 body.river-chat #callPanel:not(.incoming-call) .call-end{flex-basis:48px!important;width:48px!important;min-width:48px!important}
}