.document-type-new-page {
  @apply w-full;
}

.document-type-new-page .page-header {
  @apply flex justify-between items-center mb-4;
}

.document-type-new-page .page-title {
  @apply text-xl font-medium;
}

.document-type-new-page .form-group {
  @apply mb-4;
}

.document-type-new-page .form-label {
  @apply block text-sm font-medium text-gray-700 mb-1;
}

.document-type-new-page .form-input,
.document-type-new-page .form-textarea,
.document-type-new-page .form-select {
  @apply w-full rounded-md border border-gray-300 shadow-sm px-3 py-2 transition-all duration-300;
  @apply focus:outline-none focus:border-[var(--primary-color)] focus:shadow-[0_0_0_2px_rgba(0,104,74,0.2)];
}

.document-type-new-page .form-textarea {
  @apply resize-none;
}

.document-type-new-page .form-tip {
  @apply text-xs text-gray-500 mt-1;
}

.document-type-new-page .input-error {
  @apply border-red-500;
}

.document-type-new-page .error-message {
  @apply text-sm text-red-600 mt-1;
  display: flex;
  align-items: center;
}

/* .document-type-new-page .error-message::before {
  content: "⚠️";
  margin-right: 0.25rem;
} */


.document-type-new-page .general-error {
  @apply flex items-center p-3 mb-4 bg-red-50 rounded-md text-red-600 text-sm;
}

.document-type-new-page .general-error i {
  @apply mr-2;
}

.document-type-new-page .group-error {
  @apply border border-red-500 rounded-md;
}

/* 复选框样式 */
.document-type-new-page .checkbox-group {
  @apply flex flex-col gap-2 mt-2;
}

.document-type-new-page .checkbox-item {
  @apply flex items-center p-2 border border-gray-200 rounded cursor-pointer transition-all;
}

.document-type-new-page .checkbox-item:hover {
  @apply border-[var(--primary-color)] bg-[rgba(0,104,74,0.15)];
}

.document-type-new-page .checkbox-item.checked {
  @apply border-[var(--primary-color)] bg-[rgba(0,104,74,0.25)];
}

/* 父子级分组样式 */
.document-type-new-page .parent-checkbox-item {
  @apply bg-gray-50 font-medium;
}

.document-type-new-page .child-checkbox-item {
  @apply ml-8 border-l-2 border-l-[var(--primary-color)];
}

.document-type-new-page .expand-icon {
  @apply w-6 h-6 flex items-center justify-center rounded hover:bg-[rgba(0,104,74,0.15)] mr-2 cursor-pointer;
}

.document-type-new-page .group-badge {
  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs ml-2;
}

.document-type-new-page .parent-badge {
  @apply bg-[rgba(0,104,74,1)] text-white;
}

.document-type-new-page .child-badge {
  @apply bg-[rgba(0,104,1,0.61)] text-white;
}

/* 添加checkbox-input样式，使用视觉上更美观的自定义复选框样式 */
.document-type-new-page .checkbox-input {
  @apply mr-2 h-4 w-4 text-primary-600 border-gray-300 rounded;
  @apply focus:ring-primary-500 cursor-pointer;
}

.document-type-new-page .checkbox-label {
  @apply text-gray-700 font-normal cursor-pointer flex-1 flex items-center;
  @apply bg-transparent border-none p-0 text-left appearance-none;
  outline: none;
}

.document-type-new-page .checkbox-label:focus {
  @apply outline-none ring-2 ring-primary-300 rounded;
}

.document-type-new-page .checkbox-item.checked .checkbox-label {
  @apply text-[var(--primary-color)] font-medium;
}

.document-type-new-page .radio-input {
  @apply mr-1 h-4 w-4 text-primary-600 border-gray-300 rounded;
  @apply focus:ring-primary-500 cursor-pointer;
  accent-color: #00684a;
}

/* 更完整的自定义单选按钮样式（可选） */
.document-type-new-page .radio-input:checked {
  background-color: #00684a;
  border-color: #00684a;
}
