.client-communication-card{grid-column:1 / -1}

body.client-only:not(.desktop-runtime) .client-communication-card{
  padding:0;
  border:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}

body.client-only:not(.desktop-runtime) .client-communication-card .communication-shell{width:100%;min-width:0}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-thread{
  min-height:calc(100dvh - 176px);
  max-height:calc(100dvh - 176px);
  overflow:hidden;
  background:#0b0e13;
}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-thread-head{
  padding:14px 12px;
  flex:0 0 auto;
  background:#10141b;
}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-messages{
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:14px 10px 18px;
  overscroll-behavior:contain;
}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-bubble{
  max-width:90%;
  font-size:15px;
  line-height:1.45;
  color:#f7f8fb;
  word-break:break-word;
}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-bubble p{color:#f7f8fb;line-height:1.45}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-composer{
  flex:0 0 auto;
  padding:10px;
  padding-bottom:max(10px,env(safe-area-inset-bottom));
  background:#0d1117;
}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-composer textarea{
  min-height:48px;
  max-height:120px;
  font-size:16px;
  line-height:1.35;
  color:#fff;
  background:#151a22;
}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-attach{font-size:.72rem}
body.client-only:not(.desktop-runtime) .client-communication-card .communication-thread-state{font-size:.68rem}