/* 强力锁定表格中输入框的高度，解决 scoped 模式下有前缀的 Element Plus 子组件无法被 :deep 成功匹配的局限性 */
.detail-expense-table .editor-control .el-input__wrapper,
.detail-expense-table .editor-control .el-select__wrapper,
.detail-expense-table .editor-select .el-select__wrapper,
.detail-expense-table .editor-date-picker .el-input__wrapper {
  box-sizing: border-box !important;
  min-height: var(--expense-editor-control-height, 34px) !important;
  height: var(--expense-editor-control-height, 34px) !important;
  line-height: var(--expense-editor-control-line-height, 16px) !important;
}

.detail-expense-table .editor-control:not(.risk-note-editor-input),
.detail-expense-table .editor-date-picker.editor-control,
.detail-expense-table .editor-select {
  min-height: var(--expense-editor-control-height, 34px) !important;
  height: var(--expense-editor-control-height, 34px) !important;
}

.detail-expense-table .editor-date-picker.editor-control {
  display: flex !important;
  align-items: center !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__wrapper {
  gap: 4px !important;
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__inner,
.detail-expense-table .editor-input-control.editor-control .el-input__inner,
.detail-expense-table .editor-select .el-select__selected-item,
.detail-expense-table .editor-select .el-select__placeholder {
  height: var(--expense-editor-control-line-height, 16px) !important;
  line-height: var(--expense-editor-control-line-height, 16px) !important;
  font-size: 12px !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__prefix,
.detail-expense-table .editor-date-picker.editor-control .el-input__suffix,
.detail-expense-table .editor-date-picker.editor-control .el-input__prefix-inner,
.detail-expense-table .editor-date-picker.editor-control .el-input__suffix-inner {
  display: inline-flex !important;
  align-items: center !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__prefix,
.detail-expense-table .editor-date-picker.editor-control .el-input__suffix {
  min-height: var(--expense-editor-control-height, 34px) !important;
  height: var(--expense-editor-control-height, 34px) !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__prefix {
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__suffix {
  display: none !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__prefix-inner,
.detail-expense-table .editor-date-picker.editor-control .el-input__suffix-inner {
  height: var(--expense-editor-control-line-height, 16px) !important;
  line-height: var(--expense-editor-control-line-height, 16px) !important;
}

.detail-expense-table .editor-date-picker.editor-control .el-input__prefix-inner {
  width: 14px !important;
  font-size: 13px !important;
}

.detail-expense-table .editor-amount-input.editor-control {
  display: flex !important;
  align-items: center !important;
}

.detail-expense-table .editor-amount-input.editor-control .el-input__wrapper {
  display: flex !important;
  align-items: center !important;
  min-height: var(--expense-editor-control-height, 34px) !important;
  height: var(--expense-editor-control-height, 34px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.detail-expense-table .editor-amount-input.editor-control .el-input__inner {
  height: var(--expense-editor-control-line-height, 16px) !important;
  line-height: var(--expense-editor-control-line-height, 16px) !important;
}

.detail-expense-table .editor-amount-input.editor-control .el-input__prefix,
.detail-expense-table .editor-amount-input.editor-control .el-input__prefix-inner {
  display: inline-flex !important;
  align-items: center !important;
}

.detail-expense-table .editor-amount-input.editor-control .el-input__prefix {
  min-height: var(--expense-editor-control-height, 34px) !important;
  height: var(--expense-editor-control-height, 34px) !important;
}

.detail-expense-table .editor-amount-input.editor-control .el-input__prefix-inner {
  height: var(--expense-editor-control-line-height, 16px) !important;
  line-height: var(--expense-editor-control-line-height, 16px) !important;
}

.detail-editor-date-popper.el-popper {
  border: 1px solid rgba(148, 163, 184, .32) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
}

.detail-editor-date-popper .el-picker-panel {
  border: 0 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #334155 !important;
}

.detail-editor-date-popper .el-date-picker__header {
  height: 38px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
}

.detail-editor-date-popper .el-picker-panel__icon-btn {
  appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 1px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 160ms var(--ease), color 160ms var(--ease) !important;
}

.detail-editor-date-popper .el-picker-panel__icon-btn:hover {
  background: var(--theme-primary-soft) !important;
  color: var(--theme-primary-active) !important;
}

.detail-editor-date-popper .el-date-picker__header-label {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.detail-editor-date-popper .el-picker-panel__content {
  margin: 8px 10px 10px !important;
}

.detail-editor-date-popper .el-date-table th {
  border-bottom: 1px solid #edf2f7 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.detail-editor-date-popper .el-date-table td {
  width: 32px !important;
  height: 30px !important;
  padding: 2px !important;
}

.detail-editor-date-popper .el-date-table td .el-date-table-cell {
  height: 28px !important;
  padding: 0 !important;
}

.detail-editor-date-popper .el-date-table td .el-date-table-cell__text {
  width: 26px !important;
  height: 26px !important;
  border-radius: 4px !important;
  color: #334155 !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

.detail-editor-date-popper .el-date-table td.available:hover .el-date-table-cell__text {
  background: var(--theme-primary-soft) !important;
  color: var(--theme-primary-active) !important;
}

.detail-editor-date-popper .el-date-table td.today .el-date-table-cell__text {
  color: var(--theme-primary-active) !important;
  font-weight: 850 !important;
}

.detail-editor-date-popper .el-date-table td.current .el-date-table-cell__text,
.detail-editor-date-popper .el-date-table td.selected .el-date-table-cell__text {
  background: var(--theme-primary) !important;
  color: #ffffff !important;
  font-weight: 850 !important;
}

.detail-editor-date-popper .el-date-table td.prev-month .el-date-table-cell__text,
.detail-editor-date-popper .el-date-table td.next-month .el-date-table-cell__text {
  color: #cbd5e1 !important;
}

.detail-editor-date-popper .el-date-table td.disabled .el-date-table-cell__text {
  background: #f8fafc !important;
  color: #cbd5e1 !important;
}
