/* qkbad 管理后台 · 弹窗体验优化
   1) 弹窗加宽并按屏宽自适应，高度自适应、超出内部滚动
   2) 表单两列网格对齐、分组留白
   3) 输入控件加高加大、标签右对齐、底部按钮靠右 */

/* ---------- 1. 弹窗尺寸 / 滚动 ---------- */
.el-dialog {
  width: 980px;
  max-width: 94vw;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
.el-dialog__header {
  padding: 16px 22px 12px;
  margin-right: 0;
  border-bottom: 1px solid var(--el-border-color-lighter, #ebeef5);
  flex: none;
}
.el-dialog__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.el-dialog__headerbtn {
  top: 12px;
  right: 16px;
}
.el-dialog__body {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px 22px 4px;
}
.el-dialog__footer {
  flex: none;
  text-align: right;
  padding: 12px 22px 16px;
  border-top: 1px solid var(--el-border-color-lighter, #ebeef5);
}
.el-dialog__footer .el-button + .el-button {
  margin-left: 10px;
}
.el-overlay {
  overflow: hidden;
}

/* ---------- 2. 表单两列网格 / 分组留白 ---------- */
.el-dialog .el-form {
  padding: 0;
}
.el-dialog .el-row {
  margin-bottom: 0 !important;
}
.el-dialog .el-col {
  padding-bottom: 0;
}
.el-dialog .el-form-item {
  margin-bottom: 16px;
}
/* 通栏长文本（简介 / 红线 / 教程 / 流程）与两列之间留白 */
.el-dialog .el-col-24 .el-form-item {
  margin-bottom: 18px;
}
.el-dialog .section-title {
  margin: 18px 0 10px;
  padding-top: 6px;
  border-top: 1px dashed var(--el-border-color-lighter, #ebeef5);
}

/* ---------- 3. 控件加高加大 ---------- */
.el-dialog .el-form-item__label {
  font-size: 13px;
  line-height: 40px;
  padding-right: 14px;
}
.el-dialog .el-input__wrapper {
  min-height: 40px;
  padding: 2px 12px;
  border-radius: 6px;
}
.el-dialog .el-input__inner {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.el-dialog .el-select__wrapper {
  min-height: 40px;
  border-radius: 6px;
}
.el-dialog .el-textarea__inner {
  font-size: 14px;
  line-height: 1.7;
  padding: 8px 12px;
  border-radius: 6px;
}
.el-dialog .el-button {
  height: 38px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 6px;
}
.el-dialog .el-button--small {
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
}
.el-dialog .el-input-number {
  width: 100%;
}
.el-dialog .el-input-number .el-input__wrapper {
  min-height: 40px;
}
.el-dialog .form-tip {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.6;
}

/* ---------- 4. 夜间模式下弹窗内的分割线与提示 ---------- */
html[data-theme="dark"] .el-dialog__header,
html[data-theme="dark"] .el-dialog__footer {
  border-color: #333335 !important;
}
html[data-theme="dark"] .el-dialog .section-title {
  border-top-color: #333335 !important;
}