/* =====================================================================
 * OA 联系人对话框 UI 优化（覆盖 Element Plus 默认）v2
 * 整体放大 1/3（基础字号 13→17，控件 22→30，间距同步放大）
 * 修复评分两列同行重叠（已配合源码 sm:12 分行）
 * 注入位置：nginx sub_filter 注入 <link rel="stylesheet" href="/oa-contact-dialog.css">
 * 作用域：所有 el-dialog 内（特别是 ContactFormDialog/EditContactDialog）
 * ===================================================================== */

/* ---------- dialog 整体 ---------- */
.el-dialog {
  border-radius: 10px;
}
.el-dialog__header {
  padding: 22px 32px 16px !important;
  border-bottom: 1px solid #f0f0f0;
}
.el-dialog__title {
  font-size: 19px !important;
  font-weight: 600;
}
.el-dialog__body {
  padding: 26px 42px 10px 42px !important;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

/* ---------- 表单基础 ---------- */
.el-dialog .el-form-item {
  margin-bottom: 24px;
}
.el-dialog .el-form-item__label {
  color: #303133;
  font-weight: 500;
  font-size: 17px !important;
  line-height: 42px !important;
  padding-right: 10px;
}
/* 必填星号强制红色（覆盖主题橙色） */
.el-dialog .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label-wrap > .el-form-item__label::before,
.el-dialog .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label::before {
  color: #f56c6c !important;
  font-weight: 700;
  font-size: 19px;
  margin-right: 4px;
}
/* 表单错误信息更明显 */
.el-dialog .el-form-item__error {
  font-size: 14px !important;
  padding-top: 3px;
}

/* ---------- 分组标题 divider ---------- */
.el-dialog .el-divider {
  margin: 24px 0 18px;
}
.el-dialog .el-divider__text {
  background-color: #fff8f3 !important;
  color: #ff6a00 !important;
  font-weight: 600;
  font-size: 16px !important;
  padding: 6px 16px !important;
  border-left: 4px solid #ff6a00;
  border-radius: 0 6px 6px 0;
}

/* ---------- 输入框 / 下拉框 ---------- */
.el-dialog .el-input__inner,
.el-dialog .el-textarea__inner {
  font-size: 17px !important;
  min-height: 42px;
}
.el-dialog .el-input__inner::placeholder,
.el-dialog .el-textarea__inner::placeholder {
  color: #c0c4cc;
  font-size: 17px;
}
.el-dialog .el-select .el-input.is-focus .el-input__wrapper,
.el-dialog .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px #ff6a00 inset !important;
}

/* ---------- el-rate 评分控件放大 ---------- */
.el-dialog .el-rate {
  margin-top: 6px;
  height: 38px;
  align-items: center;
}
.el-dialog .el-rate__icon {
  font-size: 30px !important;
  margin-right: 8px;
}
.el-dialog .el-rate__item {
  padding: 0 3px;
}
.el-dialog .el-rate__text {
  font-size: 18px !important;
  color: #ff6a00 !important;
  font-weight: 600;
  margin-left: 10px;
  vertical-align: middle;
}

/* ---------- el-input-number 上下箭头 ---------- */
.el-dialog .el-input-number {
  line-height: 42px;
}
.el-dialog .el-input-number .el-input__inner {
  padding-left: 16px;
  padding-right: 48px;
  height: 42px;
}
.el-dialog .el-input-number .el-input-number__decrease,
.el-dialog .el-input-number .el-input-number__increase {
  width: 34px;
  background: #fafafa;
  border-color: #dcdfe6;
  color: #606266;
  font-size: 14px;
  transition: all .15s;
}
.el-dialog .el-input-number .el-input-number__decrease:hover,
.el-dialog .el-input-number .el-input-number__increase:hover {
  background: #ff6a00 !important;
  color: #fff !important;
  border-color: #ff6a00 !important;
}
/* 隐藏 controls-position="right" 时的原生按钮背景 */
.el-dialog .el-input-number.is-controls-right .el-input-number__decrease,
.el-dialog .el-input-number.is-controls-right .el-input-number__increase {
  height: calc((100% - 2px) / 2);
  line-height: calc((100% - 2px) / 2);
}

/* ---------- OCR 名片上传按钮 ---------- */
.el-dialog .el-upload {
  width: 100%;
}
.el-dialog .el-upload .el-button {
  width: 100%;
  justify-content: flex-start;
  border-style: dashed;
  background: #fffaf3;
  color: #ff6a00;
  border-color: #ffd0a3;
  padding: 14px 18px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 10px;
  height: auto;
}
.el-dialog .el-upload .el-button:hover {
  background: #fff3e0;
  border-color: #ff6a00;
  color: #ff6a00;
}

/* ---------- textarea 兴趣爱好 ---------- */
.el-dialog .el-textarea__inner {
  min-height: 86px !important;
  resize: vertical;
}

/* ---------- 底部按钮 ---------- */
.el-dialog .el-dialog__footer {
  padding: 16px 42px 24px;
  border-top: 1px solid #f0f0f0;
}
.el-dialog .el-button {
  font-size: 16px;
  padding: 11px 22px;
  height: auto;
  min-height: 42px;
}
.el-dialog .el-button--primary {
  background: #ff6a00;
  border-color: #ff6a00;
}
.el-dialog .el-button--primary:hover {
  background: #ff8a3d;
  border-color: #ff8a3d;
}
.el-dialog .el-button + .el-button {
  margin-left: 16px;
}

/* ---------- 表单行 gutter 视觉补偿 ---------- */
.el-dialog .el-row {
  margin-bottom: 0 !important;
}

/* ---------- el-tag 部门归属标签 ---------- */
.el-dialog .el-tag {
  border-radius: 6px;
  font-size: 14px;
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
}

/* ---------- el-switch 主要联系人开关 ---------- */
.el-dialog .el-switch {
  height: 30px;
  line-height: 30px;
  margin-top: 6px;
}
.el-dialog .el-switch__core {
  border-color: #ff6a00;
  height: 22px;
  width: 44px;
}
.el-dialog .el-switch__core::after {
  width: 18px;
  height: 18px;
}
.el-dialog .el-switch.is-checked .el-switch__core {
  background-color: #ff6a00 !important;
  border-color: #ff6a00 !important;
}