.ChannelContainer .post-footer-container {
    display: none;
}
.ChannelContainer .forum-topic > div.poster-message {
    margin: 0;
    padding: 5px 15px 5px 15px;
    position: relative;
}
.ChannelContainer .forum-row {
    border-bottom: none;
    padding: 0;
}
.ChannelContainer .forum-topic {
    margin: unset;
    width: unset
}

/* New */
.ChannelContainer .PostOwner_1 .forum-poster.flex-container {
    margin: 0 0 0 50%;
}
.ChannelContainer .edit-post-row {
    display: hide;
}
.ChannelContainer .PostOwner_1 .edit-post-row {
    display: block;
}
.ChannelContainer .post-header-detail {
    flex-flow: column-reverse;
    width: 100%;
    position: relative;
}
.ChannelContainer .Avatar.flex-container {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    bottom: unset;
}
.ConvoBody.ChannelContainer .Avatar.flex-container {
    width: 20px;
    height: 20px;
}
.ConvoBody.ChannelContainer .message-owners.MessageOwners .Names a {
    font-size: unset;
    font-weight: 700;
}
.ConvoBody.ChannelContainer .MessageOwners .Names {
    font-size: .65rem;
    font-weight: normal;
}
.ConvoBody.ChannelContainer .MessageFlow .MessageTime {
    font-size: 0.65em;
    margin-bottom: 1%;
}
.ConvoBody.ChannelContainer .post-avatar-component {
    display: none;
}
.ConvoBody.ChannelContainer .post-header-detail > div.post-name-component {
    margin-left: unset;
}
.ChannelContainer .PostOwner_1 .Avatar.flex-container {
    display: none;
}
.ChannelContainer .post-name-component {
    margin: 0 0 15px 0;
}
.ConvoBody.ChannelContainer .post-name-component {
    margin: 0;
}
.ChannelContainer .post-avatar-component {
    position: absolute;
}
.ConvoBody.ChannelContainer .PostOwner_1 .forum-topic {
    margin: 0;
}
.ChannelContainer .PostOwner_1 .post-avatar-component {
    right: -21px;
    bottom: -12px;
}
.ChannelContainer .Avatar {
    left: 0;
    right: unset;
}
.ChannelContainer .PostOwner_1 .Avatar {
    left: unset;
    right: 0;
}
.ChannelContainer .message-owners .Name {
    display: inline-block;
    float: none;
}
.ChannelContainer .PostOwner_1 .message-owners {
    margin-left: unset;
}
.ChannelContainer .PostOwner_1 .edit-post-row ul.dropdown-menu {
    left: unset;
    position: absolute;
    right: 0;
}
.ChannelContainer .forum-topic {
    background-color: #e0e0e0;
    color: #000;
    border-radius: 20px;
    display: inline-block;
    margin: 0 0 0 45px;
}
.ConvoBody.ChannelContainer .forum-topic {
    margin: 0;
}
.ConvoBody.ChannelContainer .MessageFlow .Avatar {
    top: -10px;
}
.ChannelContainer .PostOwner_1 .forum-topic {
    background-color: #ccc;
    float: right;
    margin: 0 35px 0 0;
}
.ChannelContainer #ChatMessageArea.MessageArea {
    top: 135px !important;
}
.ChannelContainer #ChatMessageArea.MessageArea {
    width: 100% !important;
    top: 154px !important;
}
.ChannelContainer #ChatMessageArea.MessageArea {
    position: absolute !important;
    top: 10px !important;
}
.ChannelContainer .ChannelFunction {
    position: relative;
    max-width: 600px;
}
.ChannelContainer .ChannelPost.Message {
    width: 100% !important;
    position: absolute;
    bottom: -100px;
}
.ChannelContainer .MessageArea> div {
    padding: 0 10px 0 5px;
}
.ChannelContainer .ChannelPost.Message {
    position: initial;
}
.ChannelContainer .PostArea textarea.StatusUpdate {
    margin-bottom: unset !important;
}
.ChannelContainer .PostMessageOptions .ProcessIndicator,
.ChannelContainer .forum-row-post .edit-post-row
{
    display: none !important;
}
.ChannelContainer .PostOwner_1 .forum-row-post .post-name-component {
    display: none;
}
.ChannelContainer .message-owners.MessageOwners {
    display: flex;
    align-items: center;
}
.ChannelContainer .PostOwner_1 .poster-message .arrow-down {
    display: block;
    transform: rotate(65deg);
    position: absolute;
    bottom: -2px;
    right: 0;
    left: unset;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #e0e0e0;
}
.ChannelContainer .poster-message .arrow-down {
    display: block;
    transform: rotate(-65deg);
    position: absolute;
    bottom: -2px;
    left: 0;
    right: unset;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #e0e0e0;
}
.ChannelContainer .forum-row-post {
    margin: 10px 0 5px;
}
div#ChatMessageArea>div:first-child {
    max-height: 90%;
    overflow: scroll;
}
.ChannelContainer .post-avatar-component .Avatar img {
    background-size: cover;
    background-position: 50% 50%;
    width: 30px;
    height: 30px;
}
.ConvoBody.ChannelContainer .post-avatar-component .Avatar img {
    background-size: cover;
    background-position: 50% 50%;
    width: 20px;
    height: 20px;
}
.ChannelContainer .forum-topic {
    max-width: 100%;
}
.ChannelContainer .forum-topic .poster-message {
    word-break: break-word;
}
.ChannelContainer .forum-topic {
    margin-top: 10px !important;
    font-size: .9rem;
}
.ChannelContainer .MessageFlow .AttachedURL{
    border:none;
}
.ChannelContainer .post-message-actions {
    display: flex;
}

