/* Center-workspace presentation only. Side rails and application behavior are unchanged. */
.mc-chat-sidebar,.mc-chat-info{min-height:0}
.mc-chat-member-list,.mc-chat-info>.mc-right-panel{overscroll-behavior:contain;scrollbar-gutter:stable}
.mc-chat-conversation{position:relative;min-width:0;min-height:0;overflow:hidden;contain:layout paint}

.mc-chat-conversation>[id^="mc-center-"]{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  transition:opacity .14s ease,transform .14s ease;
}
.mc-chat-conversation>[id^="mc-center-"].mc-center-entering{opacity:.72;transform:translateY(2px)}

.mc-center-page-shell,.mc-center-submit-shell,.mc-center-about-shell,
.mc-center-public-profile-shell,.mc-center-contact-shell,
.mc-member-dashboard-workspace,.mc-member-profile-workspace{
  width:min(1080px,100%)!important;
  max-width:1080px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:14px!important;
  box-sizing:border-box!important;
}

.mc-center-page-toolbar,.mc-center-submit-toolbar,.mc-center-about-toolbar,
.mc-center-public-profile-toolbar,.mc-center-contact-toolbar,
.mc-member-dashboard-toolbar,.mc-member-profile-toolbar{
  min-height:34px;
  margin:0 0 10px!important;
  padding:0!important;
}

/* The compact profile already contains its own title and identity. */
.mc-center-public-profile-toolbar{display:none!important}

.mc-center-page-frame,.mc-center-submit-frame,.mc-center-about-frame,
.mc-center-public-profile-frame,.mc-center-contact-frame{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid #29404f!important;
  border-radius:12px!important;
  background:#0b1219!important;
  transition:opacity .14s ease;
}

.mc-chat-conversation>[data-mc-loading="1"] iframe{opacity:0}
.mc-chat-conversation>[data-mc-loading="1"]>div{position:relative}
.mc-chat-conversation>[data-mc-loading="1"]>div:after{
  content:"";
  position:absolute;
  left:14px;right:14px;top:58px;height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#35bdf3,transparent);
  background-size:45% 100%;
  animation:mc-center-loading 1s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mc-center-loading{from{background-position:-70% 0}to{background-position:170% 0}}

@media(prefers-reduced-motion:reduce){
  .mc-chat-conversation>[id^="mc-center-"]{transition:none}
  .mc-chat-conversation>[data-mc-loading="1"]>div:after{animation:none}
}
@media(max-width:760px){
  .mc-center-page-shell,.mc-center-submit-shell,.mc-center-about-shell,
  .mc-center-public-profile-shell,.mc-center-contact-shell,
  .mc-member-dashboard-workspace,.mc-member-profile-workspace{padding:8px!important}
}
