/* Cloud Design v1.3.44 — LIVE CHAT ACTIONS + VIEWPORT WORKSPACE */

/* ---------- viewport-fit desktop workspace ---------- */
body.cd-chat-page-v1344{
  overscroll-behavior:none;
}

.chat-board-v110.cd-chat-fit-v1344{
  height:var(--cd-chat-fit-height,calc(100dvh - 108px))!important;
  max-height:var(--cd-chat-fit-height,calc(100dvh - 108px))!important;
  min-height:480px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}

.chat-board-v110.cd-chat-fit-v1344>.chat-context-v110,
.chat-board-v110.cd-chat-fit-v1344>.chat-thread-v110,
.chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
  min-height:0!important;
  max-height:100%!important;
}

.chat-board-v110.cd-chat-fit-v1344>.chat-context-v110,
.chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.chat-board-v110.cd-chat-fit-v1344>.chat-thread-v110{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

.chat-board-v110.cd-chat-fit-v1344 .chat-thread-head-v110{
  flex:0 0 auto!important;
}

.chat-board-v110.cd-chat-fit-v1344 #chatMessages{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}

/* Everything after the message viewport (composer/status area) stays visible. */
.chat-board-v110.cd-chat-fit-v1344 #chatMessages~*{
  flex:0 0 auto;
}

/* ---------- live action feedback ---------- */
.cd-live-busy-v1344{
  opacity:.62!important;
  pointer-events:none!important;
}

.cd-live-action-v1344{
  transition:opacity .16s ease,transform .16s ease;
}

.cd-live-action-v1344.is-removing-v1344{
  opacity:0!important;
  transform:scale(.985)!important;
}

.cd-chat-toast-stack-v1344{
  position:fixed;
  z-index:120000;
  right:18px;
  bottom:18px;
  display:grid;
  gap:8px;
  width:min(360px,calc(100vw - 28px));
  pointer-events:none;
}

.cd-chat-toast-v1344{
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface) 95%,black 5%);
  color:var(--text);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  font-size:.72rem;
  font-weight:760;
  line-height:1.4;
  animation:cdToastIn1344 .18s ease both;
}
.cd-chat-toast-v1344.is-error-v1344{
  border-color:rgba(255,91,112,.38);
  color:#ffb2bd;
}
@keyframes cdToastIn1344{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* ---------- mobile workspace ---------- */
.cd-chat-mobile-tools-v1344{
  display:none;
}
.cd-chat-mobile-backdrop-v1344{
  display:none;
}

@media(max-width:820px){
  body.cd-chat-page-v1344{
    overflow:hidden!important;
  }

  .chat-board-v110.cd-chat-fit-v1344{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:var(--cd-chat-fit-height,calc(100dvh - 72px))!important;
    max-height:var(--cd-chat-fit-height,calc(100dvh - 72px))!important;
    min-height:320px!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  .chat-board-v110.cd-chat-fit-v1344>.chat-thread-v110{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    border-left:0!important;
    border-right:0!important;
  }

  .chat-board-v110.cd-chat-fit-v1344>.chat-context-v110,
  .chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
    position:absolute!important;
    z-index:45!important;
    top:0!important;
    bottom:0!important;
    width:min(92vw,390px)!important;
    height:100%!important;
    max-height:100%!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    background:color-mix(in srgb,var(--surface) 98%,black 2%)!important;
    box-shadow:0 0 48px rgba(0,0,0,.42)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344:not(.is-team-chat-v1338)>.chat-context-v110{
    display:block!important;
    left:0!important;
    transform:translateX(-104%)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
    display:block!important;
    right:0!important;
    transform:translateX(104%)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344.is-context-open-v1344>.chat-context-v110{
    transform:translateX(0)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344.is-side-open-v1344>.chat-side-v110{
    transform:translateX(0)!important;
  }

  /* In the internal team room the deliberately removed client context stays removed. */
  .chat-board-v110.cd-chat-fit-v1344.is-team-chat-v1338>.chat-context-v110{
    display:none!important;
  }

  .cd-chat-mobile-backdrop-v1344{
    position:absolute;
    z-index:40;
    inset:0;
    background:rgba(3,5,10,.58);
    backdrop-filter:blur(4px);
  }
  .chat-board-v110.cd-chat-fit-v1344.is-context-open-v1344>.cd-chat-mobile-backdrop-v1344,
  .chat-board-v110.cd-chat-fit-v1344.is-side-open-v1344>.cd-chat-mobile-backdrop-v1344{
    display:block;
  }

  .cd-chat-mobile-tools-v1344{
    display:flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
  }

  .cd-chat-mobile-tool-v1344{
    min-height:32px;
    padding:6px 9px;
    border:1px solid var(--line);
    border-radius:9px;
    background:color-mix(in srgb,var(--soft) 68%,transparent);
    color:var(--text);
    font-size:.65rem;
    font-weight:820;
    cursor:pointer;
  }

  .chat-board-v110.cd-chat-fit-v1344 #chatMessages{
    padding-bottom:10px!important;
  }

  .cd-chat-toast-stack-v1344{
    right:10px;
    left:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    width:auto;
  }
}

@media(max-width:520px){
  .chat-board-v110.cd-chat-fit-v1344 .chat-thread-head-v110{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .cd-chat-mobile-tool-v1344{
    padding:6px 8px;
  }
}