/*
 * formal-product-chat-dialog-size-20260531-v2
 * Product-detail online consultation dialog: 572px -> 601px (+5%).
 * Supersedes v1 by also clearing Element Plus dialog padding so the chat body
 * and inner chat shell are the same 601px visual canvas.
 */
.product-detail-scroll-overlay .customer-service-dialog.el-dialog,
.product-detail-scroll-overlay .customer-service-dialog .el-dialog {
  --pluvo-product-chat-dialog-size: 601px;
  box-sizing: border-box !important;
  width: var(--pluvo-product-chat-dialog-size) !important;
  min-width: var(--pluvo-product-chat-dialog-size) !important;
  max-width: var(--pluvo-product-chat-dialog-size) !important;
  height: var(--pluvo-product-chat-dialog-size) !important;
  min-height: var(--pluvo-product-chat-dialog-size) !important;
  max-height: var(--pluvo-product-chat-dialog-size) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.product-detail-scroll-overlay .customer-service-dialog.el-dialog > .el-dialog__body,
.product-detail-scroll-overlay .customer-service-dialog .el-dialog__body {
  box-sizing: border-box !important;
  flex: 0 0 var(--pluvo-product-chat-dialog-size) !important;
  width: var(--pluvo-product-chat-dialog-size) !important;
  min-width: var(--pluvo-product-chat-dialog-size) !important;
  max-width: var(--pluvo-product-chat-dialog-size) !important;
  height: var(--pluvo-product-chat-dialog-size) !important;
  min-height: 0 !important;
  max-height: var(--pluvo-product-chat-dialog-size) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.product-detail-scroll-overlay .customer-service-dialog .product-chat-shell,
.product-detail-scroll-overlay .customer-service-dialog .customer-service,
.product-detail-scroll-overlay .customer-service-dialog .chat-shell.chat-shell-dialog {
  box-sizing: border-box !important;
  width: var(--pluvo-product-chat-dialog-size) !important;
  min-width: var(--pluvo-product-chat-dialog-size) !important;
  max-width: var(--pluvo-product-chat-dialog-size) !important;
  height: var(--pluvo-product-chat-dialog-size) !important;
  min-height: var(--pluvo-product-chat-dialog-size) !important;
  max-height: var(--pluvo-product-chat-dialog-size) !important;
}

.product-detail-scroll-overlay .customer-service-dialog .product-chat-shell[data-v-12571b94] {
  width: var(--pluvo-product-chat-dialog-size) !important;
  min-width: var(--pluvo-product-chat-dialog-size) !important;
  max-width: var(--pluvo-product-chat-dialog-size) !important;
  height: var(--pluvo-product-chat-dialog-size) !important;
  min-height: var(--pluvo-product-chat-dialog-size) !important;
  max-height: var(--pluvo-product-chat-dialog-size) !important;
}

.product-detail-scroll-overlay .customer-service-dialog .chat-dialog-close {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
}