/* Restrained Layui-inspired modal treatment for the chat page. */
body.pages-chat-message .uni-mask {
  background: rgba(20, 26, 34, 0.52) !important;
  backdrop-filter: blur(2px);
}

body.pages-chat-message .uni-modal {
  width: 320px !important;
  max-width: calc(100vw - 44px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(31, 41, 55, 0.08) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(20, 31, 48, 0.22) !important;
  transform-origin: center center;
  animation: chat-modal-enter 0.18s ease-out !important;
}

body.pages-chat-message .uni-modal__hd {
  padding: 25px 24px 8px !important;
  line-height: 1.4 !important;
}

body.pages-chat-message .uni-modal__title {
  color: #222a35 !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 25px !important;
  letter-spacing: 0.2px !important;
}

body.pages-chat-message .uni-modal__bd {
  min-height: 24px !important;
  padding: 9px 28px 22px !important;
  color: #7a8492 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  white-space: pre-line !important;
}

body.pages-chat-message .uni-modal__ft {
  height: auto !important;
  min-height: 44px !important;
  padding: 0 16px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-top: 0 !important;
  line-height: normal !important;
}

body.pages-chat-message .uni-modal__ft::after,
body.pages-chat-message .uni-modal__btn::after {
  display: none !important;
  border: 0 !important;
}

body.pages-chat-message .uni-modal__btn {
  flex: 1 1 0 !important;
  width: auto !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transition: transform 0.14s ease, opacity 0.14s ease, background 0.14s ease !important;
}

body.pages-chat-message .uni-modal__btn_default {
  background: #f2f4f7 !important;
  color: #5e6876 !important;
}

body.pages-chat-message .uni-modal__btn_primary {
  background: #e65347 !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(198, 61, 51, 0.2) !important;
}

body.pages-chat-message .uni-modal__btn:active {
  transform: scale(0.97) !important;
  opacity: 0.9 !important;
}

body.pages-chat-message .uni-modal__ft .uni-modal__btn:only-child {
  flex-basis: 100% !important;
}

@keyframes chat-modal-enter {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 390px) {
  body.pages-chat-message .uni-modal {
    width: 304px !important;
    max-width: calc(100vw - 32px) !important;
    border-radius: 18px !important;
  }

  body.pages-chat-message .uni-modal__hd {
    padding-top: 22px !important;
  }
}