/* Full commercial logo — no crop */
.brand {
  height: 138px;
  min-height: 138px;
  justify-content: center;
  padding: 8px;
  border-bottom: 1px solid #ffffff17;
}
.brand-logo {
  position: relative !important;
  width: 118px !important;
  height: 118px !important;
  display: block !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: #000 !important;
}
.brand-logo img {
  position: static !important;
  display: block;
  width: 118px !important;
  height: 118px !important;
  max-width: 118px !important;
  object-fit: contain !important;
}
.brand > span {
  display: none !important;
}
/* Chat columns use a complete surface in both themes */
.chat-grid {
  background: #f3f6fa;
}
.chat-grid > aside {
  display: flex;
  flex-direction: column;
  background: #f8fafc;
}
.chat-grid > aside h3 {
  flex: 0 0 auto;
  background: #fff;
}
.chat-grid > aside > input {
  flex: 0 0 auto;
  background: #fff;
}
.chat-grid #seatList,
.chat-grid #conversationList {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  background: #f8fafc;
}
.chat-list-tail {
  min-height: 115px;
  flex: 1;
  display: grid;
  place-items: center;
  padding: 20px;
  text-align: center;
  color: #8793a2;
  background: linear-gradient(180deg, #f8fafc, #f2f5f9);
  font-size: 10px;
  line-height: 1.6;
}
.chat-list-tail span {
  max-width: 170px;
}
.messages {
  background: #fff;
}
.messages-empty-hint {
  margin: auto;
  padding: 12px 16px;
  border: 1px dashed #c6d0dc;
  border-radius: 9px;
  color: #8491a1;
  background: #f8fafc;
  font-size: 10px;
}
body.theme-dark .chat-grid {
  background: #11161d !important;
}
body.theme-dark .chat-grid > aside,
body.theme-dark .chat-grid > aside h3,
body.theme-dark .chat-grid #seatList,
body.theme-dark .chat-grid #conversationList {
  background: #171c24 !important;
  color: #edf1f7 !important;
}
body.theme-dark .chat-grid > aside > input {
  background: #1d242e !important;
  color: #edf1f7 !important;
  border-color: #3a4552 !important;
}
body.theme-dark .chat-list-tail {
  background: linear-gradient(180deg, #171c24, #12171e) !important;
  color: #758194 !important;
  border-color: #303a47;
}
body.theme-dark .messages {
  background: #171c24 !important;
}
body.theme-dark .messages-empty-hint {
  background: #1b222c;
  border-color: #3b4654;
  color: #8995a6;
}
@media (max-width: 720px) {
  .brand {
    height: 76px;
    min-height: 76px;
    padding: 5px;
  }
  .brand-logo,
  .brand-logo img {
    width: 62px !important;
    height: 62px !important;
  }
}