/* Compact ordinary link cards in full and mini chat, including live messages. */
.ChannelContainer .WolChatMessageBody .AttachedURL:has(.URLBody:not(.VideoCollection)) {
    width:360px; max-width:100%; margin-top:.4rem; border:1px solid #dce3eb; border-radius:6px; background:#f8fafc;
}
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) {
    display:flex; align-items:center; gap:.65rem; padding:.65rem; min-height:0; height:auto;
}
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) .URLImage {
    flex:0 0 56px; width:56px; height:56px; min-height:0; padding:0; margin:0; overflow:hidden; border-radius:4px;
}
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) .URLImage img {
    display:block; width:56px; height:56px; min-height:0; max-height:56px; object-fit:cover; background-size:cover; background-position:center;
}
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) .BodyOfURL {
    flex:1; min-width:0; width:auto; padding:0; margin:0;
}
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) .Title {
    font-size:1rem; line-height:1.35; margin:0; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) .Description,
.ChannelContainer .WolChatMessageBody .AttachedURL .URLBody:not(.VideoCollection) .Url {
    font-size:.8125rem; line-height:1.4; margin:.25rem 0 0; color:#647386; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ChannelContainer .WolChatMessageBody .AttachedURL:has(.URLBody:not(.VideoCollection)) { margin:.4rem 0 1rem; align-self:flex-start; }
.ChannelContainer .WolChatMessageBody.PostOwner_1 .AttachedURL:has(.URLBody:not(.VideoCollection)) { align-self:flex-end; }

/* Shared full, mini, and docked chat composer action row. Keep visibility owned
   by the existing permission and feature rules. */
body .ChannelContainer .PostMessageOptions {
    display:flex; flex-flow:row nowrap; align-items:center; gap:.5rem;
}
body .ChannelContainer .PostMessageOptions > :is(div,button,a) {
    float:none; align-self:center; position:relative; top:auto; margin:0;
    padding:0 .25rem; line-height:1; vertical-align:middle; color:#999 !important;
}
body .ChannelContainer .PostMessageOptions > :is(div,button,a):hover,
body .ChannelContainer .PostMessageOptions > :is(div,button,a):focus-visible {
    color:#333 !important;
}
body .ChannelContainer .PostMessageOptions > :is(div,button,a) i {
    display:block; color:inherit !important; font-size:1rem; line-height:1;
}

.ChannelContainer .WolChatMessageBody .wol-video-chat-message-join {
    display:block; margin:.5rem 0 0; padding:0; border:0; background:transparent;
    color:inherit; font-size:1rem; font-weight:600; line-height:1.5; text-decoration:underline; cursor:pointer;
}
.ChannelContainer .WolChatMessageBody .wol-video-chat-message-join:focus-visible { outline:2px solid currentColor; outline-offset:3px; }

/* Sent chat photos only; feed galleries and composer thumbnails are separate. */
.ChannelContainer .WolChatMessageBody > .WolChatPhotos {
    display:block; position:relative; flex:none; align-self:flex-start;
    width:240px; max-width:calc(100% - 20px); height:190px;
    margin:14px 10px 18px; padding:0; border:0; background:transparent;
    border-radius:12px; cursor:pointer; isolation:isolate;
}
.ChannelContainer .WolChatMessageBody.PostOwner_1 > .WolChatPhotos { align-self:flex-end; }
.ChannelContainer .WolChatPhotos > .WolChatPhoto {
    position:absolute; inset:8px; width:calc(100% - 52px); height:calc(100% - 16px);
    display:block; object-fit:cover; border:1px solid #dce2e8; border-radius:12px;
    box-shadow:0 2px 7px #0003; pointer-events:none; transform-origin:bottom left;
}
.ChannelContainer .WolChatPhotos > .WolChatPhoto:nth-child(1) { z-index:3; transform:rotate(0deg); }
.ChannelContainer .WolChatPhotos > .WolChatPhoto:nth-child(2) { z-index:2; transform:translateX(14px) rotate(4deg); }
.ChannelContainer .WolChatPhotos > .WolChatPhoto:nth-child(3) { z-index:1; transform:translateX(28px) rotate(8deg); }
.ChannelContainer .WolChatPhotos > .WolChatPhotoCount {
    position:absolute; bottom:18px; right:54px; z-index:4; padding:.25rem .55rem;
    border-radius:20px; background:#000b; color:#fff; font-size:.8125rem; line-height:1.4;
    pointer-events:none;
}
.ChannelContainer .WolChatPhotos[data-photo-count="1"] > .WolChatPhotoCount { display:none; }
.ChannelContainer .WolChatPhotos[data-photo-count="1"] > .WolChatPhoto { width:calc(100% - 16px); object-fit:contain; background:#f2f4f7; border:1px solid #dce2e8; box-shadow:none; }
.ChannelContainer .WolChatPhotos:focus-visible { outline:2px solid #5285b2; outline-offset:5px; }
.ChannelContainer .WolChatPhotos:hover > .WolChatPhoto:first-child { box-shadow:0 3px 10px #0005; }
.ConvoMiniBox .ChannelContainer .WolChatMessageBody > .WolChatPhotos { width:190px; height:150px; }

/* Shared feed file components, positioned as incoming/outgoing chat content. */
.ChannelContainer .WolChatMessageBody > .post-attachments,
.ChannelContainer .WolChatMessageBody > .WOLUploadedVideoAttachment {
    align-self:flex-start; width:360px; max-width:100%; box-sizing:border-box;
    margin:.5rem 0; border:1px solid #dce2e8; border-radius:8px; background:#f8fafc;
}
.ChannelContainer .WolChatMessageBody.PostOwner_1 > .post-attachments,
.ChannelContainer .WolChatMessageBody.PostOwner_1 > .WOLUploadedVideoAttachment {
    align-self:flex-end; background:#edf4fb; border-color:#cbdced;
}
.ChannelContainer .WolChatMessageBody > .post-attachments { padding:.5rem .625rem; }
.ChannelContainer .WolChatMessageBody > .post-attachments .AttachedDocumentss { width:100%; max-width:none; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-attachment-heading { font-size:.8125rem; color:#65758a; margin:0 0 .25rem; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-row:last-child { border-bottom:0; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-name { line-height:1.4; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-size { font-size:.8125rem; }
.ChannelContainer .WolChatMessageBody > .post-attachments .ADocument { padding:.4rem 0; gap:.5rem; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-icon { width:1.125rem; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-thumbnail { width:32px; height:32px; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-preview,
.ChannelContainer .WolChatMessageBody > .post-attachments .post-file-download { min-width:32px; min-height:36px; }
.ChannelContainer .WolChatMessageBody > .post-attachments .post-files-more summary { padding:.5rem 0 .15rem; font-size:.875rem; }
@media (pointer:coarse) {
    .ChannelContainer .WolChatMessageBody > .post-attachments .post-file-preview,
    .ChannelContainer .WolChatMessageBody > .post-attachments .post-file-download { min-width:44px; min-height:44px; }
}

/* Draft attachments belong to each mini-chat composer. */
.ConvoBottom .MiniChatAttachments { max-height: 150px; overflow-y: auto; }
.ConvoBottom .MiniChatAttachments .FeedImageUploadArea,
.ConvoBottom .MiniChatAttachments .FeedFileUploadArea { margin: 0; padding: .4rem 0; }
.ConvoBottom .MiniChatAttachments .ImageCollection { display: flex; flex-wrap: wrap; gap: .4rem; }
.ConvoBottom .MiniChatAttachments .CurrUploadImage { position: relative; width: 64px; height: 64px; flex: 0 0 64px; }
.ConvoBottom .MiniChatAttachments .CurrUploadImage.Empty { display: none; }
.ConvoBottom .MiniChatAttachments .CurrUploadImage img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.ConvoBottom .MiniChatAttachments .CurrUploadFile { position: relative; padding: .4rem 1.5rem .4rem .5rem; margin: .25rem 0; border: 1px solid #dce2e8; border-radius: 6px; font-size: 1rem; overflow-wrap: anywhere; }
.ConvoBottom .MiniChatAttachments .fi-x { position: absolute; right: 3px; top: 3px; cursor: pointer; z-index: 1; }
.ConvoBottom .ChannelPost.is-sending .MiniChatAttachments,
.ConvoBottom .ChannelPost.is-sending .PostMessageOptions { pointer-events: none; opacity: .6; }