/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* ========================================================
   Unfold Admin - 收起侧边栏后全屏展示内容
   ======================================================== */

/* 移除 Unfold Admin 的最大宽度限制 */
.max-w-screen-2xl {
  max-width: 100% !important;
}

.max-w-7xl {
  max-width: 100% !important;
}

.max-w-6xl {
  max-width: 100% !important;
}

.max-w-5xl {
  max-width: 100% !important;
}

/* 针对 Unfold 的内容容器 */
#content > div,
#content > main,
.content-wrapper {
  max-width: 100% !important;
  width: 100% !important;
}

/* Change list 表格全宽 */
.change-list,
.changelist,
#changelist {
  max-width: 100% !important;
}

/* 表格容器全宽 */
.results {
  max-width: 100% !important;
}

/* 响应式设计 - 仅在大屏幕上应用 */
@media (min-width: 1024px) {
  /* 主内容区域 */
  main {
    max-width: 100% !important;
  }

  /* 所有可能的容器类 */
  .container,
  .mx-auto {
    max-width: 100% !important;
  }
}

/* ========================================================
   修复表单字段显示问题
   ======================================================== */

/* 确保表单输入框可见 */
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="email"],
.form-row input[type="number"],
.form-row input[type="date"],
.form-row input[type="tel"],
.form-row select,
.form-row textarea {
  display: block !important;
  width: 100% !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Unfold Admin 表单字段样式 */
.field-username input,
.field-password1 input,
.field-password2 input,
.field-real_name input,
.field-email input,
.field-mobile input,
.field-department select,
.field-position input,
.field-status select {
  display: block !important;
  width: 100% !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 确保所有输入框都可见 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
select,
textarea {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* 修复下拉选择框 - 移除以避免与Unfold Admin的自定义箭头冲突 */
/* select的外观由Unfold Admin控制，不需要强制设置为auto */

/* 确保表单行可见 */
.form-row {
  display: block !important;
  margin-bottom: 1rem !important;
}

/* 字段标签样式 */
.form-row label {
  display: block !important;
  margin-bottom: 0.5rem !important;
  font-weight: 500 !important;
}

/* 帮助文本样式 */
.form-row .help,
.form-row .helptext {
  display: block !important;
  margin-top: 0.25rem !important;
  font-size: 0.875rem !important;
  color: #6c757d !important;
}

/* ========================================================
   Unfold Admin 特定样式修复
   ======================================================== */

/* Unfold 表单字段容器 */
.unfold-field,
.unfold-form-field,
[class*="unfold"] input,
[class*="unfold"] select,
[class*="unfold"] textarea {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Unfold 中的输入框 */
input.border,
select.border,
textarea.border {
  border: 1px solid #d1d5db !important;
  background-color: white !important;
  color: #1f2937 !important;
}

/* 确保表单字段在 Unfold 中正常显示 */
form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
form select,
form textarea {
  display: block !important;
  width: 100% !important;
  padding: 0.5rem 0.75rem !important;
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 0.375rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 2.5rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #212529 !important;
}

/* checkbox 和 radio 特殊处理 */
input[type="checkbox"],
input[type="radio"] {
  display: inline-block !important;
  width: auto !important;
  /* 确保复选框保持原生外观，能正常显示对勾 */
  appearance: auto !important;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
}

/* 隐藏字段保持隐藏 */
input[type="hidden"] {
  display: none !important;
}

/* ========================================================
   修复关联字段操作按钮布局
   ======================================================== */

/* ForeignKey 字段的容器 */
.related-widget-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* 关联字段的下拉选择框 */
.related-widget-wrapper select {
  flex: 1 !important;
  min-width: 0 !important;
}

/* 关联字段的操作按钮容器 */
.related-widget-wrapper-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  flex-shrink: 0 !important;
}

/* 操作按钮 */
.related-widget-wrapper a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0.25rem !important;
  vertical-align: middle !important;
}

/* 按钮图标 */
.related-widget-wrapper a img,
.related-widget-wrapper a svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block !important;
}

/* Unfold Admin 的关联字段按钮 */
.related-lookup,
.add-related,
.change-related,
.delete-related,
.view-related {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  margin-left: 0.25rem !important;
  vertical-align: middle !important;
}