.o-mail-ChatWindow {
    height: 480px;
    width: $o-mail-ChatWindow-width;

    &.o-large {
        height: 680px;
        width: $o-mail-ChatWindow-widthLarge;
    }

    z-index: 999; // messaging menu is dropdown (1000)
    &.o-mobile {
        z-index: 1001; // above messaging menu (chat window takes whole screen)
    }
    &:not(.o-mobile) {
        --border-opacity: var(--mail-ChatWindow-desktopBorderOpacity, .15);
    }
    outline: none;
}

.o-mail-ChatWindow-command {
    color: inherit !important;
    &:hover:not(.o-actionsMenu), &.o-active, &.o-hover {
        background-color: var(--mail-ChatWindow-commandHoverBg, mix($gray-100, $gray-200));
    }
    &:not(.o-active):not(.o-hover) .fa-caret-down {
        opacity: 50%;
    }
}

.o-mail-ChatWindow-closePanel {
    z-index: 2;
}

.o-mail-ChatWindow-counter {
    padding: 3px 6px;
}

.o-mail-ChatWindow-country {
    width: 24px;
}

.o-mail-ChatWindow-header .o-mail-ChatWindow-threadAvatar img {
    height: $o-mail-Avatar-sizeSmall;
    width: $o-mail-Avatar-sizeSmall;
}

.o-mail-ChatWindow-typing {
    font-size: $small-font-size * 0.9;
    z-index: $o-mail-NavigableList-zIndex - 2;
}
