@import "./mixin.scss";
@import "./placeholder";

// @import "./javad/list-mixins";
// @import "./javad/list-variables";

.chat-system {
  // @import "components/btn";
  // @import "components/panels";
  // @import "./mohsen/list-mixins";

  // @import "./bootstrap-overwrite";

  .main-page__content {
    // height: calc(100dvh - 68px);
    height: 100dvh;
    min-height: 100dvh;
    margin-right: var(--sidebar-collapsed-width);
    display: flex;

    @import "./components/chatlist/chat-list";

    .menu-bar__content {
      position: static !important;
      flex: 1 1 100%;
      max-width: 25em;
      // max-width: 20em;
      width: auto;
      min-width: 25em;

      &.show-list-panel {
        right: 0 !important;
      }

      .group-item {
        .group-row {
          .group-picture-container {
            .group-picture.mini-mode {
              display: none;
            }
            .group-picture {
              display: inline;
            }
          }
        }
      }

      .groups-header {
        .left-icons {
          color: #bdc6d0;
        }
      }

      @import "./components/group/group";
    }
  }

  @import "./responsive/responsive";
}

.no-group-selected {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  background-color: #f5f8fc;
  height: 100%;
  opacity: 0.8;

  .title {
    font-family: "sahel-semi-bold";
    font-size: 1.3rem;
  }
}