/* Explicit margins restore native-dialog centering after the app-wide reset. */
#channels-call-dialog,#voip-call-dialog{
 position:fixed;
 inset:16px;
 inset:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
 margin:auto;
 width:min(720px,calc(100vw - 32px));
 max-width:calc(100vw - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)));
 max-height:calc(100vh - 32px);
 max-height:min(760px,calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom))));
 box-sizing:border-box;padding:0;overflow:hidden;gap:0;
 border:1px solid var(--bd,#383840);border-radius:16px;
 background:var(--s1,#171719);color:var(--tx,#eee);
 box-shadow:0 24px 80px #0008;font-size:var(--fs-md,14px);line-height:1.45;
}
#channels-call-dialog[open],#voip-call-dialog[open]{display:flex;flex-direction:column}
#channels-call-dialog>.channel-pin-dialog-heading,#voip-call-dialog>.voip-call-dialog-head{
 flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin:0;padding:12px 16px;border-bottom:1px solid var(--bd,#383840);
 background:var(--s1,#171719);
}
#channels-call-title,#voip-call-title{min-width:0;margin:0;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
#channels-call-close,#voip-call-close{flex:none;min-height:44px;min-width:76px;margin:0;padding:8px 12px;font-size:14px}
#channels-call-dialog>.channel-tabs{flex:none;margin:0;padding:10px 16px}
#channels-call-recording,#channels-call-details,#voip-call-detail{
 flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;
 padding:16px;scroll-padding-block:16px;overflow-wrap:anywhere;
}
#channels-call-dialog [hidden]{display:none}
#voip-call-detail dl{margin:0;gap:10px 16px}
#voip-call-detail dt{color:var(--mt,#aaa)}
#voip-call-detail dd{min-width:0}
#channels-call-dialog button:focus-visible,#voip-call-dialog button:focus-visible{outline:2px solid var(--ac,#a78bfa);outline-offset:2px}
@media(max-width:640px){
 #channels-call-recording,#channels-call-details,#voip-call-detail{padding:12px}
 #channels-call-dialog dl,#voip-call-detail dl{grid-template-columns:1fr;gap:4px}
 #channels-call-dialog dd,#voip-call-detail dd{margin:0 0 12px}
}
