/* Element Plus Message Box 完整样式修复 */
/* 确保 overlay 覆盖整个视口 */
.el-overlay.is-message-box {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2000 !important;
  background-color: var(--el-overlay-color-lighter, rgba(0,0,0,0.5)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
  margin: 0 !important;
}

/* Message Box 容器 */
.el-overlay-message-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  margin: 0 !important;
}

/* Message Box 面板 */
.el-message-box {
  display: inline-block !important;
  width: 420px !important;
  max-width: 90vw !important;
  padding: 0 !important;
  background-color: var(--el-bg-color, #fff) !important;
  border-radius: var(--el-border-radius-base, 4px) !important;
  box-shadow: var(--el-box-shadow) !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  text-align: left !important;
  position: relative !important;
  margin: 0 auto !important;
  top: auto !important;
  left: auto !important;
  overflow-wrap: break-word !important;
}

/* Message Box Header */
.el-message-box__header {
  padding: 15px 15px 10px !important;
  position: relative !important;
}

.el-message-box__title {
  font-size: var(--el-font-size-large, 18px) !important;
  line-height: 1.4 !important;
  color: var(--el-text-color-primary) !important;
}

/* 关闭按钮 */
.el-message-box__headerbtn {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  background: 0 0 !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  font-size: 16px !important;
  padding: 0 !important;
  color: var(--el-color-info) !important;
}

.el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--el-color-primary) !important;
}

/* Message Box Content */
.el-message-box__content {
  padding: 10px 15px !important;
  position: relative !important;
  color: var(--el-text-color-regular) !important;
  font-size: 14px !important;
}

/* Message Box 状态图标 - 绝对定位在左侧 */
.el-message-box__status {
  position: absolute !important;
  top: 10px !important;
  left: 15px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.el-message-box__status.el-icon-warning {
  color: var(--el-color-warning) !important;
}

.el-message-box__status.el-icon-success {
  color: var(--el-color-success) !important;
}

.el-message-box__status.el-icon-info {
  color: var(--el-color-info) !important;
}

.el-message-box__status.el-icon-error {
  color: var(--el-color-danger) !important;
}

/* ★ 修复图标与文字重叠：给文字留出左侧空间 */
.el-message-box__message {
  margin-left: 36px !important;
  color: inherit !important;
  word-break: break-word !important;
}

/* 无图标时不需要左边距 */
.el-message-box__message:not(:has(+ .el-message-box__status)) {
  margin-left: 0 !important;
}

/* Message Box Buttons */
.el-message-box__btns {
  padding: 5px 15px 15px !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

.el-message-box__btns .el-button {
  margin-left: 10px !important;
}

.el-message-box__btns .el-button:first-child {
  margin-left: 0 !important;
}

/* Center mode */
.el-message-box--center {
  text-align: center !important;
}

.el-message-box--center .el-message-box__status {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  margin: 0 auto 10px !important;
}

.el-message-box--center .el-message-box__message {
  margin-left: 0 !important;
  display: block !important;
}

.el-message-box--center .el-message-box__btns {
  justify-content: center !important;
  display: flex !important;
}

/* 补充: 确保 .el-overlay 有正确的基础样式 */
.el-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  z-index: 2000 !important;
  background-color: var(--el-overlay-color-lighter, rgba(0,0,0,0.5)) !important;
  overflow: auto !important;
}

/* 补充: el-overlay-dialog 样式 */
.el-overlay-dialog {
  position: fixed !important;
  inset: 0 !important;
  overflow: auto !important;
}