/**
 * 修复产品编辑模态框中勾选框与文字之间的距离问题
 */

/* 使用更高优先级的选择器来确保样式被应用 */
.admin-modal .admin-form-row label,
.admin-modal .admin-form-group label,
.admin-modal .discount-settings label,
.admin-modal .model-form label {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  margin-bottom: 5px !important;
}

/* 特别处理勾选框 */
.admin-modal input[type="checkbox"] {
  margin-right: 0 !important; /* 移除右边距，使用gap来控制间距 */
  margin-left: 0 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 0 !important;
  flex-shrink: 0 !important; /* 防止勾选框被压缩 */
  width: 16px !important;
  height: 16px !important;
}

/* 特别处理标签文本 */
.admin-modal label span,
.admin-modal label:not(:has(> span)) {
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1.2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 特别处理推荐产品、产品上架状态和启用折扣价格的勾选框 */
#featured, #active, #hasDiscount, #hasModels {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* 确保勾选框行有足够的空间 */
.admin-modal .admin-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin-bottom: 10px !important;
}

/* 确保启用折扣价格的勾选框行有正确的样式 */
.admin-modal .discount-settings .admin-form-row {
  margin-top: 10px !important;
}

/* 确保多规格中的勾选框有正确的样式 */
.admin-modal .model-form .admin-form-row label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}