.composer{position:relative}
.composer-emoji-panel{position:absolute;z-index:40;left:12px;bottom:calc(100% - 40px);display:grid;width:min(392px,calc(100% - 24px));max-height:232px;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:10px;overflow-x:hidden;overflow-y:auto;border:1px solid #dfe4eb;border-radius:12px;background:#fff;box-shadow:0 14px 38px #17243a24;overscroll-behavior:contain;scrollbar-width:thin}
.composer-emoji-panel[hidden]{display:none!important}
.composer-emoji-panel button{display:grid;min-width:0;height:34px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:22px;line-height:1;cursor:pointer}
.composer-emoji-panel button:hover{background:#eef3f9;transform:scale(1.08)}
.composer .tool.is-uploading{pointer-events:none;animation:attachment-uploading .8s ease-in-out infinite alternate}
.upload-fallback-icon{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#eef5ff;color:#1677ff;font-weight:700}
@keyframes attachment-uploading{to{opacity:.38}}
@media(max-width:800px){.composer-emoji-panel{left:8px;bottom:calc(100% - 34px);width:calc(100% - 16px);grid-template-columns:repeat(8,minmax(0,1fr));padding:8px}.composer-emoji-panel button{font-size:21px}}

/* Internal notes are timeline markers, not full-width chat bubbles. */
.chat-msg.note{display:flex!important;flex-direction:column!important;align-items:center!important;width:fit-content!important;max-width:min(88%,640px)!important;margin:12px auto!important;gap:4px!important}
.chat-msg.note>.avatar{display:none!important}
.chat-msg.note .chat-msg-main{width:fit-content!important;max-width:100%!important}
.chat-msg.note .chat-msg-name,.chat-msg.note .chat-msg-time{text-align:center!important}
.chat-msg.note .chat-msg-bubble{display:inline-flex!important;width:auto!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.chat-msg.note .message-body{display:inline-block!important;width:auto!important;max-width:100%!important;padding:7px 12px!important;border:1px solid #f0dfac!important;border-radius:12px!important;background:#fff7df!important;color:#825f19!important;box-shadow:none!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}

/* Messenger-like attachment sizing in the agent workspace. */
.chat-msg-bubble:has(>.chat-image-message),
.chat-msg-bubble:has(>.chat-video-message),
.chat-msg-bubble:has(>.chat-file-wrap){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.chat-image-message,.chat-video-message{width:fit-content!important;max-width:min(272px,32vw)!important;margin:0!important;padding:6px!important}
.chat-image-preview{width:fit-content!important;max-width:100%!important;background:transparent!important}
.chat-image-preview img,.chat-video-message>video{display:block!important;width:auto!important;height:auto!important;max-width:min(260px,calc(32vw - 12px))!important;max-height:270px!important;object-fit:contain!important;background:transparent!important}
.chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{right:-70px!important;left:auto!important}
.chat-msg.mine .chat-image-message>.chat-image-download,.chat-msg.mine .chat-video-message>.chat-image-download,.chat-msg.mine .chat-file-wrap>.chat-image-download{right:auto!important;left:-70px!important}
@media(max-width:800px){
  .chat-image-message,.chat-video-message{width:fit-content!important;max-width:min(230px,58vw)!important}
  .chat-image-preview img,.chat-video-message>video{max-width:min(218px,calc(58vw - 12px))!important;max-height:250px!important}
  .chat-image-message>.chat-image-download,.chat-video-message>.chat-image-download,.chat-file-wrap>.chat-image-download{right:-64px!important}
  .chat-msg.mine .chat-image-message>.chat-image-download,.chat-msg.mine .chat-video-message>.chat-image-download,.chat-msg.mine .chat-file-wrap>.chat-image-download{right:auto!important;left:-64px!important}
}