:root {
  --ant-primary-color: #324da1;
  --ant-primary-color-hover: var(--ant-primary-7);
  --ant-primary-color-active: var(--ant-primary-7);
  --ant-primary-color-outline: rgba(50, 77, 161, 0.2);
  --ant-primary-1: #c2cae3;
  --ant-primary-2: #7082bd;
  --ant-primary-3: #5b71b4;
  --ant-primary-4: #475faa;
  --ant-primary-5: var(--ant-primary-color);
  --ant-primary-6: #2d4591;
  --ant-primary-7: #283e81;
  --ant-secondary-color: #f4c82b;
  --ant-secondary-1: #fcefbf;
}

.ant-layout:has(> .ant-layout-content > .chats-page) {
  height: 100%;
  min-height: 0;
}

.chats-page {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.chats-page > .ant-page-header {
  flex: 0 0 auto;
}

.chats-page-card {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.chats-page-card > .ant-card-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.chats-content {
  flex: 1 1 auto;
  min-height: 0;
}
.chats-content > .ant-row {
  flex: 0 0 auto;
}
.chats-content > .ant-spin-nested-loading,
.chats-content > .ant-spin-nested-loading > div,
.chats-content > .ant-spin-nested-loading > div > .ant-spin-container {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.chats-main-row {
  flex: 1 1 auto;
  min-height: 0;
}
@media (min-width: 768px) {
  .chats-main-row {
    flex-wrap: nowrap;
  }
}

.chats-col {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.chats-col-chat {
  overflow: auto;
  height: 100%;
}

.chats-col-menu .chat-menu {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.chats-col-menu .chat-pagination {
  flex: 0 0 auto;
}

.chats-col-empty .chat-messages {
  flex: 1 1 auto;
  min-height: 0;
}

.chats-card {
  background-color: #f0f2f5;
  border-radius: 12px;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.chats-card > .ant-card-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.chats-card-inner {
  flex: 1 1 auto;
  min-height: 0;
}

.input-card {
  flex: 0 0 auto;
}
.input-card .ant-card-body {
  padding: 12px;
}
.input-card textarea {
  border: none;
}

.chats-col-drawer {
  height: 100%;
}
.chats-col-drawer .wrapper-card {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.chats-col-drawer .wrapper-card > .ant-card-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0;
}
.chats-col-drawer .wrapper-card > .ant-card-body > .ant-page-header,
.chats-col-drawer .wrapper-card > .ant-card-body > .ant-divider {
  flex: 0 0 auto;
}

.chat-bubble {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 400px;
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.chat-bubble-own {
  background: #d7e0ff;
  border-radius: 12px 12px 0 12px;
}

.chat-bubble-other {
  background: #ffffff;
  border-radius: 12px 12px 12px 0;
}

.chat-bubble-sender {
  font-size: 12px;
  font-weight: 600;
  color: #324DA1;
  margin-bottom: 2px;
}

.chat-bubble-body {
  word-break: break-word;
  white-space: pre-wrap;
}

.chat-bubble-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  margin-top: 2px;
}

.chat-time {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
}

.chat-messages-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.chat-messages {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 8px;
  display: flex;
  flex-direction: column-reverse;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.chat-messages::-webkit-scrollbar-track {
  background: transparent;
}
.chat-messages::-webkit-scrollbar {
  width: 6px;
}
.chat-messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.chat-messages::-moz-scrollbar-button, .chat-messages::-webkit-scrollbar-button {
  background: transparent;
  display: none;
  width: 0;
}

.chat-menu {
  border: none;
}
.chat-menu .ant-menu-item {
  border-radius: 4px;
  height: unset;
  padding: 8px;
}

.chat-menu-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  line-height: 1;
}

.chat-menu-text-secondary {
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  line-height: 1;
}

.chat-menu-date {
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}

.h-100 {
  min-height: 0;
}
.h-100 .sider-menu-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.h-100 > .main-menu {
  flex: 0 0 auto;
}

.rixz-topbar {
  padding: 16px 24px;
  background-color: #0A101B;
  color: white;
}
.rixz-topbar .ant-typography {
  color: white;
}
.rixz-topbar .ant-btn {
  color: white;
}
.rixz-topbar .anticon {
  color: white;
}
.rixz-topbar .ant-divider {
  color: white;
  background-color: white;
}

/*# sourceMappingURL=main.css.map */