/* 编辑证书抽屉样式 */
.drawer-content {
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.drawer-content .el-form {
  flex: 1;
}

.drawer-footer {
  padding: 20px 0;
  border-top: 1px solid #e4e7ed;
  text-align: right;
}

.drawer-footer .el-button {
  margin-left: 12px;
}

.category-input-group {
  display: flex;
  align-items: center;
}

/* 表单样式优化 */
.el-form-item__label {
  font-weight: 500;
  color: #303133;
}

.el-textarea__inner {
  resize: vertical;
}

/* 抽屉标题样式 */
.el-drawer__header {
  margin-bottom: 0;
  padding: 20px 20px 0 20px;
}

.el-drawer__title {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}

/* 表单项间距 */
.el-form-item {
  margin-bottom: 22px;
}

/* 证书有效期配置样式 */
.validity-config {
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e4e7ed;
}

.validity-months {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.reminder-config {
  border-top: 1px solid #e4e7ed;
  padding-top: 16px;
  margin-top: 16px;
}

.reminder-toggle {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.reminder-details {
  padding: 12px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
}

.reminder-timing {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.reminder-recipients {
  margin-top: 12px;
}

.reminder-recipients .el-checkbox {
  margin-right: 16px;
  margin-bottom: 8px;
}

.reminder-recipients .el-checkbox:last-child {
  margin-right: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .drawer-content {
    padding: 16px;
  }
  
  .validity-months {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .reminder-timing {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .reminder-recipients .el-checkbox {
    display: block;
    margin-bottom: 12px;
  }
}