/* ─── SmartCreateModal 样式 ───────────────────────────── */

/* 通过 Semi CSS 变量控制内边距（不使用 !important，不直接覆盖 Semi 内部类） */
.wk-smart-create-modal {
  --semi-modal-content-padding: 0;
  --semi-modal-header-margin: 0;
  --semi-modal-body-wrapper-margin: 0;
}

.wk-smart-create-modal__content {
  padding: var(--wk-sp-5, 20px);
}

.wk-smart-create-modal__head {
  margin-bottom: var(--wk-sp-3, 12px);
}

.wk-smart-create-modal__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--wk-text-primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--wk-sp-2, 8px);
  letter-spacing: -0.01em;
}

.wk-smart-create-modal__spark {
  color: var(--wk-text-primary);
}

/* .wk-smart-create-modal__sub 已移除 */

.wk-smart-create-modal__field {
  margin-bottom: var(--wk-sp-2, 8px);
}

.wk-smart-create-modal__label {
  display: flex;
  align-items: center;
  gap: var(--wk-sp-1, 4px);
  font-size: 12px;
  font-weight: 500;
  color: var(--wk-text-primary);
  margin-bottom: var(--wk-sp-1, 6px);
}

.wk-smart-create-modal__req {
  color: var(--wk-color-danger);
}

.wk-smart-create-modal__input {
  width: 100%;
  padding: var(--wk-sp-2, 8px) var(--wk-sp-3, 12px);
  border: 1px solid var(--wk-border-default);
  border-radius: var(--wk-r-sm, 6px);
  font-size: 13px;
  background: var(--wk-bg-surface);
  color: var(--wk-text-primary);
  outline: none;
  box-sizing: border-box;
  transition: border-color 150ms, box-shadow 150ms;
}

.wk-smart-create-modal__input:focus {
  border-color: var(--wk-brand-primary);
  box-shadow: 0 0 0 3px var(--wk-brand-primary-ring);
}

.wk-smart-create-modal__input::placeholder {
  color: var(--wk-text-disabled);
}

.wk-smart-create-modal__textarea {
  width: 100%;
  padding: var(--wk-sp-2, 8px) var(--wk-sp-3, 12px);
  border: 1px solid var(--wk-border-default);
  border-radius: var(--wk-r-sm, 6px);
  font-size: 13px;
  background: var(--wk-bg-surface);
  color: var(--wk-text-primary);
  outline: none;
  box-sizing: border-box;
  resize: vertical;
  font-family: inherit;
  min-height: 72px;
  transition: border-color 150ms, box-shadow 150ms;
}

.wk-smart-create-modal__textarea:focus {
  border-color: var(--wk-brand-primary);
  box-shadow: 0 0 0 3px var(--wk-brand-primary-ring);
}

.wk-smart-create-modal__textarea::placeholder {
  color: var(--wk-text-disabled);
}

/* DatePicker 对齐 input 样式 */
.wk-smart-create-modal__datepicker {
  width: 100%;
}

/* 按钮组 */
.wk-smart-create-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--wk-sp-2, 8px);
  margin-top: var(--wk-sp-3, 12px);
}

.wk-smart-create-modal__btn {
  padding: var(--wk-sp-2, 8px) var(--wk-sp-4, 16px);
  border-radius: var(--wk-r-sm, 6px);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 150ms;
  display: inline-flex;
  align-items: center;
  gap: var(--wk-sp-1, 6px);
}

.wk-smart-create-modal__btn--cancel {
  background: var(--wk-bg-surface);
  color: var(--wk-text-secondary);
  border: 1px solid var(--wk-border-default);
}

.wk-smart-create-modal__btn--cancel:hover {
  background: var(--wk-bg-item-hover);
}

.wk-smart-create-modal__btn--confirm {
  background: var(--wk-brand-primary);
  color: var(--wk-text-on-brand);
}

.wk-smart-create-modal__btn--confirm:hover:not(:disabled) {
  background: var(--wk-brand-primary-hover);
}

.wk-smart-create-modal__btn--confirm:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wk-smart-create-modal__footer-sep {
  border-top: 1px solid var(--wk-border-default);
  margin-top: var(--wk-sp-3, 12px);
}
